.elementor-88 .elementor-element.elementor-element-e22d734{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-88 .elementor-element.elementor-element-8e93aa3 .elementor-icon-box-title, .elementor-88 .elementor-element.elementor-element-8e93aa3 .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;}.elementor-88 .elementor-element.elementor-element-3b4afb7{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-88 .elementor-element.elementor-element-6db0253{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS */html,
body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

body .site,
body .site-content,
body .content-area,
body main,
body .entry-content,
body .elementor,
body .elementor-section,
body .elementor-container,
body .elementor-column,
body .elementor-widget-wrap,
body .e-con,
body .e-con-boxed,
body .e-con-inner {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body .elementor-widget-html,
/*body .elementor-widget-html .elementor-widget-container,
body .elementor-widget-html .elementor-widget-container > **/ {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --purple:#6B4FA0;--purple-dark:#4E3578;--purple-light:#F3EEFF;--purple-mid:#8B6FBF;
  --magenta:#C8359A;--magenta-light:#FDE8F5;
  --white:#FFFFFF;--off-white:#F8F7FC;--gray-100:#E8E5F0;
  --gray-300:#B8B0CC;--gray-500:#7A718F;--dark:#1A1228;
  --wa:#25D366;--wa-dark:#21bb5a;
  --sans:'Plus Jakarta Sans',system-ui,sans-serif;
  --radius:10px;--radius-lg:16px;
}
body{font-family:var(--sans);background:var(--white);color:var(--dark);-webkit-font-smoothing:antialiased;line-height:1.6}

/* WA BUTTONS */
.btn-wa{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--wa);color:#fff;border:none;font-family:var(--sans);font-weight:800;cursor:pointer;box-shadow:0 4px 18px rgba(37,211,102,0.45);transition:background 0.18s,transform 0.12s,box-shadow 0.18s}
.btn-wa:hover, .btn-wa:focus{background:var(--wa-dark);transform:translateY(-2px);box-shadow:0 8px 28px rgba(37,211,102,0.55)}
.btn-wa svg{flex-shrink:0;fill:#fff}
.btn-wa-lg{font-size:1.05rem;padding:17px 40px;border-radius:10px}
.btn-wa-lg svg{width:24px;height:24px}
.btn-wa-md{font-size:0.92rem;padding:14px 26px;border-radius:8px}
.btn-wa-md svg{width:20px;height:20px}
.btn-wa-sm{font-size:0.82rem;padding:10px 18px;border-radius:6px}
.btn-wa-sm svg{width:16px;height:16px}
.btn-wa-full{width:100%;max-width:440px}


/* HERO */
.hero{background:linear-gradient(135deg,var(--purple) 0%,#8B5FC0 55%,var(--purple-dark) 100%);padding:3.5rem 1.5rem 4rem;text-align:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-80px;right:-80px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,0.05); animation: float 8s ease-in-out infinite;}
.hero::after{content:'';position:absolute;bottom:-60px;left:-60px;width:240px;height:240px;border-radius:50%;background:rgba(200,53,154,0.12); animation: float 8s ease-in-out infinite; animation-delay: 2s;}
.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);color:white;font-size:0.72rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:1rem}
.badge-dot{width:6px;height:6px;border-radius:50%;background:#4ADE80}
.hero h1{font-size:clamp(1.9rem,5vw,2.9rem);font-weight:800;color:white;line-height:1.15;margin-bottom:1rem;margin-top: 0;position:relative;z-index:1}
.hero h1 span{color:#E8D5FF}
.hero-sub{font-size:0.97rem;color:rgba(255,255,255,0.82);max-width:500px;margin:0 auto 1.5rem;line-height:1.75}

/* URGENCIA */
.urgencia-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(200,53,154,0.25);border:1px solid rgba(200,53,154,0.4);color:#FFCEF0;font-size:0.75rem;font-weight:700;padding:6px 14px;border-radius:20px;margin-bottom:1.5rem;position:relative;z-index:1}
.urgencia-dot{width:7px;height:7px;border-radius:50%;background:#FF80D5;animation:pulse 1.8s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.8)}}

.hero-creds{display:flex;justify-content:start;gap:0.75rem;flex-wrap:wrap;margin-bottom:1.75rem;position:relative;z-index:1}
.cred-pill{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);color:white;font-size:0.73rem;font-weight:600;padding:5px 13px;border-radius:20px}
.hero-hint{font-size:0.75rem;color:rgba(255,255,255,0.5);margin-top:1rem;position:relative;z-index:1}

/* TRUST BAR */
.trust-bar{background:var(--dark);padding:1.1rem 1.5rem;display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}
.trust-stat{text-align:center}
.trust-num{font-size:1.25rem;font-weight:800;color:var(--wa)}
.trust-lbl{font-size:0.7rem;color:rgba(255,255,255,0.65);margin-top:1px}

/* SECTIONS */
section{padding:4rem 1.5rem}
.section-inner{max-width:900px;margin:0 auto}
.label-pill{display:inline-flex;align-items:center;gap:6px;background:var(--purple-light);color:var(--purple);font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:1rem}
.label-dot{width:5px;height:5px;border-radius:50%;background:var(--purple)}
.section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--dark);line-height:1.2;margin-bottom:0.75rem}
.section-title .hl{color:var(--purple)}
.section-title .mg{color:var(--magenta)}
.section-sub{font-size:0.92rem;color:var(--gray-500);line-height:1.75;max-width:560px}
.center-btn{display:flex;justify-content:center;margin-top:2.5rem}

/* TESTIMONIOS — ARRIBA */
.testi-bg{background:var(--off-white)}
.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:2rem}
.testi-card{background:white;border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);padding:1.5rem;position:relative}
.testi-card.featured{border-color:var(--purple);background:var(--purple-light)}
.featured-badge{position:absolute;top:-11px;left:1.25rem;background:var(--purple);color:white;font-size:0.65rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;padding:3px 10px;border-radius:4px}
.testi-stars{color:#F59E0B;font-size:0.9rem;letter-spacing:2px;margin-bottom:0.75rem}
.testi-text{font-size:0.9rem;font-style:italic;color:var(--dark);line-height:1.7;margin-bottom:1rem}
.testi-card.featured .testi-text{color:var(--purple-dark)}
.testi-meta{display:flex;align-items:center;gap:8px}
.testi-avatar{width:32px;height:32px;border-radius:50%;background:var(--purple);display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:800;color:white;flex-shrink:0}
.testi-author{font-size:0.78rem;color:var(--gray-500);font-weight:600}
.testi-chip{display:inline-block;margin-top:3px;background:var(--purple-light);color:var(--purple);font-size:0.65rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:2px 8px;border-radius:4px}
.testi-card.featured .testi-chip{background:rgba(107,79,160,0.15);color:var(--purple-dark)}

/* POR QUÉ */
.why-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;margin-top:2rem}
.why-card{background:white;border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--gray-100);display:flex;gap:1rem;align-items:flex-start}
.why-icon-wrap{width:44px;height:44px;background:var(--purple);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}
.why-title{font-size:0.88rem;font-weight:700;color:var(--dark);margin-bottom:0.3rem}
.why-text{font-size:0.78rem;color:var(--gray-500);line-height:1.6}

/* CASOS DE ÉXITO */
.casos-bg{background:var(--dark)}
.casos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:2rem}
.caso-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:1.5rem;position:relative;overflow:hidden}
.caso-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--magenta)}
.caso-card img {
    border-radius: 16px;
    aspect-ratio: 5 / 3;
    margin-bottom: 0.75rem;
    object-fit: cover;
}
.caso-num{font-size:0.65rem;font-weight:800;letter-spacing:0.15em;text-transform:uppercase;color:var(--magenta);margin-bottom:0.75rem}
.caso-problema{font-size:0.82rem;color:rgba(255,255,255,0.45);line-height:1.5;margin-bottom:0.6rem}
.caso-problema strong{color:rgba(255,255,255,0.6);font-weight:600}
.caso-arrow{font-size:1rem;color:var(--wa);margin:0.5rem 0;display:block}
.caso-resultado{font-size:0.92rem;font-weight:700;color:white;line-height:1.45}
.caso-tiempo{display:inline-block;margin-top:0.85rem;background:rgba(37,211,102,0.15);border:1px solid rgba(37,211,102,0.25);color:var(--wa);font-size:0.7rem;font-weight:700;padding:3px 10px;border-radius:4px}

