.header-main-inner {
  position: relative;
  z-index: 1;
}
.hide-arfa {
 display:none !important;
}
.logoarfa h1 {
  margin: 0;
  line-height: 1; 
  font-family: "Cinzel", Arial, sans-serif;
}
.logo-image img {
    min-width: 115px;
	

	
}
.qiupid_preloader_holder .preloader_image {
  position: absolute;
  top: 50%!important;
  left: 50%!important;
  width: 178px!important;
  height: auto!important;

  animation: arfa-pulse2 3s ease-in-out infinite;
}
@keyframes arfa-pulse2 {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }

  25% {
    transform: translate(-50%, -50%) scale(1.04);
  }

  40% {
    transform: translate(-50%, -50%) scale(1.02);
  }

  60% {
    transform: translate(-50%, -50%) scale(1.05);
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
.footer_cora {
    height: auto;
    display: block;
    width: 80px;
    position: absolute;
    margin-top: -32%;
    margin-left: 175px;
}



.builder-item--logo {
  position: relative;
  display: inline-block;
  overflow: visible !important;
}


/* 🧠 LOGO */
.builder-item--logo img {
  position: relative;
  z-index: 2;

}
.arfa-lock-screen {
  margin: 0;
  overflow: visible;
}



.qiupid-breadcrumbs, .youzify-search-landing-image-container {
    background-image: url(https://www.arfa.club/wp-content/uploads/2026/04/fondo_cena2.jpg)!important;
}
.hideform {
    display:none;
}

.qiupidsaas-testimonials .qiupidsaas-site-presentation {
    z-index: 0 !important;

}
.qiupidsaas-testimonials 
.qiupidsaas-site-presentation h1{

    position:relative;

    display:inline-block;



    text-transform:uppercase;

    font-weight:700;

    font-size:24px;

    line-height:24px;

    letter-spacing:1.5px;

    color:#ffffff;

    padding:18px 22px;

    border-radius:
    24px 18px 24px 20px;

    overflow:hidden;

    z-index:2;

    background:
    linear-gradient(
        135deg,
        rgba(201,169,110,.18),
        rgba(18,18,18,.72),
        rgba(201,169,110,.08)
    );

    border:
    1px solid rgba(201,169,110,.12);

    backdrop-filter:blur(12px);

    box-shadow:
    0 10px 30px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04);
}
.qiupidsaas-testimonials 
.qiupidsaas-site-presentation h1::before{

    content:"";

    position:absolute;

    inset:-40%;

    background:
    radial-gradient(
        circle,
        rgba(201,169,110,.16),
        transparent 70%
    );

    z-index:-1;

    filter:blur(20px);
}
/* dark style */
.qiupidsaas-dark-mode .qiupid-inner-quick-link.qiupidsaas-my-current-plan  {
    background: #1f232e !important;

}


        /* Styling for the loader icon */
.loader {
     display: none; 
    position: absolute;
    right: 25px;
    top: 20px;
    transform: translateY(-50%);
    width: 20px !important;
    height: 20px !important;
    border: 2px solid #ccc;
    border-top: 2px solid #007bff;
    border-radius: 50%;
    display: block;
    animation: spin 1s linear infinite;
}

/* Animation for the spinner */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



.menu-mobile-toggle {
    color: #fff!important;

}.hamburger {
    padding: 15px;

    color: #fff!important;
   
}
.hamburger-inner, .hamburger-inner::before {
    color: #fff!important;

}
.hamburger-inner::after {
    color: #fff!important;

}

.compa_cora {
	margin: 14px 0px 0px 6px;
  animation: arfa-pulse 3s ease-in-out infinite;
}
.corazonarfa {
	
  animation: arfa-pulse 3s ease-in-out infinite;
}
@keyframes arfa-pulse {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.04);
  }

  40% {
    transform: scale(1.02);
  }

  60% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}
.logoarfa a {
  transition: opacity 0.3s ease;
}


.logoarfa a:hover {
  opacity: 0.7;
 
}
.logoarfa a {
  font-size: 4rem;
  font-family: "Cinzel", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 4px;
  text-decoration: none;
  

  /* EFECTO TEXTO IMAGEN */
  background-image: url('https://www.arfa.club/wp-content/uploads/2025/02/fondotexto.jpg');
  background-size: 200%;
  background-position: 0% 50%;

  background-clip: text;
  -webkit-background-clip: text;

  color: transparent; /* CLAVE */
  -webkit-text-fill-color: #bbbbbb2e; /* CLAVE */

  animation: arfa-text-flow 6s infinite alternate;
}
@keyframes arfa-text-flow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.logoarfa a::before {
  content: "";
  position: absolute;
  inset: -10px;
  background: rgba(0,0,0,0.7);
  filter: blur(20px);
  z-index: -1;
  border-radius: 10px;
}

.site-footer .logoarfa a {
  font-size: 4rem;
 
}
.site-footer .logoarfa a::before {
  content: "";
  position: absolute;
  inset: 0px;
  background: rgba(0,0,0,0.0);
  filter: blur(0px);
  z-index: -10;
  border-radius: 0px;
}
.site-footer .widget_mt_address_social_icons .social-links a i {
position: absolute;
    font-size: 18px;
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    left: 8px;
}
body .qiupidsaas-brand-icon .qiupidsaas-quick-links a {
    padding: 5px 5px;

}
body .qiupidsaas-brand-icon a {
    padding: 0px;

}
.qiupidsaas-dashboard-top-nav .qiupidsaas-brand-icon {
padding: 0px;
   
	display: ruby-text;
}
body .qiupidsaas-upgrade-plan-btn {
    font-size: 12px;
	padding: 5px 10px;
}
body .qiupidsaas-my-plan-credits-btn {
    padding: 5px 10px;
    font-size: 12px;
}
.qiupidsaas-back-home {
    display: none;
}
#qiupid-login-account {
    
}


/* =========================================================
ARFA COMPACT DOCK MODE
========================================================= */


/* =========================================================
MAIN CONTAINER COMPACT
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group{

    padding:6px !important;
	    line-height: 5px;

    border-radius:22px !important;

    transition:
    all .35s ease;
}


/* =========================================================
LINK COMPACT
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group 
.col-md-3 a{

    min-height:20px !important;

    gap:0 !important;

    font-size:0 !important;

    transition:
    all .35s ease;
}


/* =========================================================
ICONS COMPACT
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group 
.col-md-3 a i{

    font-size:19px !important;

    margin:0 !important;

    transition:
    all .35s ease;
}


/* =========================================================
HOVER EXPAND
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group:hover 
.col-md-3 a{

    min-height:68px !important;

    gap:7px !important;

    font-size:10px !important;
}


/* =========================================================
ICON EXPAND
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group:hover 
.col-md-3 a i{

    font-size:20px !important;
}


/* =========================================================
INDIVIDUAL ITEM HOVER
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group 
.col-md-3 a:hover{

    transform:
    translateY(-3px) scale(1.04);
}


/* =========================================================
ACTIVE ITEM
========================================================= */