/* PRECIOS */
.precios-table{width:100%;margin-top:2rem;border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);overflow:hidden}
.precio-row{display:flex;align-items:center;justify-content:space-between;padding:0.95rem 1.5rem;border-bottom:1px solid var(--gray-100);transition:background 0.15s}
.precio-row:last-child{border-bottom:none}
.precio-row:hover{background:var(--purple-light)}
.precio-nombre{font-size:0.91rem;font-weight:500;color:var(--dark)}
.precio-tag{display:inline-block;margin-left:7px;background:var(--magenta-light);color:var(--magenta);font-size:0.62rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:2px 7px;border-radius:4px;vertical-align:middle}
.precio-from {
    font-size: 0.75em;
    line-height: 0.35em;
    display: inline-block;
    color: #6b4fa0cc;
}
.precio-valor{font-size:0.91rem;font-weight:800;color:var(--purple);white-space:nowrap;margin-left:1rem}
.precio-consultar{font-size:0.82rem;font-weight:600;color:var(--gray-300);white-space:nowrap;margin-left:1rem}
.precios-nota{font-size:0.75rem;color:var(--gray-300);margin-top:0.75rem;text-align:center}

/* PROCESO */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:2rem}
.step{padding:1.5rem 1.25rem;position:relative;text-align:center}
.step:not(:last-child)::after{content:'→';position:absolute;right:-8px;top:1.85rem;font-size:1rem;color:var(--gray-300)}
.step-num{width:40px;height:40px;background:var(--purple);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 0.85rem;font-size:0.85rem;font-weight:800;color:white}
.step-title{font-size:0.85rem;font-weight:700;color:var(--dark);margin-bottom:0.3rem}
.step-desc{font-size:0.77rem;color:var(--gray-500);line-height:1.6}