.qiupidsaas-footer-mobile-sticky-nav-group 
.col-md-3.active a{

    min-height:62px !important;

    font-size:10px !important;

    gap:6px !important;
}


/* ========================================
ARFA EDITORIAL CINEMATIC PANEL
Modern Luxury Private Network
======================================== */

.arfa-cinematic-panel{

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:center;

    width:100%;

    min-height:100%;

    padding:
    clamp(40px,5vw,90px);

    overflow:hidden;

    border-radius:36px;

    background:
    linear-gradient(
        180deg,
        rgba(24,24,24,.92),
        rgba(10,10,10,.98)
    );

    border:
    1px solid rgba(201,169,110,.10);

    box-shadow:
    0 30px 80px rgba(0,0,0,.45);

    backdrop-filter:blur(22px);

    -webkit-backdrop-filter:blur(22px);
}


/* ========================================
SUBTLE GLOW
======================================== */

.arfa-cinematic-panel::before{

    content:"";

    position:absolute;

    inset:auto -20% -30% auto;

    width:420px;

    height:420px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(201,169,110,.10),
        transparent 72%
    );

    pointer-events:none;

    z-index:0;
}


/* ========================================
CONTENT LAYER
======================================== */

.arfa-cinematic-panel > *{

    position:relative;

    z-index:2;
}


/* ========================================
KICKER
======================================== */

.arfa-panel-kicker{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:max-content;

    min-height:42px;

    padding:10px 18px;

    margin-bottom:28px;

    border-radius:999px;

    border:
    1px solid rgba(201,169,110,.14);

    background:
    rgba(255,255,255,.03);

    backdrop-filter:blur(12px);

    color:#C9A96E;

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:11px;

    font-weight:700;
}


/* ========================================
TITLE
======================================== */

.arfa-cinematic-panel h2{

    margin:0 0 32px;

    color:#fff;

    font-size:
    clamp(42px,4vw,74px);

    line-height:.92;

    font-weight:700;

    letter-spacing:-3px;

    max-width:780px;
}


/* ========================================
DESCRIPTION
======================================== */

.arfa-panel-description{

    max-width:680px;

    margin-bottom:54px;

    color:#A8A8A8;

    font-size:
    clamp(17px,1.3vw,22px);

    line-height:1.8;

    font-weight:400;
}


/* ========================================
BENEFITS
======================================== */

.arfa-benefits{

    display:flex;

    flex-direction:column;

    gap:22px;

    margin-bottom:54px;
}


/* ========================================
BENEFIT ITEM
======================================== */

.arfa-benefit{

    display:flex;

    align-items:center;

    gap:18px;
}


/* ========================================
ICON
======================================== */

.arfa-benefit-icon{

    position:relative;

    flex-shrink:0;

    width:14px;

    height:14px;

    border-radius:50%;

    background:#C9A96E;

    box-shadow:
    0 0 18px rgba(201,169,110,.35);
}

.arfa-benefit-icon::after{

    content:"";

    position:absolute;

    inset:-6px;

    border-radius:50%;

    border:
    1px solid rgba(201,169,110,.16);
}


#qiupid-create-account {
     margin-top: 20px;
    margin: 20px 0px;
    padding-top: 18px;
    padding-right: 38px;
    width: 100%;
    padding-bottom: 18px;
    padding-left: 38px;
	color: var(--arfa-black)!important;
	}
	#qiupid-create-account:hover {

	color: var(--arfa-gold)!important;
	}
	
	body.qiupidsaas-dark-mode #qiupid-create-account {
	color: var(--arfa-black)!important;
	}
	body.qiupidsaas-dark-mode #qiupid-create-account:hover {
	color: var(--arfa-gold)!important;
	}

/* ========================================
TEXT
======================================== */

.arfa-benefit span{

    color:#F5F5F5;

    font-size:18px;

    line-height:1.5;

    font-weight:500;
}


/* ========================================
BUTTON
======================================== */

.arfa-cinematic-panel .arfa-luxury-btn{

    width:max-content;

    min-width:260px;
}


/* ========================================
FOOTER
======================================== */

.arfa-panel-footer{

    margin-top:42px;

    padding-top:28px;

    border-top:
    1px solid rgba(255,255,255,.05);

    color:#7A7A7A;

    font-size:13px;

    letter-spacing:1px;

    text-transform:uppercase;
}

/* ========================================
ARFA CINEMATIC PORTRAIT SLIDER
Modern Luxury Portrait Showcase
======================================== */

.arfa-cinematic-slider{

    position:relative;

    width:100%;

    height:clamp(980px,90vh,1280px);

    overflow:hidden;

    border-radius:36px;

  
}


/* ========================================
SLIDER
======================================== */

.arfa-cinematic-slider{

    box-shadow:
    0 30px 80px rgba(0,0,0,.45);
}


/* ========================================
SLIDES
======================================== */

.arfa-slide{

    position:absolute;

    inset:0;

    opacity:0;

    transition:
    opacity .7s ease;

    display:flex;

    align-items:flex-end;

    justify-content:center;
}

.arfa-slide.active{

    opacity:1;

    z-index:2;
}


/* ========================================
IMAGE
======================================== */

.arfa-slide img{

    position:absolute;

    bottom:0;

    left:50%;

    transform:
    translateX(-50%) scale(1);

    width:auto;

    height:92%;

    max-width:none;

    object-fit:contain;

    object-position:center bottom;

    transition:
    transform 8s ease,
    filter 1.2s ease;

    filter:
    brightness(.94)
    contrast(1.02);

    pointer-events:none;

    user-select:none;
}

.arfa-slide.active img{

    transform:
    translateX(-50%) scale(1.04);

    filter:
    brightness(1)
    contrast(1.04);
}


/* ========================================
OVERLAY
======================================== */

.arfa-slide-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.92) 0%,
        rgba(0,0,0,.48) 35%,
        rgba(0,0,0,.08) 100%
    );

    z-index:1;
}


/* ========================================
CONTENT
======================================== */

.arfa-slide-content{

    position:absolute;

    left:60px;

    right:60px;

    bottom:110px;

    z-index:5;

    max-width:720px;
}


/* ========================================
KICKER
======================================== */

.arfa-slide-kicker{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:42px;

    padding:10px 18px;

    border-radius:999px;

    background:
    rgba(255,255,255,.04);

    border:
    1px solid rgba(201,169,110,.14);

    color:#C9A96E;

    font-size:11px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:24px;

    backdrop-filter:blur(12px);
}


/* ========================================
TITLE
======================================== */

.arfa-slide-content h2{

    font-size:
    clamp(42px,4vw,74px);

    line-height:.92;

    margin:0 0 18px;

    color:#fff;

    font-weight:700;

    letter-spacing:-3px;

    max-width:700px;
}


/* ========================================
DESCRIPTION
======================================== */

.arfa-slide-content p{

    font-size:
    clamp(17px,1.4vw,24px);

    color:#d5d5d5;

    line-height:1.5;

    margin:0;

    max-width:620px;
}


/* ========================================
NAVIGATION
======================================== */

.arfa-slider-nav{

    position:absolute;

    left:40px;

    right:40px;

    bottom:34px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    z-index:10;
}


/* ========================================
BUTTONS
======================================== */

.arfa-prev,
.arfa-next{

    width:58px;

    height:58px;

    border-radius:50%;

    border:
    1px solid rgba(255,255,255,.08);

    background:
    rgba(255,255,255,.04);

    color:#fff;

    cursor:pointer;

    font-size:18px;

    transition:.35s ease;

    backdrop-filter:blur(14px);
}

.arfa-prev:hover,
.arfa-next:hover{

    background:#C9A96E;

    border-color:#C9A96E;

    color:var(--arfa-black);
}


/* ========================================
DOTS
======================================== */

.arfa-slider-dots{

    display:flex;

    align-items:center;

    gap:10px;
}

.arfa-dot{

min-width: 10px;
    padding: 0px;
    min-height: 10px;
    width: 10px;
    height: 10px;

    border-radius:50%;

    background:
    rgba(255,255,255,.22);

    transition:.35s ease;
}

.arfa-dot.active{

    width:36px;

    border-radius:20px;

    background:#C9A96E;
}


.arfa-members-showcase{
    position:relative;
    padding:140px 20px;
    background:#0a0a0a;
    overflow:hidden;
    font-family:Helvetica,Arial,sans-serif;
}

.arfa-bg-glow{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top right, rgba(201,169,110,.10), transparent 30%),
    radial-gradient(circle at bottom left, rgba(201,169,110,.05), transparent 35%);
}

.arfa-container{
    position:relative;
    max-width:1500px;
    margin:auto;
    text-align:center;
}

.arfa-kicker{
    color:#C9A96E;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:12px;
}

.arfa-members-showcase h2{
    font-size:72px;
    line-height:1;
    color:#fff;
    margin:20px 0 12px;
    font-weight:600;
    letter-spacing:-2px;
}

.arfa-subtitle{
    color:#C9A96E;
    font-size:24px;
    margin-bottom:14px;
}

.arfa-micro{
    color:#8b8b8b;
    font-size:17px;
    margin-bottom:90px;
}

.arfa-members-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:40px;
    align-items:start;
    margin-bottom:70px;
}

.arfa-member{
    position:relative;
}

.arfa-avatar-wrap{
    position:relative;
    width:220px;
    height:220px;
    margin:0 auto 30px;
}

.arfa-avatar-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    position:relative;
    z-index:2;
    border:3px solid rgba(201,169,110,.25);
}

.arfa-ring{
    position:absolute;
    inset:-10px;
    border-radius:50%;
    background:
    conic-gradient(
        from 0deg,
        transparent,
        rgba(201,169,110,.95),
        transparent,
        rgba(201,169,110,.35),
        transparent
    );

    animation:arfaRotate 6s linear infinite;
}

.arfa-ring::before{
    content:"";
    position:absolute;
    inset:8px;
    background:#0a0a0a;
    border-radius:50%;
}

@keyframes arfaRotate{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

.arfa-member-count{
    color:#fff;
    font-size:18px;
    font-weight:600;
    margin-bottom:12px;
}

.arfa-member-tag{
    display:inline-block;
    padding:12px 20px;
    border:1px solid rgba(201,169,110,.18);
    border-radius:40px;
    color:#C9A96E;
    font-size:14px;
    background:rgba(255,255,255,.02);
    backdrop-filter:blur(10px);
}

.arfa-social-proof{
    color:#8a8a8a;
    font-size:18px;
    margin-bottom:40px;
}

.arfa-btn{
    display:inline-block;
    padding:20px 48px;
    background:#C9A96E;
    color:var(--arfa-black);
    border-radius:60px;
    text-decoration:none;
    font-weight:600;
    letter-spacing:.5px;
    transition:.35s;
}

.arfa-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 40px rgba(201,169,110,.18);
}

@media only screen and (max-width:1200px){

.arfa-members-grid {
    grid-template-columns:1fr;
    gap:70px;
}
}


/*
========================================
ARFA HERO PREMIUM
========================================
*/
.arfa-hero-premium{

    position:relative;

    width:100%;

    min-height:100vh;

    overflow:hidden;

    background:#050505;

    display:flex;

    align-items:center;

    padding:120px 0;
}

/* BG IMAGE */

.arfa-hero-bg{

    position:absolute;

    inset:0;

    background-image:
    url('https://www.arfa.club/wp-content/uploads/2026/04/fondo_cena2.jpg');

    background-size:cover;

    background-position:center;

    opacity:.18;

    transform:scale(1.05);
}

/* OVERLAY */

.arfa-hero-overlay{

    position:absolute;

    inset:0;

    background:
    radial-gradient(circle at right, rgba(201,169,110,.10), transparent 30%),
    linear-gradient(to right,
    rgba(0,0,0,.92) 15%,
    rgba(0,0,0,.72) 45%,
    rgba(0,0,0,.35) 100%);
}

/* CONTAINER */

.arfa-hero-container{

    position:relative;

    z-index:5;

    width:100%;

    max-width:1500px;

    margin:auto;

    padding:0 60px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;
}

/* LEFT */

.arfa-hero-left{

    max-width:720px;
}

.arfa-hero-kicker{

    display:inline-flex;

    padding:12px 18px;

    border-radius:999px;

    background:rgba(255,255,255,.04);

    border:1px solid rgba(201,169,110,.14);

    color:#C9A96E;

    font-size:12px;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:28px;

    backdrop-filter:blur(14px);
}

.arfa-hero-left h1{

    font-size:88px;

    line-height:.92;

    color:#fff;

    margin:0 0 16px;

    font-weight:700;

    letter-spacing:-4px;
}