/* GARANTÍA STRIP */
.garantia{background:var(--magenta);padding:1rem 1.5rem;text-align:center}
.garantia p{font-size:0.82rem;font-weight:700;color:white}
.garantia span{font-weight:400;opacity:0.85}

/* CTA FINAL */
.cta-section{background:linear-gradient(135deg,var(--purple-dark) 0%,var(--purple) 100%);text-align:center;padding:5rem 1.5rem;position: relative;}
.cta-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(https://dentistvalentinaosorio.com/wp-content/uploads/2026/06/Diseno.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    mix-blend-mode: overlay;
    opacity: 0.45;
    z-index: 0;
}
.cta-container {
    position: relative;
    z-index: 1;
}
.cta-title{font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:800;color:white;line-height:1.2;margin:0.75rem 0}
.cta-title span{color:#E8D5FF}
.cta-sub{font-size:0.92rem;color:rgba(255,255,255,0.85);max-width:420px;margin:0 auto 2rem}
.cta-hint{font-size:0.75rem;color:rgba(255,255,255,0.75);margin-top:1rem}
.cta-address{font-size:0.75rem;color:rgba(255,255,255,0.65);margin-top:0.4rem}

/* OBJECIÓN STRIP */
.objecion{background:var(--purple-light);border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);padding:1.25rem 1.5rem}
.objecion-inner{max-width:900px;margin:0 auto;display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}
.objecion-item{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:var(--purple-dark);font-weight:600}
.objecion-icon{font-size:1rem}

/* FOTO HERO - DRA */
.hero-layout{display:flex;align-items:center;gap:2rem;max-width:900px;margin:0 auto;text-align:left;position:relative;z-index:1}
.hero-photo-wrap{width:42%;flex-shrink:0}
.hero-photo{width:100%;aspect-ratio: 3/4;border-radius:16px;overflow:visible;border:3px solid rgba(255,255,255,0.2);box-shadow:0 20px 60px rgba(0,0,0,0.3);position:relative}
.photo-placeholder{width:100%;height:100%;background:linear-gradient(160deg,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.05) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed rgba(255,255,255,0.3)}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:13px;display:block}
.photo-placeholder-icon{font-size:2.2rem;opacity:0.55}
.photo-placeholder-text{font-size:0.68rem;font-weight:600;color:rgba(255,255,255,0.45);text-align:center;padding:0 1rem;line-height:1.5}
.hero-badge-foto{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:var(--wa);color:white;font-size:0.65rem;font-weight:800;padding:5px 14px;border-radius:20px;white-space:nowrap;box-shadow:0 4px 12px rgba(37,211,102,0.5);z-index:2}