.arfa-hero-left h2{

    font-size:46px;

    line-height:1;

    margin:0 0 34px;

    font-weight:500;

    color:#C9A96E;
}

.arfa-hero-description{

    color:#9e9e9e;

    font-size:21px;

    line-height:1.9;

    margin-bottom:42px;

    max-width:620px;
}

/* POINTS */

.arfa-hero-points{

    display:flex;

    flex-direction:column;

    gap:18px;

    margin-bottom:50px;
}

.arfa-hero-point{

    display:flex;

    align-items:center;

    gap:16px;

    color:#fff;

    font-size:17px;
}

.arfa-hero-point span{

    width:10px;

    height:10px;

    border-radius:50%;

    background:#C9A96E;

    box-shadow:
    0 0 18px rgba(201,169,110,.45);
}

/* RIGHT */

.arfa-hero-right{

    position:relative;

    min-height:850px;

    display:flex;

    align-items:flex-end;

    justify-content:center;
}

/* MAN */

.arfa-hero-man{

    position:relative;

    z-index:2;

    width:100%;

    max-width:700px;
}

.arfa-hero-man img{

    width:100%;

    height:auto;

    object-fit:contain;

    filter:
    drop-shadow(0 40px 80px rgba(0,0,0,.65));
}

/* FLOATING PROFILE */

.arfa-floating-profile{

    position:absolute;

    right:20px;

    top:120px;

    width:320px;

    border-radius:34px;

    overflow:hidden;

    z-index:5;

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.08),
        rgba(255,255,255,.03)
    );

    border:
    1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(22px);

    box-shadow:
    0 30px 60px rgba(0,0,0,.45);

    animation:arfaFloat 6s ease-in-out infinite;
}

/* FLOAT */

@keyframes arfaFloat{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-18px);
    }

    100%{
        transform:translateY(0px);
    }
}

/* TOP IMAGE */

.arfa-floating-top{

    height:340px;

    overflow:hidden;
}

.arfa-floating-top img{

    width:100%;

    height:100%;

    object-fit:cover;
}

/* CONTENT */

.arfa-floating-content{

    padding:26px;
}

.arfa-floating-badge{

    display:inline-flex;

    padding:8px 14px;

    border-radius:999px;

    background:rgba(201,169,110,.10);

    border:1px solid rgba(201,169,110,.18);

    color:#C9A96E;

    font-size:11px;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;
}

.arfa-floating-content h3{

    color:#fff;

    font-size:34px;

    margin:0 0 10px;

    line-height:1;
}

.arfa-floating-content p{

    color:#9a9a9a;

    font-size:15px;

    line-height:1.7;

    margin-bottom:22px;
}

/* TAGS */

.arfa-floating-tags{

    display:flex;

    gap:10px;

    flex-wrap:wrap;
}

.arfa-floating-tags span{

    padding:10px 14px;

    border-radius:999px;

    background:var(--arfa-accent-soft);

    border:1px solid var(--arfa-accent-border);

    color:#fff;

    font-size:12px;
}


/*
========================================
ARFA DUAL SELECTION
========================================
*/

.arfa-dual-selection{

    position:relative;

    width:100%;

    min-height:100vh;

    display:grid;

    grid-template-columns:1fr 1fr;

    overflow:hidden;

    background:#050505;
}

/* PANEL */

.arfa-dual-panel{

    position:relative;

    overflow:hidden;

    display:flex;

    align-items:flex-end;

    padding:80px;

    text-decoration:none;

    min-height:100vh;

    transition:
    transform .6s ease,
    filter .6s ease;
}

/* BG */

.arfa-dual-bg{

    position:absolute;

    inset:0;

    background-size:cover;

    background-position:center;

    transform:scale(1);

    transition:
    transform 8s ease,
    filter .8s ease;
}

/* MEN IMAGE */

.arfa-dual-men .arfa-dual-bg{

    background-image:
    url('https://www.arfa.club/wp-content/uploads/2026/04/hombre_valor.png');
}

/* WOMEN IMAGE */

.arfa-dual-women .arfa-dual-bg{

    background-image:
    url('https://www.arfa.club/wp-content/uploads/2026/04/chica3.png');
}

/* OVERLAY */

.arfa-dual-overlay{

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.92),
        rgba(0,0,0,.22)
    );

    transition:.6s ease;
}

/* CONTENT */

.arfa-dual-content{

    position:relative;

    z-index:5;

    max-width:520px;

    padding:42px;

    border-radius:34px;

    background:
    linear-gradient(
        180deg,
        rgba(10,10,10,.76),
        rgba(18,18,18,.62)
    );

    border:
    1px solid rgba(201,169,110,.10);

    backdrop-filter:blur(8px);

    box-shadow:
    0 20px 60px rgba(0,0,0,.45);

    transition:
    transform .5s ease,
    border-color .5s ease,
    background .5s ease;
}

/* KICKER */

.arfa-dual-kicker{

    display:inline-flex;

    padding:10px 16px;

    border-radius:999px;

    background:
    rgba(255,255,255,.04);

    border:
    1px solid rgba(201,169,110,.12);

    color:#C9A96E;

    font-size:12px;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:24px;
}

/* TITLE */

.arfa-dual-content h2{

    font-size:58px;

    line-height:.96;

    color:#fff;

    margin:0 0 24px;

    font-weight:700;

    letter-spacing:-2px;
}

/* TEXT */

.arfa-dual-content p{

    color:#b2b2b2;

    font-size:18px;

    line-height:1.8;

    margin-bottom:34px;
}

/* BUTTON */

.arfa-dual-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:56px;

    padding:0 34px;

    border-radius:999px;

    background:#C9A96E;

    color:var(--arfa-black);

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    transition:.35s ease;
}

/* HOVER */

.arfa-dual-panel:hover .arfa-dual-bg{

    transform:scale(1.08);

    filter:
    brightness(1.05)
    contrast(1.04);
}

.arfa-dual-panel:hover .arfa-dual-overlay{

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.96),
        rgba(0,0,0,.12)
    );
}

.arfa-dual-panel:hover .arfa-dual-content{

    transform:
    translateY(-10px);

    border-color:
    rgba(201,169,110,.22);

    background:
    linear-gradient(
        180deg,
        rgba(8,8,8,.88),
        rgba(18,18,18,.78)
    );
}

.arfa-dual-panel:hover .arfa-dual-btn{

    background:#ffffff;
}

/* CENTER DIVISION */

.arfa-dual-selection::before{

    content:"";

    position:absolute;

    top:0;
    bottom:0;

    left:50%;

    width:1px;

    background:
    linear-gradient(
        to bottom,
        transparent,
        rgba(201,169,110,.28),
        transparent
    );

    z-index:20;
}


.arfa-members-showcase{
    position:relative;
    padding:140px 20px;
    background:#0a0a0a;
    overflow:hidden;
    font-family:Helvetica,Arial,sans-serif;
}

.arfa-bg-glow{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at top right, rgba(201,169,110,.10), transparent 30%),
    radial-gradient(circle at bottom left, rgba(201,169,110,.05), transparent 35%);
}

.arfa-container{
    position:relative;
    max-width:1500px;
    margin:auto;
    text-align:center;
}

.arfa-kicker{
    color:#C9A96E;
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:12px;
}

.arfa-members-showcase h2{
    font-size:72px;
    line-height:1;
    color:#fff;
    margin:20px 0 12px;
    font-weight:600;
    letter-spacing:-2px;
}

.arfa-subtitle{
    color:#C9A96E;
    font-size:24px;
    margin-bottom:14px;
}

.arfa-micro{
    color:#8b8b8b;
    font-size:17px;
    margin-bottom:90px;
}

.arfa-members-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:40px;
    align-items:start;
    margin-bottom:70px;
}

.arfa-member{
    position:relative;
}

.arfa-avatar-wrap{
    position:relative;
    width:220px;
    height:220px;
    margin:0 auto 30px;
}

.arfa-avatar-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    position:relative;
    z-index:2;
    border:3px solid rgba(201,169,110,.25);
}

.arfa-ring{
    position:absolute;
    inset:-10px;
    border-radius:50%;
    background:
    conic-gradient(
        from 0deg,
        transparent,
        rgba(201,169,110,.95),
        transparent,
        rgba(201,169,110,.35),
        transparent
    );

    animation:arfaRotate 6s linear infinite;
}

.arfa-ring::before{
    content:"";
    position:absolute;
    inset:8px;
    background:#0a0a0a;
    border-radius:50%;
}

@keyframes arfaRotate{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

.arfa-member-count{
    color:#fff;
    font-size:18px;
    font-weight:600;
    margin-bottom:12px;
}

.arfa-member-tag{
    display:inline-block;
    padding:12px 20px;
    border:1px solid rgba(201,169,110,.18);
    border-radius:40px;
    color:#C9A96E;
    font-size:14px;
    background:rgba(255,255,255,.02);
    backdrop-filter:blur(10px);
}

.arfa-social-proof{
    color:#8a8a8a;
    font-size:18px;
    margin-bottom:40px;
}

.arfa-btn{
    display:inline-block;
    padding:20px 48px;
    background:#C9A96E;
    color:var(--arfa-black);
    border-radius:60px;
    text-decoration:none;
    font-weight:600;
    letter-spacing:.5px;
    transition:.35s;
}

.arfa-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 40px rgba(201,169,110,.18);
}


/*
========================================
ARFA PREMIUM TEXT HIGHLIGHT SYSTEM
========================================
*/

/* MAIN HIGHLIGHT BLOCK */

.fondoarfatxt::before,
.highlight-container .mt-addons-hero-slider-title:before,
.highlight-container h2::before{

    content:"";

    position:absolute;

    inset:-4px;

    z-index:-1;

    border-radius:
    24px 18px 24px 20px;

    background:
    linear-gradient(
        135deg,
        rgba(201,169,110,.18),
        rgba(18,18,18,.72),
        rgba(201,169,110,.08)
    );

    border:
    1px solid rgba(201,169,110,.10);

    backdrop-filter:blur(10px);

    box-shadow:
    0 10px 30px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04);

    transform:
    rotate(-1.2deg);
}

/*
========================================
ARFA PREMIUM TITLES
========================================
*/

.qiupidsaas-testimonials 
.qiupidsaas-site-presentation h1,

.highlight-container h1,

.highlight-container h2,

.highlight-container .mt-addons-hero-slider-title{

    position:relative;

    display:inline-block;

    font-family:
    "Plus Jakarta Sans",
    sans-serif;

    text-transform:uppercase;

    font-weight:700;

    letter-spacing:1.5px;

    color:#ffffff;

    z-index:2;
}

/*
========================================
H1
========================================
*/

.qiupidsaas-testimonials 
.qiupidsaas-site-presentation h1,

.highlight-container h1{

    font-size:24px;

    line-height:1.1;

    padding:18px 22px;
}

/*
========================================
H2 / HERO
========================================
*/

.highlight-container h2,

.highlight-container .mt-addons-hero-slider-title{

    font-size:clamp(32px,4vw,68px);

    line-height:.96;

    letter-spacing:-2px;

    padding:20px 26px;

    margin:0;
}

/*
========================================
LUXURY TEXTURE
========================================
*/

.highlight-container h2,

.highlight-container .mt-addons-hero-slider-title{

    background-image:
    url('https://www.arfa.club/wp-content/uploads/2025/02/mujerfondo2.jpg');

    background-size:200%;

    background-position:0% 50%;

    background-clip:text;

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    animation:
    arfaTextMove 5s infinite alternate linear;

    filter:
    drop-shadow(0 0 1px rgba(212,175,55,.18))
    drop-shadow(0 2px 6px rgba(0,0,0,.45));
}

/*
========================================
ANIMATION
========================================
*/

@keyframes arfaTextMove{

    0%{
        background-position:0% 50%;
    }

    100%{
        background-position:100% 50%;
    }
}





/* inline theme*/ 
/* =========================================================
ARFA CLUB — THEME OVERRIDES
Luxury Cinematic System
Override for default Qiupid inline styles
========================================================= */


/* =========================================================
BREADCRUMBS
========================================================= */

.qiupid-breadcrumbs,
.youzify-search-landing-image-container{

    background-image:
    url(https://www.arfa.club/wp-content/uploads/2026/04/fondo_cena2.jpg) !important;

    background-size:cover;

    background-position:center;
}

.qiupid-breadcrumbs{

    position:relative;

    background-color:
    rgba(0,0,0,.55);

    backdrop-filter:blur(8px);
}

.qiupid-breadcrumbs::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        180deg,
        rgba(0,0,0,.72),
        rgba(0,0,0,.35)
    );
}

.qiupid-breadcrumbs h1,
.qiupid-breadcrumbs h2,
.qiupid-breadcrumbs h1 span{

    position:relative;

    z-index:2;

    color:var(--arfa-white);

    font-size:32px;

    line-height:1.1;

    letter-spacing:-1px;
}