/* GALERÍA IG */
.galeria-ig{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;margin-top:2rem}
.galeria-ig-item{border-radius:var(--radius-lg);overflow:hidden;background:var(--gray-100);min-height:400px}
.galeria-ig-item blockquote{margin:0!important;border:none!important;border-radius:var(--radius-lg)!important;overflow:hidden}
.galeria-ig-item iframe {margin:0!important;border-radius:var(--radius-lg)!important;overflow:hidden}
@media(max-width:700px){
  .galeria-ig{grid-template-columns:1fr}
}

/* ANTES / DESPUÉS */
.antdes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:2rem}
.antdes-card{background:white;border:1.5px solid var(--gray-100);border-radius:var(--radius-lg);overflow:hidden}
.antdes-imgs{display:grid;grid-template-columns:1fr 1fr;position:relative}
.antdes-side img{width:100%;height:190px;object-fit:cover;display:block}
.antdes-ph{width:100%;height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;border:2px dashed}
.antdes-ph.antes{background:#FFF5F5;border-color:#FFBBBB;border-right:none}
.antdes-ph.despues{background:#F0FFF4;border-color:#A3E8B0;border-left:none}
.antdes-ph-icon{font-size:1.5rem}
.antdes-ph-txt{font-size:0.65rem;font-weight:700;text-align:center;padding:0 0.5rem;line-height:1.4}
.antdes-ph.antes .antdes-ph-txt{color:#CC5555}
.antdes-ph.despues .antdes-ph-txt{color:#338855}
.antdes-tag{position:absolute;top:8px;font-size:0.6rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;padding:3px 8px;border-radius:4px}
.tag-antes{left:8px;background:rgba(0,0,0,0.5);color:white}
.tag-despues{right:8px;background:var(--wa);color:white}
.antdes-divider{width:28px;height:28px;background:white;border:2px solid var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.68rem;font-weight:800;color:var(--purple);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;box-shadow:0 2px 8px rgba(0,0,0,0.15)}
.antdes-body{padding:1rem 1.25rem}
.antdes-tipo{font-size:0.65rem;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--magenta);margin-bottom:0.35rem}
.antdes-quote{font-size:0.87rem;font-style:italic;color:var(--dark);line-height:1.6;margin-bottom:0.5rem}
.antdes-chip{display:inline-block;background:var(--purple-light);color:var(--purple);font-size:0.65rem;font-weight:700;padding:2px 9px;border-radius:4px}

@media(max-width:700px){
    .hero {
        padding: 3rem 1.25rem 4rem;
    }
  .hero-layout{flex-direction: column;text-align:center}
  .hero-photo-wrap{width: 70%;display:flex;justify-content:center;order:-1}
  .hero-photo{aspect-ratio: 0.9}
  .hero-badge-foto{font-size:0.58rem}
  .hero-creds {
      justify-content: center;
  }
  .why-grid {
      grid-template-columns: repeat(1, 1fr);
  }
  .galeria-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .galeria-item.tall{grid-row:span 1}
  .galeria-item{height:150px}
}

.wa-float{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;background:var(--wa);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:200;box-shadow:0 4px 20px rgba(37,211,102,0.5);transition:transform 0.18s,box-shadow 0.18s; display: none;}
.wa-float:hover{transform:scale(1.12);box-shadow:0 8px 32px rgba(37,211,102,0.6)}
.wa-float svg{width:30px;height:30px;fill:white}

@media(max-width:600px){
  .step:not(:last-child)::after{display:none}
  .trust-bar{gap:1.25rem}
  .precio-row{flex-wrap:wrap;gap:4px}
  .precio-valor,.precio-consultar{margin-left:0}
  .btn-wa-lg{width:100%;padding:16px 20px}
  .why-card{flex-direction:column}
}

/* URGENCY BAR */
.urgency-bar{background:linear-gradient(90deg,var(--magenta),#a0259a);color:white;text-align:center;font-size:0.75rem;font-weight:700;padding:8px 1rem;position:relative;z-index:101;letter-spacing:0.02em}
.urgency-bar span{opacity:0.85;font-weight:400}
.urgency-bar strong{font-weight:800}

/* LIVE COUNTER */
.live-counter{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);color:white;font-size:0.72rem;font-weight:600;padding:5px 12px;border-radius:20px;margin-bottom:1rem;position:relative;z-index:1}
.live-dot{width:7px;height:7px;border-radius:50%;background:#FF4444;animation:pulse 1.2s infinite}

/* SOCIAL PROOF TOAST */
.sp-toast{position:fixed;bottom:5.5rem;left:1.25rem;z-index:300;display:flex;align-items:center;gap:10px;background:white;border-radius:12px;padding:10px 14px;box-shadow:0 8px 32px rgba(0,0,0,0.15);max-width:260px;transform:translateX(-110%);transition:transform 0.4s cubic-bezier(0.22,1,0.36,1);border-left:3px solid var(--wa)}
.sp-toast.show{transform:translateX(0)}
.sp-avatar{width:34px;height:34px;border-radius:50%;background:var(--purple);display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:800;color:white;flex-shrink:0}
.sp-text{font-size:0.73rem;color:var(--dark);line-height:1.4}
.sp-text strong{display:block;font-weight:700;color:var(--dark)}
.sp-text span{color:var(--gray-500)}

/* EXIT POPUP */
.exit-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity 0.3s}
.exit-overlay.show{opacity:1;pointer-events:all}
.exit-box{background:white;border-radius:20px;padding:2.5rem 2rem;max-width:420px;width:100%;text-align:center;position:relative;transform:scale(0.92);transition:transform 0.3s cubic-bezier(0.22,1,0.36,1)}
.exit-overlay.show .exit-box{transform:scale(1)}
.exit-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:1.3rem;color:var(--gray-300);cursor:pointer;line-height:1}
.exit-close:hover, .exit-close:active {
    background: transparent;
    color: inherit;
}
.exit-emoji{font-size:2.5rem;margin-bottom:0.75rem}
.exit-title{font-size:1.3rem;font-weight:800;color:var(--dark);line-height:1.25;margin-bottom:0.5rem}
.exit-title span{color:var(--purple)}
.exit-sub{font-size:0.88rem;color:var(--gray-500);line-height:1.6;margin-bottom:1.5rem}
.exit-offer{background:var(--purple-light);border:1.5px solid var(--purple);border-radius:10px;padding:0.85rem 1rem;margin-bottom:1.5rem;font-size:0.85rem;font-weight:700;color:var(--purple-dark)}
.exit-hint{font-size:0.72rem;color:var(--gray-300);margin-top:0.75rem}

@media(max-width:480px){
  .sp-toast{left:0.75rem;max-width:230px}
  .exit-box{padding:2rem 1.5rem}
}

@keyframes btnPulse{0%,100%{box-shadow:0 4px 18px rgba(37,211,102,0.45),0 0 0 0 rgba(37,211,102,0.4)}70%{box-shadow:0 4px 18px rgba(37,211,102,0.45),0 0 0 10px rgba(37,211,102,0)}}
.btn-pulse{animation:btnPulse 1.8s infinite}

/* SCROLL ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeLeft{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeRight{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes scaleIn{from{opacity:0;transform:scale(0.93)}to{opacity:1;transform:scale(1)}}

@keyframes float {
0%,
100% {
  transform: translate(0, 0) scale(1);
}
33% {
  transform: translate(30px, -30px) scale(1.05);
}
66% {
  transform: translate(-20px, 20px) scale(0.95);
}
}

.anim{opacity:0}
.anim.visible{animation-fill-mode:both;animation-timing-function:cubic-bezier(0.22,1,0.36,1)}
.anim-up.visible{animation-name:fadeUp}
.anim-in.visible{animation-name:fadeIn}
.anim-left.visible{animation-name:fadeLeft}
.anim-right.visible{animation-name:fadeRight}
.anim-scale.visible{animation-name:scaleIn}
.anim-d1.visible{animation-duration:0.55s;animation-delay:0.05s}
.anim-d2.visible{animation-duration:0.55s;animation-delay:0.15s}
.anim-d3.visible{animation-duration:0.55s;animation-delay:0.25s}
.anim-d4.visible{animation-duration:0.55s;animation-delay:0.35s}
.anim-d5.visible{animation-duration:0.55s;animation-delay:0.45s}
@media(prefers-reduced-motion:reduce){.anim{opacity:1!important}}/* End custom CSS */