.qiupid-breadcrumbs .breadcrumb,
.qiupid-breadcrumbs .breadcrumb a,
.qiupid-breadcrumbs .breadcrumb .active{

    position:relative;

    z-index:2;

    color:var(--arfa-text-soft);
}



/* =========================================================
LATEST MEMBERS
========================================================= */

body .latest-members-wrapper{

    background:
    linear-gradient(
        180deg,
        rgba(24,24,24,.96),
        rgba(10,10,10,.98)
    ) !important;

    border:
    1px solid var(--arfa-border);

    border-radius:32px;

    padding:28px;

    box-shadow:
    var(--arfa-shadow);
}


body .latest-members-wrapper h3{

    color:
    var(--arfa-white);
}



/* =========================================================
ARFA UNIVERSAL LUXURY BUTTON SYSTEM v1
Unified CTA Architecture
Reference:
.arfa-luxury-btn

Applies to:
- buttons
- .btn
- submit
- anchors CTA
- WooCommerce buttons
- Qiupid buttons
- form buttons
- dashboard buttons
- menu CTA
========================================================= */


/* =========================================================
GLOBAL CTA SELECTORS
========================================================= */

body .arfa-luxury-btn,
body button,
body .btn,
body .button,
body input[type="submit"],
body input[type="button"],

body .mt-profile-search .submit .form-control,

body .qiupidsaas-primary-btn,

body .qiupidsaas-chat-action-box-submit,

body #qiupidsaas-builder-form 
.btn[name="form_configuration"],

body #qiupidsaas-builder-form 
.btn.btn-view-page,

body .builder-item--my_account 
a.menu-grid-item,

body .site-header-inner 
a.item--button,

body .woocommerce a.button,

body .woocommerce button.button,

body .woocommerce input.button,

body .woocommerce #respond input#submit,

body .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,

body .woocommerce-account .woocommerce-Button,

body .woocommerce-form-login__submit,

body .woocommerce-form-register__submit,

body .woocommerce-MyAccount-content .button,

body .woocommerce-MyAccount-content .btn,

body .woocommerce-MyAccount-content a.button,

body .woocommerce-message .button,

body .woocommerce-error .button,

body .woocommerce-info .button,

body .qiupid-header-group-label,

body a.arfa-create-account-btn{

    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;

    isolation:isolate;

    width:max-content;

    min-height:56px;

    padding:15px 31px;

    border-radius:999px !important;

    background:
    var(--arfa-accent) !important;

    border:
    1px solid rgba(201,169,110,.28) !important;

    color:
    var(--arfa-black-soft) !important;

    text-decoration:none !important;

    font-size:13px !important;

    font-weight:700 !important;

    letter-spacing:2px;

    text-transform:uppercase;

    line-height:1;

    box-shadow:none !important;

    transition:
    transform .35s ease,
    background .35s ease,
    border-color .35s ease,
    color .35s ease;

    cursor:pointer;
}

body.qiupidsaas-dark-mode.woocommerce-account .qiupid-builder-header .btn.qiupid-seo-modal:hover {
    color: var(--arfa-accent) !important; }
/* =========================================================
INNER SHIMMER
========================================================= */

body .arfa-luxury-btn::before,
body button::before,
body .btn::before,
body .button::before,
body input[type="submit"]::before,
body input[type="button"]::before,

body .mt-profile-search .submit .form-control::before,

body .qiupidsaas-primary-btn::before,

body .qiupidsaas-chat-action-box-submit::before,

body #qiupidsaas-builder-form 
.btn[name="form_configuration"]::before,

body #qiupidsaas-builder-form 
.btn.btn-view-page::before,

body .builder-item--my_account 
a.menu-grid-item::before,

body .site-header-inner 
a.item--button::before,

body .woocommerce a.button::before,

body .woocommerce button.button::before,

body .woocommerce input.button::before,

body .woocommerce #respond input#submit::before,

body .woocommerce-cart .wc-proceed-to-checkout 
a.checkout-button::before,

body .woocommerce-account .woocommerce-Button::before,

body .woocommerce-form-login__submit::before,

body .woocommerce-form-register__submit::before,

body .woocommerce-MyAccount-content .button::before,

body .woocommerce-MyAccount-content .btn::before,

body .woocommerce-MyAccount-content a.button::before,

body .woocommerce-message .button::before,

body .woocommerce-error .button::before,

body .woocommerce-info .button::before,

body .qiupid-header-group-label::before,

body a.arfa-create-account-btn::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    background:
    linear-gradient(
        120deg,
        transparent 20%,
        rgba(255,255,255,.28),
        transparent 80%
    );

    transform:
    translateX(-120%);

    transition:
    transform .8s ease;
}
body .qiupidsaas-my-profiles-list .btn-group a {

background: var(--arfa-accent);
    color: var(--arfa-black-soft) !important;
    border-radius: 14px !important;
    border: 2px solid rgb(255 255 255) !important;
    padding: 13px 20px;
    font-size: 17px !important;
}

/* =========================================================
INNER CONTENT
========================================================= */

body .arfa-luxury-btn span,
body button span,
body .btn span,
body .button span,
body .site-header-inner a.item--button span,
body .builder-item--my_account a.menu-grid-item span{

    position:relative;

    z-index:3;

    transition:.35s ease;
}


/* =========================================================
HOVER
========================================================= */

body .arfa-luxury-btn:hover,
body button:hover,
body .btn:hover,
body .button:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover,

body .mt-profile-search .submit .form-control:hover,

body .qiupidsaas-primary-btn:hover,

body .qiupidsaas-chat-action-box-submit:hover,

body #qiupidsaas-builder-form 
.btn[name="form_configuration"]:hover,

body #qiupidsaas-builder-form 
.btn.btn-view-page:hover,

body .builder-item--my_account 
a.menu-grid-item:hover,

body .site-header-inner 
a.item--button:hover,

body .woocommerce a.button:hover,

body .woocommerce button.button:hover,

body .woocommerce input.button:hover,

body .woocommerce #respond input#submit:hover,

body .woocommerce-cart .wc-proceed-to-checkout 
a.checkout-button:hover,

body .woocommerce-account .woocommerce-Button:hover,

body .woocommerce-form-login__submit:hover,

body .woocommerce-form-register__submit:hover,

body .woocommerce-MyAccount-content .button:hover,

body .woocommerce-MyAccount-content .btn:hover,

body .woocommerce-MyAccount-content a.button:hover,

body .woocommerce-message .button:hover,

body .woocommerce-error .button:hover,

body .woocommerce-info .button:hover,

body .qiupid-header-group-label:hover,

body a.arfa-create-account-btn:hover{

    transform:
    translateY(-4px);

    background:
    var(--arfa-black) !important;

    border-color:
    var(--arfa-accent) !important;

    color:
    var(--arfa-accent) !important;
}


/* =========================================================
SHIMMER MOVE
========================================================= */

body .arfa-luxury-btn:hover::before,
body button:hover::before,
body .btn:hover::before,
body .button:hover::before,
body input[type="submit"]:hover::before,
body input[type="button"]:hover::before,

body .mt-profile-search .submit .form-control:hover::before,

body .qiupidsaas-primary-btn:hover::before,

body .qiupidsaas-chat-action-box-submit:hover::before,

body #qiupidsaas-builder-form 
.btn[name="form_configuration"]:hover::before,

body #qiupidsaas-builder-form 
.btn.btn-view-page:hover::before,

body .builder-item--my_account 
a.menu-grid-item:hover::before,

body .site-header-inner 
a.item--button:hover::before,

body .woocommerce a.button:hover::before,

body .woocommerce button.button:hover::before,

body .woocommerce input.button:hover::before,

body .woocommerce #respond input#submit:hover::before,

body .woocommerce-cart .wc-proceed-to-checkout 
a.checkout-button:hover::before,

body .woocommerce-account .woocommerce-Button:hover::before,

body .woocommerce-form-login__submit:hover::before,

body .woocommerce-form-register__submit:hover::before,

body .woocommerce-MyAccount-content .button:hover::before,

body .woocommerce-MyAccount-content .btn:hover::before,

body .woocommerce-MyAccount-content a.button:hover::before,

body .woocommerce-message .button:hover::before,

body .woocommerce-error .button:hover::before,

body .woocommerce-info .button:hover::before,

body .qiupid-header-group-label:hover::before,

body a.arfa-create-account-btn:hover::before{

    transform:
    translateX(120%);
}


/* =========================================================
TEXTURE TEXT EFFECT
========================================================= */

body .arfa-luxury-btn:hover span,
body .site-header-inner a.item--button:hover span,
body .builder-item--my_account a.menu-grid-item:hover span{

    background-image:
    url(https://www.arfa.club/wp-content/uploads/2025/02/mujerfondo2.jpg);

    background-size:200%;

    background-position:0 50%;

    background-clip:text;

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    animation:
    arfaTextMove 6s infinite alternate linear;
}


/* =========================================================
ACTIVE
========================================================= */

body .arfa-luxury-btn:active,
body button:active,
body .btn:active,
body .button:active,
body input[type="submit"]:active,
body input[type="button"]:active{

    transform:
    scale(.985);
}


/* =========================================================
FOCUS
========================================================= */

body .arfa-luxury-btn:focus,
body button:focus,
body .btn:focus,
body .button:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus{

    outline:none;

    border-color:
    var(--arfa-accent) !important;

    box-shadow:
    0 0 0 3px rgba(201,169,110,.10) !important;
}


/* =========================================================
BORDERED BUTTONS
========================================================= */

body .qiupidsaas-primary-bordered-btn{

    background:
    transparent !important;

    color:
    var(--arfa-accent) !important;

    border:
    1px solid rgba(201,169,110,.22) !important;
}


body .qiupidsaas-primary-bordered-btn:hover{

    background:
    rgba(201,169,110,.10) !important;

    color:
    var(--arfa-accent) !important;
}


/* =========================================================
LIGHT MODE
========================================================= */

body:not(.qiupidsaas-dark-mode) 
.arfa-luxury-btn,

body:not(.qiupidsaas-dark-mode) button,

body:not(.qiupidsaas-dark-mode) .btn,

body:not(.qiupidsaas-dark-mode) .button,

body:not(.qiupidsaas-dark-mode) input[type="submit"],

body:not(.qiupidsaas-dark-mode) input[type="button"]{

    background:
    var(--arfa-accent);

    color:
    var(--arfa-black-soft);
}


/* =========================================================
DISABLED
========================================================= */

body button:disabled,
body .btn:disabled,
body input[type="submit"]:disabled{

    opacity:.45;

    cursor:not-allowed;

    pointer-events:none;
}


/* =========================================================
TEXTURE ANIMATION
========================================================= */

@keyframes arfaTextMove{

    0%{
        background-position:0% 50%;
    }

    100%{
        background-position:100% 50%;
    }

}


/* =========================================================
ARFA SWIPE SYSTEM v2
Isolated Swipe Experience
========================================================= */


/* =========================================================
RESET GLOBAL BUTTON SYSTEM
IMPORTANT
========================================================= */

body .qiupidsaas-members-swipe--buttons button,
body .qiupidsaas-members-swipe--buttons button:hover,
body .qiupidsaas-members-swipe--buttons button::before,
body .qiupidsaas-members-swipe--buttons button::after{

    min-height:auto !important;

    width:auto;

    padding:0 !important;

    letter-spacing:0 !important;

    text-transform:none !important;

    background-image:none !important;

    transform:none;

    box-shadow:none !important;

    overflow:visible !important;
}


/* =========================================================
MAIN SWIPE HOLDER
========================================================= */

body .woocommerce-MyAccount-content 
.qiupidsaas-swipe-dashboard-holder{

    position:relative;

    overflow:hidden;

    border-radius:36px;

    padding:40px 30px 90px !important;

    border:
    1px solid rgba(201,169,110,.10);

    box-shadow:none !important;
}


/* =========================================================
DARK MODE
========================================================= */

body.qiupidsaas-dark-mode 
.qiupidsaas-swipe-dashboard-holder{

    background:
    linear-gradient(
        180deg,
        rgba(255,255,255,.03),
        rgba(255,255,255,.015)
    );
}


/* =========================================================
LIGHT MODE
========================================================= */

body:not(.qiupidsaas-dark-mode)
.qiupidsaas-swipe-dashboard-holder{

    background:
    rgba(255,255,255,.96);
}


/* =========================================================
SWIPE CONTAINER
========================================================= */

body .qiupidsaas-members-swipe{

    height:640px;
}


/* =========================================================
CARD
========================================================= */

body .qiupidsaas-members-swipe--card{

    width:100%;

    max-width:420px;

    overflow:hidden;

    border-radius:34px;

    border:
    1px solid rgba(201,169,110,.10);

    box-shadow:none !important;

    backdrop-filter:blur(10px);
}


/* =========================================================
CARD DARK
========================================================= */

body.qiupidsaas-dark-mode 
.qiupidsaas-members-swipe--card{

    background:
    rgba(18,18,18,.96);
}


/* =========================================================
CARD LIGHT
========================================================= */

body:not(.qiupidsaas-dark-mode)
.qiupidsaas-members-swipe--card{

    background:
    #fff;
}


/* =========================================================
IMAGE
========================================================= */

body .qiupidsaas-members-swipe--card img{

    width:100%;

    height:500px;
	max-height: 430px;

    object-fit:cover;

    border-radius:28px !important;

    padding:0px;
}


/* =========================================================
PLAN BADGE
========================================================= */

body .qiupidsaas-user-plan{

    position:absolute;

    z-index:5;

    padding:2px 12px;

    border-radius:999px;

    font-size:10px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    backdrop-filter:blur(12px);
}


body.qiupidsaas-dark-mode 
.qiupidsaas-user-plan{

    background:
    rgba(0,0,0,.45);

    color:
    var(--arfa-black);
}


body:not(.qiupidsaas-dark-mode)
.qiupidsaas-user-plan{

    background:
    rgba(255,255,255,.88);

    color:#222;
}


/* =========================================================
CARD INFO
========================================================= */

body .qiupidsaas-members-swipe--card-info{

    padding:18px 24px 28px;
}


/* =========================================================
TITLE
========================================================= */

body .qiupidsaas-members-swipe--card h3{

    display:flex;

    align-items:center;

    gap:10px;

    font-size:24px;

    font-weight:700;

    margin-bottom:12px;
}


body.qiupidsaas-dark-mode 
.qiupidsaas-members-swipe--card h3{

    color:
    var(--arfa-white);
}


body:not(.qiupidsaas-dark-mode)
.qiupidsaas-members-swipe--card h3{

    color:#111;
}


/* =========================================================
ONLINE DOT
========================================================= */

body .qiupid-availablity-status-dot{

    width:10px;

    height:10px;

    border-radius:50%;
}


/* =========================================================
INFO LIST
========================================================= */

body .qiupidsaas-members-swipe-list{

    display:flex;

    flex-direction:column;

    gap:8px;
}


body .qiupidsaas-members-swipe-list li{

    font-size:14px;

    font-weight:500;
}


body.qiupidsaas-dark-mode 
.qiupidsaas-members-swipe-list li{

    color:
    rgba(255,255,255,.70);
}


body:not(.qiupidsaas-dark-mode)
.qiupidsaas-members-swipe-list li{

    color:#666;
}


/* =========================================================
BUTTON BAR
========================================================= */

body .qiupidsaas-members-swipe--buttons{

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    width:100%;

    padding-top:26px;
	z-index:99999;
}


/* =========================================================
BASE BUTTON
========================================================= */

body .qiupidsaas-members-swipe--buttons button{

    position:relative;

    display:flex !important;

    align-items:center;

    justify-content:center;

    flex:none;

    border:none !important;

    cursor:pointer;

    transition:
    transform .25s ease,
    background .25s ease;
}


/* =========================================================
PASS
========================================================= */

body .qiupidsaas-members-swipe--buttons button.nope{

    width:58px !important;

    height:58px !important;

    border-radius:50%;

    background:
    var(--arfa-black)!important;

    border:
    1px solid var(--arfa-accent-border) !important;
}


body.qiupidsaas-dark-mode 
.qiupidsaas-members-swipe--buttons button.nope{

    background:
    var(--arfa-black)!important;

    border:
    1px solid var(--arfa-accent-border) !important;

    color:
    var(--arfa-accent)!important;
}


body:not(.qiupidsaas-dark-mode)
.qiupidsaas-members-swipe--buttons button.nope{

   background:
    var(--arfa-black);

     color:
    var(--arfa-accent);
}


/* =========================================================
LOVE
========================================================= */

body .qiupidsaas-members-swipe--buttons button.love{

   
   width:74px !important;

    height:74px !important;

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        var(--arfa-black-card),
        var(--arfa-black)
    ) !important;
}
body .qiupidsaas-members-swipe--buttons button.love:hover i{

    font-size:87px !important;
 
    

}
body .qiupidsaas-members-swipe--buttons button.love:hover{

    background:transparent !important;


}

/* =========================================================
CHAT
========================================================= */

body .qiupidsaas-members-swipe--buttons button.chat{

    width:58px !important;

    height:58px !important;

    border-radius:50%;
	
}


body.qiupidsaas-dark-mode 
.qiupidsaas-members-swipe--buttons button.chat{

    background:
    var(--arfa-black)!important;

    border:
    1px solid var(--arfa-accent-border) !important;
	 color:
    var(--arfa-accent)!important;
}


body:not(.qiupidsaas-dark-mode)
.qiupidsaas-members-swipe--buttons button.chat{

    background:
    var(--arfa-black) !important;
	border:
    1px solid var(--arfa-accent-border) !important;
	 color:
    var(--arfa-accent) !important;
}


/* =========================================================
CHAT LINK RESET
========================================================= */

body .qiupidsaas-members-swipe--buttons button.chat a{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    height:100%;

    color:inherit !important;

    text-decoration:none !important;
}


/* =========================================================
ICONS
========================================================= */

body .qiupidsaas-members-swipe--buttons i{

    font-size:22px !important;
}


/* =========================================================
LOVE ICON
========================================================= */

body .qiupidsaas-members-swipe--buttons .fa-heart{

    font-size:50px !important;

    color:var(--arfa-accent) !important;
	background-image:
    url(https://www.arfa.club/wp-content/uploads/2025/02/mujerfondo2.jpg);

    background-size:200%;

    background-position:0 50%;

    background-clip:text;

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    animation:
    arfaTextMove 4s infinite alternate linear;
}



/* =========================================================
CHAT ICON
========================================================= */

body .qiupidsaas-members-swipe--buttons .fa-comment,body .qiupidsaas-members-swipe--buttons .fa-remove{

    color:
    var(--arfa-accent) !important;
}
body .qiupidsaas-members-swipe--buttons .fa-comment:hover, body .qiupidsaas-members-swipe--buttons .fa-remove:hover{

    color:
    var(--arfa-black) !important;
}

/* =========================================================
HOVER
========================================================= */

body .qiupidsaas-members-swipe--buttons button:hover,body .qiupidsaas-members-swipe--buttons button.nope:hover,body .qiupidsaas-members-swipe--buttons button.chat:hover {

    transform:
    translateY(-3px) scale(1.04);
	color:
    var(--arfa-black) !important;
	background:
    var(--arfa-accent)!important;
}
body .qiupidsaas-members-swipe--buttons button:hover i {

    transform:
    translateY(-3px) scale(1.04);
	color:
    var(--arfa-black) !important;

}