*{box-sizing:border-box}
:root{--navy:#121d31;--paper:#f4f4f4;--text:#111827}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--paper);color:var(--text)}
a{color:inherit;text-decoration:none}

.nav{position:absolute;top:0;left:0;right:0;z-index:100;width:min(1170px,100% - 48px);margin:0 auto;padding:42px 0 0;display:flex;align-items:center;justify-content:space-between;color:#fff}
.brand{font-size:29px;line-height:1;font-weight:400;letter-spacing:.02em;text-transform:uppercase;opacity:.96}
.brand:after{content:"";display:inline-block;width:6px;height:6px;margin-left:3px;margin-bottom:18px;border-radius:50%;background:#fff}
.nav nav{display:flex;align-items:center;gap:35px;font-size:18px;line-height:1;white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nav-toggle{display:none}
.nav nav a{color:#fff}.chevron{display:inline-block;width:9px;height:9px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transform-origin:58% 58%;transition:transform .2s ease,opacity .2s ease;opacity:.92}
.login-pill,.login-link{border:0;border-radius:999px;padding:7px 0 8px;min-width:auto;text-align:center;color:rgba(255,255,255,.72)!important;font-size:16px;font-weight:750}.login-link:hover{color:#fff!important}.nav-trial{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 22px;background:#fff;color:#101b31!important;font-size:16px;font-weight:950;letter-spacing:.02em;box-shadow:0 14px 32px rgba(8,17,31,.18);transition:transform .2s ease,box-shadow .2s ease}.nav-trial:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(8,17,31,.24)}

.home-hero{position:relative;overflow:hidden;min-height:765px;background:var(--navy);color:#fff;padding-top:142px;padding-bottom:260px}
.home-hero::before,.home-hero::after{content:none!important;display:none!important}
.hero-copy{position:relative;z-index:3;width:min(1170px,100% - 48px);margin:0 auto;padding-top:0;padding-right:735px}
.hero-copy h1{margin:0 0 44px;max-width:610px;font-size:46px;line-height:1.08;font-weight:800;letter-spacing:.02em;color:#fff}
.hero-copy h1 span{display:block;margin-top:4px;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:0}
.hero-copy p{max-width:660px;margin:0 0 32px;font-size:20px;line-height:1.46;color:#fff}.hero-copy strong{font-weight:800}
.cta{display:inline-flex;align-items:center;justify-content:center;margin-top:24px;padding:22px 40px;border-radius:999px;background:linear-gradient(110deg,#f8705e 0%,#f77e6d 32%,#ffc6bf 50%,#f77e6d 68%,#f8705e 100%);background-size:220% 100%;box-shadow:0 17px 25px rgba(0,0,0,.36),0 11px 25px rgba(248,112,94,.45);font-size:18px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#fff;animation:ctaGradient 4.8s ease-in-out infinite;transition:transform .22s ease,box-shadow .22s ease}
.cta:hover{transform:translateY(-3px);box-shadow:0 20px 30px rgba(0,0,0,.38),0 16px 34px rgba(248,112,94,.55)}
.video-wrap{position:absolute;z-index:3;top:136px;left:calc(50% + 50px);width:698px;height:395px;background:#000;overflow:hidden}.video-wrap iframe,.video-wrap video{display:block;width:100%;height:100%;border:0}.hero-video{object-fit:cover}
.lazy-video-btn{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:0;padding:0;background:#070b14;cursor:pointer;overflow:hidden}.lazy-video-btn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.68);transition:transform .3s ease,filter .3s ease}.lazy-video-btn:hover img,.lazy-video-btn:focus-visible img{transform:scale(1.04);filter:brightness(.78)}.lazy-video-play{position:relative;z-index:2;width:76px;height:76px;display:flex;align-items:center;justify-content:center;border-radius:24px;background:#ff1f1f;color:#fff;font-size:32px;line-height:1;box-shadow:0 18px 44px rgba(0,0,0,.28)}.explainer-video .lazy-video-play{display:none}
.hero-wave{position:absolute;z-index:2;left:0;right:0;bottom:-1px;width:100%;height:280px;display:block;pointer-events:none;filter:none;box-shadow:none}.hero-wave path{fill:var(--paper)}

.grid{position:relative;z-index:5;width:min(1170px,100% - 48px);margin:42px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 0 42px}
.grid article,.leadbox,.page{background:#fff;border:1px solid #e6eaf1;border-radius:28px;padding:30px;box-shadow:0 14px 40px rgba(8,17,31,.05)}.grid b{font-size:22px}.grid p,.content{color:#596579;line-height:1.7}.leadbox{width:min(1170px,100% - 48px);margin:28px auto 70px;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px}form{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea,select{width:100%;border:1px solid #dce3ee;border-radius:14px;padding:14px;font:inherit;background:#fff}textarea{grid-column:1/-1;min-height:120px}form button{grid-column:1/-1;border:0;background:var(--accent);color:#fff;border-radius:14px;padding:14px 18px;font-weight:800;cursor:pointer}.page{margin:110px auto 56px;max-width:980px}.page.legal{max-width:860px}.page h1{font-size:clamp(42px,6vw,76px);line-height:1;letter-spacing:-.05em;margin:12px 0 20px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:12px;font-weight:800}.excerpt{font-size:20px;line-height:1.55;color:#5c687a;max-width:680px}.content h2{color:#08111f;font-size:32px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 6vw;border-top:1px solid #e6eaf1;color:#667085;flex-wrap:wrap}.toast{position:fixed;right:22px;bottom:22px;background:#08111f;color:#fff;padding:14px 18px;border-radius:14px;z-index:99}

@media(max-width:1280px){.hero-copy{padding-right:0}.video-wrap{position:relative;top:auto;left:auto;width:min(698px,100% - 80px);height:auto;aspect-ratio:16/9;margin:42px auto 0}.home-hero{min-height:auto}.hero-copy h1,.hero-copy p{max-width:760px}}
@media(max-width:760px){.nav{position:relative;width:100%;padding:24px;flex-direction:column;align-items:flex-start;gap:18px;background:var(--navy)}.nav nav{gap:16px;flex-wrap:wrap;font-size:16px}.login-pill{min-width:auto}.home-hero{padding-top:42px;padding-bottom:170px}.hero-wave{height:170px}.hero-copy{width:100%;padding:0 24px}.hero-copy h1{font-size:38px;margin-bottom:28px}.hero-copy h1 span{font-size:24px}.hero-copy p{font-size:18px}.cta{padding:18px 30px}.video-wrap{width:calc(100% - 48px);margin:34px auto 0}.grid,.leadbox{grid-template-columns:1fr}.leadbox{display:block}form{grid-template-columns:1fr;margin-top:20px}}



/* ===== FIBBEL: DOCTOR JOURNEY + CLINIC DASHBOARD ===== */
.fibbel-flow{
  position:relative;
  z-index:5;
  width:min(1180px,100% - 48px);
  margin:28px auto 0;
  padding:34px 0 84px;
  overflow:hidden;
}
.fibbel-flow:before{content:none!important;display:none!important;background:none!important;box-shadow:none!important;}

.fibbel-flow::before{content:none!important;display:none!important;background:none!important;box-shadow:none!important;}
.flow-head{text-align:center;max-width:760px;margin:0 auto 30px}.flow-eyebrow{display:inline-block;margin-bottom:10px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.flow-head h2,.clinic-story h2,.seo-pill h2{margin:0;color:#101b31;font-size:clamp(31px,4.2vw,52px);line-height:1.02;font-weight:900;letter-spacing:-.05em}.flow-head p,.seo-pill p{max-width:680px;margin:16px auto 0;color:#637086;font-size:18px;line-height:1.7}

.clinic-scene{
  position:relative;
  min-height:540px;
  margin:36px 0 56px;
  border-radius:46px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.25)),
    linear-gradient(135deg,#eef3f8 0%,#fff 55%,#f7e6e2 100%);
  border:1px solid #e6eaf1;
  box-shadow:0 30px 80px rgba(8,17,31,.10);
}
.clinic-scene:before{content:"";position:absolute;left:0;right:0;bottom:0;height:138px;background:linear-gradient(180deg,transparent,#dfe6ee)}
.clinic-wall{position:absolute;left:7%;right:7%;top:64px;height:190px;border-radius:32px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.85)}
.scene-window{position:absolute;left:8%;top:34px;width:190px;height:118px;border-radius:30px;background:linear-gradient(180deg,#dff0ff,#fff);box-shadow:inset 0 -20px 35px rgba(18,29,49,.08)}
.scene-window:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;box-shadow:-45px 0 0 #fff,45px 0 0 #fff}
.scene-shelf{position:absolute;right:9%;top:58px;width:270px;height:12px;border-radius:999px;background:#cfdae8;box-shadow:0 54px 0 #cfdae8}
.scene-shelf:before,.scene-shelf:after{content:"";position:absolute;top:-36px;width:46px;height:46px;border-radius:14px;background:#fff;box-shadow:70px 0 0 #fff,140px 0 0 #fff}.scene-shelf:before{left:20px}.scene-shelf:after{top:18px;left:70px;background:var(--accent);opacity:.16;box-shadow:70px 0 0 rgba(247,115,98,.16)}
.doctor-path{position:absolute;left:7%;right:7%;bottom:112px;height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(18,29,49,.08),rgba(247,115,98,.35),rgba(18,29,49,.08))}.doctor-path:before{content:"";position:absolute;left:0;right:0;top:-42px;border-top:2px dashed rgba(18,29,49,.12)}
.doctor{position:absolute;left:8%;bottom:116px;width:122px;height:210px;animation:doctorWalk 8.5s cubic-bezier(.45,0,.18,1) infinite;filter:drop-shadow(0 18px 16px rgba(8,17,31,.16))}.doctor-head{position:absolute;left:38px;top:0;width:54px;height:54px;border-radius:50%;background:#ffc4aa}.doctor-head:before{content:"";position:absolute;left:3px;top:-9px;width:48px;height:26px;border-radius:40px 40px 10px 10px;background:#26364d}.doctor-body{position:absolute;left:26px;top:54px;width:72px;height:96px;border-radius:24px 24px 18px 18px;background:#fff;border:1px solid #e5eaf2}.doctor-body:before{content:"";position:absolute;left:35px;top:0;bottom:0;width:2px;background:#e8edf4}.doctor-body:after{content:"+";position:absolute;left:13px;top:22px;color:var(--accent);font-weight:900;font-size:22px}.doctor-arm{position:absolute;left:16px;top:76px;width:24px;height:80px;border-radius:20px;background:#ffc4aa;transform-origin:top;animation:armSwing 1s ease-in-out infinite alternate}.doctor-arm.right{left:88px;animation-delay:.35s}.doctor-leg{position:absolute;left:36px;top:145px;width:22px;height:68px;border-radius:20px;background:#1c2d46;transform-origin:top;animation:legStep 1s ease-in-out infinite alternate}.doctor-leg.right{left:70px;animation-delay:.35s}.doctor-tablet{position:absolute;right:-8px;top:95px;width:34px;height:44px;border-radius:8px;background:#132037;border:3px solid #fff}
.clinic-desk{position:absolute;right:8%;bottom:98px;width:min(430px,42%);height:190px;border-radius:32px;background:#111c31;box-shadow:0 24px 55px rgba(8,17,31,.24)}.clinic-desk:before{content:"";position:absolute;left:32px;right:32px;bottom:-44px;height:44px;border-radius:0 0 22px 22px;background:#1d2e49}.computer{position:absolute;left:50%;top:-112px;width:270px;height:170px;transform:translateX(-50%);border-radius:24px;background:#fff;border:10px solid #17243a;box-shadow:0 22px 50px rgba(8,17,31,.18);overflow:hidden}.computer:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f8fafc,#fff)}.computer:after{content:"";position:absolute;left:25px;right:25px;top:32px;height:18px;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 34%,#dbe4f0 34% 100%);box-shadow:0 38px 0 #edf2f7,0 76px 0 #edf2f7}.screen-card{position:absolute;right:26px;bottom:24px;width:88px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#ffb9b0);animation:pulseCard 2.2s ease-in-out infinite}.desk-note{position:absolute;left:35px;top:42px;color:#fff}.desk-note b{display:block;font-size:24px;letter-spacing:-.04em}.desk-note span{display:block;margin-top:8px;color:#aeb8c8;font-size:14px}.coffee{position:absolute;right:42px;bottom:42px;width:54px;height:54px;border-radius:0 0 18px 18px;background:#fff}.coffee:after{content:"";position:absolute;right:-18px;top:12px;width:20px;height:22px;border:5px solid #fff;border-left:0;border-radius:0 18px 18px 0}.steam{position:absolute;right:58px;bottom:112px;color:#fff;font-size:28px;opacity:.55;animation:steam 2.5s ease-in-out infinite}
.scene-bubble{position:absolute;left:10%;top:270px;max-width:285px;padding:18px 20px;border-radius:22px;background:#fff;border:1px solid #edf0f5;box-shadow:0 18px 40px rgba(8,17,31,.09);animation:bubbleFloat 4s ease-in-out infinite}.scene-bubble b{display:block;color:#101b31;margin-bottom:5px}.scene-bubble small{color:#667085;line-height:1.55}.scene-bubble.two{left:36%;top:92px;animation-delay:1.2s}.scene-bubble.three{left:auto;right:13%;top:280px;animation-delay:2s}

.clinic-story{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;align-items:stretch;margin-bottom:56px}.story-copy{padding:38px;border-radius:38px;background:#111c31;color:#fff;box-shadow:0 28px 75px rgba(8,17,31,.18)}.story-copy h2{color:#fff;font-size:clamp(30px,3.4vw,44px)}.story-copy p{color:#ccd5e2;line-height:1.75;font-size:17px}.story-list{display:grid;gap:16px}.story-item{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;padding:22px;border-radius:30px;background:#fff;border:1px solid #e6eaf1;box-shadow:0 18px 45px rgba(8,17,31,.07);transition:transform .25s ease,box-shadow .25s ease}.story-item:hover{transform:translateX(8px);box-shadow:0 24px 60px rgba(8,17,31,.11)}.story-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:24px;background:rgba(247,115,98,.12);font-size:30px}.story-item h3{margin:0 0 7px;color:#101b31;font-size:23px}.story-item p{margin:0;color:#607086;line-height:1.65}
.trust-marquee{margin:0 0 56px;padding:28px;border-radius:36px;background:#fff;border:1px solid #e6eaf1;box-shadow:0 20px 55px rgba(8,17,31,.07);overflow:hidden}.trust-marquee .flow-eyebrow{display:block;text-align:center}.marquee-track{display:flex;gap:18px;width:max-content;animation:marquee 18s linear infinite}.trust-chip{display:flex;align-items:center;gap:14px;min-width:330px;padding:20px 24px;border-radius:24px;background:#f8fafc;border:1px solid #edf0f5}.trust-chip span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:16px;background:rgba(247,115,98,.12);color:var(--accent);font-weight:900}.trust-chip b{color:#8a4238;line-height:1.35}

/* ===== TESTIMONIOS: VOICE LAB ===== */
.testimonials-lab{position:relative;margin:0 0 60px;padding:54px 34px 62px;border-radius:44px;background:linear-gradient(135deg,#101b31 0%,#172740 54%,#101b31 100%);box-shadow:0 32px 90px rgba(8,17,31,.18);overflow:hidden;color:#fff}
.testimonials-lab:before{content:"";position:absolute;inset:-120px -80px auto auto;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(247,115,98,.35),rgba(247,115,98,0) 68%);animation:testGlow 7s ease-in-out infinite}
.testimonials-lab:after{content:"";position:absolute;left:-110px;bottom:-150px;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,0) 68%)}
.testimonials-intro{position:relative;z-index:2;max-width:760px;margin:0 auto 38px;text-align:center}.testimonials-intro h2{margin:0;color:#fff;font-size:clamp(31px,4vw,50px);line-height:1.04;font-weight:900;letter-spacing:-.05em}.testimonials-intro p{max-width:650px;margin:16px auto 0;color:#c5cfde;font-size:18px;line-height:1.7}
.testimonial-stage{position:relative;z-index:2;min-height:410px;display:grid;grid-template-columns:1fr 1.18fr 1fr;align-items:center;gap:18px}.testimonial-orbit{position:absolute;inset:34px 6%;border:1px solid rgba(255,255,255,.10);border-radius:999px;pointer-events:none}.testimonial-orbit span{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 12px rgba(247,115,98,.12)}.testimonial-orbit span:nth-child(1){left:12%;top:18%}.testimonial-orbit span:nth-child(2){right:16%;top:8%;animation-delay:.7s}.testimonial-orbit span:nth-child(3){left:50%;bottom:6%;animation-delay:1.4s}
.voice-card{position:relative;padding:26px;border-radius:30px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 22px 60px rgba(0,0,0,.18);backdrop-filter:blur(16px);transition:transform .3s ease,background .3s ease,border-color .3s ease}.voice-card:hover{transform:translateY(-10px);background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28)}.voice-main{padding:34px;background:#fff;color:#101b31;box-shadow:0 34px 90px rgba(0,0,0,.28);transform:translateY(-18px)}.voice-main:hover{background:#fff;transform:translateY(-28px)}.voice-left{transform:rotate(-2deg)}.voice-right{transform:rotate(2deg)}.voice-left:hover,.voice-right:hover{transform:translateY(-10px) rotate(0deg)}
.voice-profile{display:flex;align-items:center;gap:14px;margin-bottom:22px}.voice-avatar{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:20px;background:linear-gradient(135deg,var(--accent),#ffb8af);color:#fff;font-weight:900;font-size:20px;box-shadow:0 14px 30px rgba(247,115,98,.25)}.voice-profile b{display:block;color:inherit;font-size:17px}.voice-profile small{display:block;margin-top:4px;color:rgba(255,255,255,.62)}.voice-main .voice-profile small{color:#667085}.voice-card p{margin:0;color:rgba(255,255,255,.82);font-size:16px;line-height:1.85}.voice-main p{color:#344054;font-size:18px;line-height:1.85}.voice-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);color:#d5deea}.voice-foot span{font-size:13px}.voice-foot strong{color:#fff}.voice-badge{position:absolute;right:24px;top:24px;padding:8px 12px;border-radius:999px;background:rgba(247,115,98,.12);color:var(--accent);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.voice-metric{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.voice-metric span{padding:16px;border-radius:20px;background:#f5f8fc;border:1px solid #e8edf4}.voice-metric b{display:block;color:#101b31;font-size:20px;letter-spacing:-.04em}.voice-metric small{display:block;margin-top:3px;color:#667085}

/* Imagen opcional en cada reseña.
   Para cambiarla, sube JPG/PNG a /assets/img/testimonials/ y actualiza el src en public/index.php. */
.voice-avatar{position:relative;overflow:hidden;flex:0 0 54px}
.voice-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;z-index:2}
.voice-main .voice-avatar{width:58px;height:58px;flex-basis:58px}
@media(max-width:760px){.voice-main .voice-avatar{width:54px;height:54px;flex-basis:54px}}

@keyframes testGlow{50%{transform:translate(-28px,30px) scale(1.08)}}

.seo-pill{max-width:920px;margin:0 auto;text-align:center;padding:42px 48px;border-radius:36px;background:#fff;border:1px solid #e6eaf1;box-shadow:0 22px 60px rgba(8,17,31,.08)}
.reveal-up{opacity:0;transform:translateY(28px);animation:revealUp .75s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--delay,0s)}
@keyframes revealUp{to{opacity:1;transform:translateY(0)}}
@keyframes doctorWalk{0%{transform:translateX(0)}42%,58%{transform:translateX(calc(82vw - 560px))}100%{transform:translateX(0)}}
@keyframes armSwing{to{transform:rotate(13deg)}}@keyframes legStep{to{transform:rotate(-12deg)}}
@keyframes pulseCard{50%{transform:scale(1.06);box-shadow:0 0 0 12px rgba(247,115,98,.12)}}
@keyframes steam{50%{transform:translateY(-12px);opacity:.25}}@keyframes bubbleFloat{50%{transform:translateY(-10px)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes ctaGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){.testimonials-lab:before,.testimonial-orbit span,.reveal-up,.doctor,.doctor-arm,.doctor-leg,.screen-card,.steam,.scene-bubble,.marquee-track{animation:none!important;opacity:1;transform:none}.story-item{transition:none}}
@media(max-width:1050px){.testimonial-stage{grid-template-columns:1fr;min-height:auto}.testimonial-orbit{display:none}.voice-main,.voice-left,.voice-right{transform:none}.clinic-scene{min-height:600px}.clinic-desk{width:420px;right:50%;transform:translateX(50%)}.doctor{bottom:110px}.scene-bubble.three{display:none}@keyframes doctorWalk{0%{transform:translateX(0)}42%,58%{transform:translateX(calc(100vw - 320px))}100%{transform:translateX(0)}}.clinic-story{grid-template-columns:1fr}}
@media(max-width:760px){.testimonials-lab{padding:38px 20px;border-radius:30px}.testimonials-intro{text-align:left}.testimonials-intro h2{font-size:30px}.voice-card,.voice-main{padding:24px;border-radius:24px}.voice-badge{position:static;display:inline-block;margin-bottom:18px}.voice-metric{grid-template-columns:1fr}.fibbel-flow{width:100%;padding:22px 24px 58px}.fibbel-flow:before{display:none}
.fibbel-flow::before{content:none!important;display:none!important;background:none!important;box-shadow:none!important;}
.flow-head{text-align:left}.flow-head p{margin-left:0}.clinic-scene{min-height:640px;border-radius:30px}.scene-window,.scene-shelf,.scene-bubble.two,.scene-bubble.three{display:none}.scene-bubble{left:22px;right:22px;top:250px;max-width:none}.doctor{left:24px;transform:scale(.82);transform-origin:left bottom;animation:doctorWalkMobile 7s ease-in-out infinite}.clinic-desk{width:calc(100% - 48px);right:24px;transform:none;bottom:80px}.computer{width:225px;height:145px}.clinic-story,.story-list{display:block}.story-copy,.story-item,.trust-marquee,.seo-pill{border-radius:26px}.story-item{grid-template-columns:1fr;margin-top:16px}.marquee-track{animation:none;display:grid;width:auto}.trust-chip{min-width:0}.seo-pill{padding:32px 24px}.flow-head h2,.clinic-story h2,.seo-pill h2{font-size:30px}@keyframes doctorWalkMobile{0%,100%{left:24px}45%,60%{left:calc(100% - 150px)}}}


/* ===== PRECIOS: PRICING STUDIO ===== */
.pricing-studio{
  position:relative;
  width:min(1180px,100% - 48px);
  margin:10px auto 74px;
  padding:76px 34px 36px;
  border-radius:48px;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 10%,rgba(247,115,98,.16),transparent 32%),
    radial-gradient(circle at 92% 18%,rgba(18,29,49,.10),transparent 34%),
    linear-gradient(180deg,#fff,#f7fafc);
  border:1px solid #e6eaf1;
  box-shadow:0 30px 90px rgba(8,17,31,.08);
}
.pricing-studio:before{
  content:"";
  position:absolute;
  left:34px;
  right:34px;
  top:48%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(18,29,49,.14),transparent);
  pointer-events:none;
}
.pricing-head{position:relative;z-index:2;max-width:780px;margin:0 auto 44px;text-align:center}
.pricing-head h2{margin:0;color:#101b31;font-size:clamp(34px,4.4vw,56px);line-height:1.02;font-weight:950;letter-spacing:-.055em}
.pricing-head p{max-width:700px;margin:16px auto 24px;color:#607086;font-size:18px;line-height:1.75}
.billing-switch{display:inline-flex;align-items:center;gap:6px;padding:7px;border-radius:999px;background:#101b31;box-shadow:0 18px 45px rgba(8,17,31,.18)}
.billing-switch button{border:0;border-radius:999px;background:transparent;color:#cbd5e1;padding:12px 18px;font-weight:900;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}
.billing-switch button small{margin-left:7px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.12);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.billing-switch button.active{background:#fff;color:#101b31;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.billing-switch button:hover{transform:translateY(-1px)}
.pricing-cards{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.price-card{position:relative;display:flex;flex-direction:column;min-height:650px;padding:34px;border-radius:36px;background:rgba(255,255,255,.78);border:1px solid #e3eaf3;box-shadow:0 22px 62px rgba(8,17,31,.08);backdrop-filter:blur(16px);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.price-card:hover{transform:translateY(-10px);box-shadow:0 34px 90px rgba(8,17,31,.13);border-color:rgba(247,115,98,.35)}
.price-featured{background:#101b31;color:#fff;border-color:rgba(255,255,255,.16);box-shadow:0 32px 90px rgba(8,17,31,.24);transform:translateY(-16px)}
.price-featured:hover{transform:translateY(-24px)}
.popular-tag{position:absolute;right:24px;top:24px;padding:9px 13px;border-radius:999px;background:rgba(247,115,98,.16);color:#ffb8af;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}
.plan-top{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;margin-bottom:28px;padding-right:100px}
.plan-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:24px;background:rgba(247,115,98,.12);font-size:30px}
.price-featured .plan-icon{background:rgba(255,255,255,.11)}
.plan-top h3{margin:0 0 7px;color:#101b31;font-size:32px;line-height:1;font-weight:950;letter-spacing:-.04em}
.price-featured .plan-top h3{color:#fff}
.plan-top p{margin:0;color:#667085;line-height:1.55}
.price-featured .plan-top p{color:#c9d3e2}
.price-line{display:flex;align-items:flex-end;gap:10px;margin:4px 0 8px}
.price-line strong{display:flex;align-items:flex-start;color:#101b31;font-size:58px;line-height:.9;font-weight:950;letter-spacing:-.075em}
.price-line strong span{transition:opacity .2s ease}
.price-line span:last-child{color:#667085;font-size:15px;margin-bottom:7px}
.price-featured .price-line strong{color:#fff}
.price-featured .price-line span:last-child{color:#c9d3e2}
.billing-note{display:block;min-height:21px;color:#7a8798;margin-bottom:24px}
.price-featured .billing-note{color:#aeb8c8}
.plan-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:4px 0 28px;padding:17px 20px;border-radius:18px;background:linear-gradient(90deg,var(--accent),#ffb4aa);color:#fff;font-weight:950;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 18px 38px rgba(247,115,98,.28);transition:transform .25s ease,box-shadow .25s ease}
.plan-cta:hover{transform:translateY(-3px);box-shadow:0 24px 48px rgba(247,115,98,.36)}
.feature-list{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid #e8edf4}
.price-featured .feature-list{border-top-color:rgba(255,255,255,.13)}
.feature-list li{position:relative;padding:15px 0 15px 34px;border-bottom:1px solid #e8edf4;color:#344054;font-size:15px;line-height:1.45}
.price-featured .feature-list li{border-bottom-color:rgba(255,255,255,.12);color:#d8e0ec}
.feature-list li:before{content:"✓";position:absolute;left:0;top:14px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:rgba(247,115,98,.13);color:var(--accent);font-weight:950;font-size:13px}
.price-featured .feature-list li:before{background:rgba(255,255,255,.11);color:#ffb8af}
.feature-list b{font-weight:950;color:inherit}
.pricing-bottom{position:relative;z-index:2;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.pricing-bottom span{padding:12px 16px;border-radius:999px;background:#fff;border:1px solid #e6eaf1;color:#526174;font-weight:800;box-shadow:0 12px 28px rgba(8,17,31,.05)}
@media(max-width:900px){.pricing-cards{grid-template-columns:1fr}.price-featured{transform:none}.price-featured:hover{transform:translateY(-10px)}.price-card{min-height:0}.pricing-studio{padding:54px 22px 30px;border-radius:34px}.plan-top{padding-right:0}.popular-tag{position:static;display:inline-block;align-self:flex-start;margin-bottom:18px}}
@media(max-width:560px){.pricing-studio{width:100%;margin-bottom:54px;border-radius:0;border-left:0;border-right:0}.pricing-head{text-align:left}.billing-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.billing-switch button{padding:12px 10px}.billing-switch button small{display:none}.plan-top{grid-template-columns:1fr}.price-line strong{font-size:48px}.pricing-bottom{justify-content:flex-start}.pricing-bottom span{border-radius:18px}}


/* ===== PRECIOS: VIAJE VISUAL, SIN GRID ===== */
.pricing-journey{
  --mint:#07d6a4;
  --ink:#172033;
  --cream:#fff8ed;
  --violet:#6d5dfc;
  --sun:#ffd166;
  position:relative;
  width:min(1180px,100% - 48px);
  margin:20px auto 78px;
  padding:82px 54px 58px;
  overflow:hidden;
  border-radius:54px;
  background:linear-gradient(135deg,#172033 0%,#203657 52%,#0f746d 100%);
  color:#fff;
  box-shadow:0 36px 100px rgba(12,26,46,.22);
}
.pricing-journey:before{
  content:"";
  position:absolute;
  inset:-140px auto auto -90px;
  width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,209,102,.46),rgba(255,209,102,0) 68%);
}
.pricing-journey:after{
  content:"";
  position:absolute;
  right:-120px;bottom:-150px;
  width:430px;height:430px;border-radius:50%;
  background:radial-gradient(circle,rgba(7,214,164,.36),rgba(7,214,164,0) 68%);
}
.price-bg-word{
  position:absolute;
  right:22px;top:10px;
  font-size:clamp(96px,16vw,220px);
  line-height:.8;
  font-weight:950;
  letter-spacing:-.09em;
  color:rgba(255,255,255,.045);
  pointer-events:none;
}
.pricing-copy{position:relative;z-index:2;max-width:650px;margin-bottom:38px}.pricing-copy .flow-eyebrow{color:var(--sun)}
.pricing-copy h2{margin:0;color:#fff;font-size:clamp(36px,5vw,64px);line-height:.98;font-weight:950;letter-spacing:-.065em}.pricing-copy p{max-width:590px;margin:18px 0 24px;color:#dbe8ef;font-size:18px;line-height:1.75}
.pricing-journey .billing-switch{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);box-shadow:none;backdrop-filter:blur(12px)}.pricing-journey .billing-switch button.active{background:var(--mint);color:#08251f;box-shadow:0 14px 30px rgba(7,214,164,.25)}.pricing-journey .billing-switch button{color:#fff}.pricing-journey .billing-switch button small{background:rgba(23,32,51,.18)}
.price-path{position:absolute;z-index:1;left:58px;right:58px;top:365px;height:170px;border-top:2px dashed rgba(255,255,255,.22);transform:skewY(-4deg);pointer-events:none}.price-path span{position:absolute;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 10px rgba(255,209,102,.12)}.price-path span:nth-child(1){left:4%}.price-path span:nth-child(2){left:49%;background:var(--mint);box-shadow:0 0 0 10px rgba(7,214,164,.12)}.price-path span:nth-child(3){right:4%;background:#fff;box-shadow:0 0 0 10px rgba(255,255,255,.12)}
.pricing-showcase{position:relative;z-index:2;min-height:760px}.plan-ticket{position:absolute;width:min(560px,100%);padding:18px;border-radius:34px;background:rgba(255,248,237,.96);color:var(--ink);box-shadow:0 28px 72px rgba(2,8,20,.28);border:1px solid rgba(255,255,255,.72);transform:rotate(-2deg);transition:transform .3s ease,box-shadow .3s ease}.plan-ticket:hover{transform:translateY(-10px) rotate(0deg);box-shadow:0 38px 92px rgba(2,8,20,.34)}.plan-solo{left:0;top:16px}.plan-clinic{right:0;top:245px;transform:rotate(2deg);background:linear-gradient(145deg,#fff,#ecfff9)}
.ticket-label{display:inline-flex;padding:9px 13px;border-radius:999px;background:#172033;color:#fff;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.ticket-ribbon{position:absolute;right:20px;top:20px;padding:10px 14px;border-radius:999px;background:var(--violet);color:#fff;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.ticket-main{padding:26px 12px 18px}.ticket-title{display:flex;gap:18px;align-items:center;margin-bottom:22px}.ticket-icon{flex:0 0 68px;width:68px;height:68px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:30px;background:linear-gradient(135deg,var(--sun),#ff9f6e)}.plan-clinic .ticket-icon{background:linear-gradient(135deg,var(--mint),#8ef6dc)}.ticket-title h3{margin:0 0 6px;color:var(--ink);font-size:36px;line-height:1;font-weight:950;letter-spacing:-.05em}.ticket-title p{margin:0;color:#5e6b7b;line-height:1.55}.pricing-journey .price-line{margin:0;align-items:flex-end}.pricing-journey .price-line strong{color:var(--ink);font-size:64px}.pricing-journey .price-line span:last-child{color:#5e6b7b}.pricing-journey .billing-note{color:#758295;margin:10px 0 0}.ticket-strip{display:flex;gap:10px;flex-wrap:wrap;margin:0 -4px 18px}.ticket-strip span{padding:12px 14px;border-radius:16px;background:#fff;border:1px solid rgba(23,32,51,.08);color:#334155;font-weight:850}.ticket-strip b{color:#0f746d}.ticket-details{border-radius:24px;background:rgba(23,32,51,.04);padding:0 18px;margin-bottom:18px}.ticket-details summary{cursor:pointer;padding:17px 0;font-weight:950;color:#172033}.pricing-journey .feature-list{border-top:1px solid rgba(23,32,51,.09);padding-bottom:12px}.pricing-journey .feature-list li{border-bottom:1px solid rgba(23,32,51,.08);color:#415066}.pricing-journey .feature-list li:before{background:rgba(7,214,164,.14);color:#0f746d}.pricing-journey .plan-cta{margin:0;background:linear-gradient(90deg,#172033,#0f746d);box-shadow:0 18px 36px rgba(15,116,109,.22)}.plan-clinic .plan-cta{background:linear-gradient(90deg,#6d5dfc,#0f746d)}.pricing-assurance{position:relative;z-index:2;display:flex;gap:12px;flex-wrap:wrap;margin-top:-26px}.pricing-assurance span{padding:13px 17px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17);color:#eef8f7;font-weight:850;backdrop-filter:blur(12px)}
@media(max-width:980px){.pricing-journey{padding:58px 24px;border-radius:38px}.price-path{display:none}.pricing-showcase{min-height:0;display:flex;flex-direction:column;gap:24px}.plan-ticket,.plan-solo,.plan-clinic{position:relative;inset:auto;width:100%;transform:none}.pricing-assurance{margin-top:24px}.price-bg-word{font-size:110px}}
@media(max-width:560px){.pricing-journey{width:100%;border-radius:0;margin-bottom:52px}.pricing-copy h2{font-size:36px}.ticket-title{align-items:flex-start;flex-direction:column}.pricing-journey .price-line strong{font-size:50px}.ticket-ribbon{position:static;display:inline-flex;margin:10px 0 0}.pricing-assurance span{border-radius:18px}.pricing-journey .billing-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}.pricing-journey .billing-switch button small{display:none}}


/* ===== AJUSTE: SECCIONES SIN FONDO DE COLOR ===== */
.testimonials-lab{
  background:transparent!important;
  color:#101b31!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.testimonials-lab:before,
.testimonials-lab:after{
  display:none!important;
}
.testimonials-intro h2{
  color:#101b31!important;
}
.testimonials-intro p{
  color:#607086!important;
}
.testimonial-orbit{
  border-color:rgba(16,27,49,.10)!important;
}
.voice-card{
  background:#fff!important;
  color:#101b31!important;
  border:1px solid #e6eaf1!important;
  box-shadow:0 22px 58px rgba(8,17,31,.08)!important;
}
.voice-card p,
.voice-card b,
.voice-card small,
.voice-card .voice-foot,
.voice-card .score{
  color:#101b31!important;
  text-shadow:none!important;
}
.voice-card small,
.voice-card .voice-foot span{
  color:#607086!important;
}
.voice-main{
  box-shadow:0 24px 70px rgba(8,17,31,.10)!important;
}

.pricing-journey{
  background:transparent!important;
  color:#101b31!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.pricing-journey:before,
.pricing-journey:after,
.price-bg-word,
.price-path{
  display:none!important;
}
.pricing-copy h2{
  color:#101b31!important;
}
.pricing-copy p{
  color:#607086!important;
}
.pricing-copy .flow-eyebrow{
  color:var(--accent)!important;
}
.pricing-journey .billing-switch{
  background:#fff!important;
  border:1px solid #dbe3ef!important;
  box-shadow:0 12px 32px rgba(8,17,31,.07)!important;
}
.pricing-journey .billing-switch button{
  color:#101b31!important;
}
.pricing-journey .billing-switch button.active{
  background:#101b31!important;
  color:#fff!important;
  box-shadow:none!important;
}
.pricing-assurance{
  margin-top:28px!important;
}
.pricing-assurance span{
  background:#fff!important;
  border:1px solid #e6eaf1!important;
  color:#526174!important;
  box-shadow:0 12px 28px rgba(8,17,31,.05)!important;
}
.plan-ticket{
  box-shadow:0 24px 70px rgba(8,17,31,.12)!important;
}
@media(max-width:560px){
  .testimonials-lab,
  .pricing-journey{
    border-radius:0!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
}


/* ===== PRECIOS CLAROS, SIN GRID ===== */
.pricing-decision{
  width:min(1120px,100% - 48px);
  margin:76px auto 72px;
  position:relative;
  color:#101b31;
}
.pricing-decision-head{
  max-width:760px;
  margin:0 0 34px;
}
.pricing-decision-head h2{
  margin:0;
  max-width:700px;
  color:#101b31;
  font-size:clamp(38px,5vw,64px);
  line-height:.98;
  font-weight:950;
  letter-spacing:-.065em;
}
.pricing-decision-head p{
  max-width:650px;
  margin:18px 0 24px;
  color:#607086;
  font-size:18px;
  line-height:1.7;
}
.pricing-decision .billing-switch{
  background:#fff;
  border:1px solid #dbe3ef;
  box-shadow:0 14px 36px rgba(8,17,31,.08);
}
.pricing-decision .billing-switch button{color:#101b31}
.pricing-decision .billing-switch button.active{
  background:#101b31;
  color:#fff;
  box-shadow:none;
}
.pricing-board{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  padding-top:58px;
  align-items:stretch;
}
.pricing-rail{
  position:absolute;
  left:0;
  right:0;
  top:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#6b778a;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.pricing-rail i{
  flex:1;
  height:2px;
  margin:0 18px;
  background:linear-gradient(90deg,#dbe3ef,#101b31,#dbe3ef);
}
.plan-panel{
  position:relative;
  display:flex;
  align-items:stretch;
  min-width:0;
  border-radius:34px;
  background:#fff;
  border:1px solid #e4eaf2;
  box-shadow:0 22px 64px rgba(8,17,31,.08);
  overflow:hidden;
}
.plan-panel:before{
  content:"";
  width:12px;
  background:#101b31;
}
.plan-panel-clinic:before{background:#f77362}
.plan-marker{
  flex:0 0 78px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:30px;
  color:#101b31;
  font-size:13px;
  font-weight:950;
  letter-spacing:.14em;
}
.plan-content{
  position:relative;
  flex:1;
  display:flex;
  flex-direction:column;
  padding:30px 34px 32px;
}
.plan-headerline{
  display:flex;
  align-items:center;
  gap:18px;
}
.plan-symbol{
  flex:0 0 58px;
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  background:#fff4e5;
  font-size:27px;
}
.plan-panel-clinic .plan-symbol{background:#e9fbf7}
.plan-headerline h3{
  margin:0 0 5px;
  color:#101b31;
  font-size:34px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.05em;
}
.plan-headerline p{
  margin:0;
  color:#64748b;
  line-height:1.5;
}
.plan-badge{
  position:absolute;
  top:28px;
  right:28px;
  padding:10px 14px;
  border-radius:999px;
  background:#eef0ff;
  color:#4f46e5;
  font-size:12px;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.plan-price-row{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:14px;
  margin:28px 0 22px;
  padding:22px 0;
  border-top:1px solid #edf1f6;
  border-bottom:1px solid #edf1f6;
}
.pricing-decision .price-line{margin:0;align-items:flex-end}
.pricing-decision .price-line strong{
  color:#101b31;
  font-size:58px;
  line-height:.9;
  font-weight:950;
  letter-spacing:-.075em;
}
.pricing-decision .price-line span:last-child{color:#64748b}
.pricing-decision .billing-note{
  max-width:260px;
  color:#64748b;
  text-align:left;
  line-height:1.45;
}
.plan-highlights{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:20px;
}
.plan-highlights span{
  padding:10px 13px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #e6edf5;
  color:#25324a;
  font-weight:850;
}
.clear-feature-list{
  display:grid;
  grid-template-columns:1fr;
  gap:10px 22px;
  margin:0 0 24px;
  padding:0;
  list-style:none;
}
.clear-feature-list li{
  position:relative;
  padding-left:28px;
  color:#40536f;
  font-size:16px;
  font-weight:560;
  line-height:1.55;
}
.clear-feature-list li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  width:19px;
  height:19px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f1f3f6;
  color:#98a3b3;
  font-size:12px;
  font-weight:950;
}
.clear-feature-list .feature-list-title{
  margin-bottom:6px;
  color:#25324a;
  font-size:17px;
  font-weight:950;
  letter-spacing:-.01em;
}
.clear-feature-list .feature-list-title:before{
  background:#e9fbf7;
  color:#0f746d;
}
.pricing-decision .plan-cta{
  max-width:260px;
  margin:auto 0 0;
  background:#101b31;
  box-shadow:0 16px 34px rgba(16,27,49,.18);
}
.plan-panel-clinic .plan-cta{background:#f77362}
.pricing-clarity-strip{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:24px 0 0;
}
.pricing-clarity-strip span{
  padding:13px 17px;
  border-radius:999px;
  background:#fff;
  border:1px solid #e6eaf1;
  color:#526174;
  box-shadow:0 12px 28px rgba(8,17,31,.05);
  font-weight:850;
}
@media(max-width:860px){
  .pricing-board{grid-template-columns:1fr;padding-top:0}
  .pricing-rail{display:none}
  .plan-panel{display:block}
  .plan-panel:before{display:block;width:100%;height:10px}
  .plan-marker{position:absolute;top:22px;left:22px;padding:0;display:block}
  .plan-content{padding:56px 24px 28px}
  .plan-headerline{padding-right:0;align-items:flex-start;flex-direction:column}
  .plan-badge{position:static;display:inline-flex;margin:0 0 18px}
  .plan-price-row{align-items:flex-start;flex-direction:column}
  .pricing-decision .billing-note{text-align:left}
  .clear-feature-list{grid-template-columns:1fr}
  .pricing-clarity-strip{margin-left:0}
}
@media(max-width:560px){
  .pricing-decision{width:100%;padding:0 24px;margin:58px auto}
  .pricing-decision-head h2{font-size:38px}
  .pricing-decision .billing-switch{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .pricing-decision .billing-switch button small{display:none}
  .pricing-decision .price-line strong{font-size:48px}
}

/* ===== CORRECCIÓN VISUAL DE CANTIDADES ===== */
.pricing-decision .price-line{
  display:flex;
  align-items:center;
  margin:0;
}
.price-clean{
  display:grid;
  grid-template-columns:auto auto auto;
  align-items:end;
  column-gap:8px;
  white-space:nowrap;
}
.price-clean .price-currency{
  color:#101b31!important;
  font-size:42px!important;
  line-height:.92;
  font-weight:950;
  letter-spacing:-.04em;
  margin:0 0 5px!important;
}
.price-clean .price-value{
  display:inline-block;
  min-width:145px;
  color:#101b31!important;
  font-size:70px!important;
  line-height:.86;
  font-weight:950;
  letter-spacing:-.07em;
  font-variant-numeric:tabular-nums;
  text-decoration:none!important;
}
.price-clean .price-period{
  color:#64748b!important;
  font-size:17px!important;
  line-height:1.15;
  font-weight:700;
  margin:0 0 8px!important;
}
.plan-price-row{align-items:flex-start}
@media(max-width:760px){
  .price-clean{grid-template-columns:auto auto;row-gap:6px}
  .price-clean .price-period{grid-column:1/-1;margin-left:4px!important}
  .price-clean .price-value{font-size:58px!important;min-width:120px}
  .price-clean .price-currency{font-size:34px!important}
}


/* ===== FOOTER FINAL SIN FORMULARIO ===== */
.fibbel-footer{
  position:relative;
  margin-top:96px;
  padding:112px 0 0;
  background:#141f33;
  color:#fff;
  border-top:0;
  overflow:hidden;
  display:block;
}
.fibbel-footer .footer-wave{
  position:absolute;
  left:0;
  top:-1px;
  width:100%;
  height:118px;
  display:block;
  transform:translateY(-1px);
}
.fibbel-footer .footer-wave path{fill:var(--paper)}
.footer-inner{
  width:min(1180px,100% - 48px);
  margin:0 auto;
  padding:0 0 36px;
}
.fibbel-footer h2{
  margin:0 0 40px;
  text-align:center;
  color:#fff;
  font-size:clamp(34px,4vw,54px);
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:900;
}
.footer-reasons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px 78px;
  margin:0 auto 120px;
}
.footer-reasons article{color:#fff}
.footer-reasons h3{
  margin:0 0 24px;
  text-align:center;
  color:#fff;
  font-size:20px;
  font-weight:900;
}
.footer-reasons p{
  margin:0;
  color:#fff;
  font-size:17px;
  line-height:1.65;
  font-weight:500;
}
.footer-bottom{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  align-items:end;
  color:#fff;
}
.footer-bottom span{color:#fff;font-weight:700}
.footer-bottom nav{
  display:flex;
  flex-direction:column;
  gap:7px;
  align-items:flex-start;
}
.footer-bottom a{
  color:#fff;
  text-decoration:none;
  font-size:18px;
  line-height:1.15;
}
.footer-bottom a:hover{text-decoration:underline}
@media(max-width:900px){
  .fibbel-footer{padding-top:90px;margin-top:70px}
  .footer-reasons{grid-template-columns:1fr;margin-bottom:70px;gap:34px}
  .footer-reasons h3{text-align:left;margin-bottom:12px}
  .footer-bottom{grid-template-columns:1fr}
}
@media(max-width:560px){
  .footer-inner{width:100%;padding:0 24px 34px}
  .fibbel-footer h2{text-align:left}
  .footer-reasons p{font-size:16px}
}

/* ===== CORRECCIÓN FOOTER: sin franja doble / onda rota ===== */
.fibbel-footer{
  margin-top:92px!important;
  padding:150px 0 0!important;
  background:#141f33!important;
  color:#fff!important;
  overflow:hidden!important;
  clip-path:polygon(0 11%, 18% 8%, 39% 4%, 63% 0, 82% 2%, 100% 7%, 100% 100%, 0 100%)!important;
}
.fibbel-footer .footer-wave{
  display:none!important;
}
.footer-inner{
  position:relative;
  z-index:2;
}
.footer-reasons{
  margin-bottom:105px!important;
}
@media(max-width:900px){
  .fibbel-footer{
    margin-top:70px!important;
    padding-top:115px!important;
    clip-path:polygon(0 6%, 35% 3%, 70% 0, 100% 5%, 100% 100%, 0 100%)!important;
  }
}
@media(max-width:560px){
  .fibbel-footer{
    padding-top:92px!important;
    clip-path:polygon(0 4%, 55% 0, 100% 4%, 100% 100%, 0 100%)!important;
  }
}

/* ===== TEMPLATE FEATURE: HERO TIPO HOME ===== */
.feature-hero{
  position:relative;
  overflow:hidden;
  min-height:760px;
  background:var(--navy);
  color:#fff;
  padding-top:142px;
  padding-bottom:260px;
}
.feature-hero-inner{
  position:relative;
  z-index:3;
  width:min(1260px,100% - 48px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(340px,500px) minmax(560px,760px);
  gap:104px;
  align-items:center;
}
.feature-hero-copy h1{
  margin:0 0 28px;
  max-width:500px;
  font-size:clamp(30px,2.9vw,42px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:.01em;
  color:#fff;
}
.feature-hero-copy p{
  max-width:700px;
  margin:0 0 24px;
  font-size:20px;
  line-height:1.48;
  color:#fff;
}
.feature-kicker{
  display:inline-flex;
  margin-bottom:22px!important;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  font-size:12px!important;
  line-height:1!important;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.feature-hero-visual{
  position:relative;
  min-height:395px;
  background:#f7f4f6;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
  overflow:hidden;
}
.feature-hero-visual.has-video{
  aspect-ratio:16/9;
  min-height:0;
  background:#050b18;
  border-radius:0;
}
.feature-hero-video{
  display:block;
  width:100%;
  height:100%;
  border:0;
  object-fit:cover;
}

.mock-browser{
  height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 18px;
  background:#fff;
  border-bottom:1px solid #e8edf4;
}
.mock-browser span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#d8dee9;
}
.mock-app{
  min-height:353px;
  display:grid;
  grid-template-columns:180px 1fr;
  background:linear-gradient(90deg,#f5f1f4 0,#fff 45%,#f7f4f6 100%);
}
.mock-sidebar{
  padding:34px 22px;
  border-right:1px solid #e7eaf0;
}
.mock-sidebar i{
  display:block;
  height:12px;
  margin-bottom:18px;
  border-radius:999px;
  background:#d7dde7;
}
.mock-sidebar i:nth-child(1){width:88%}
.mock-sidebar i:nth-child(2){width:70%}
.mock-sidebar i:nth-child(3){width:95%}
.mock-sidebar i:nth-child(4){width:62%}
.mock-content{
  padding:42px 32px;
}
.mock-topline{
  width:190px;
  height:28px;
  margin:0 auto 28px;
  border:1px solid #cdd8e8;
  background:#f9fbff;
}
.mock-card{
  background:#fff;
  border:1px solid #e7eaf0;
  border-radius:10px;
  box-shadow:0 18px 34px rgba(16,24,40,.08);
}
.mock-card.main{
  padding:26px 30px;
  min-height:142px;
}
.mock-card.main b{
  display:block;
  margin-bottom:22px;
  color:#617083;
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-align:center;
}
.mock-card.main em{
  display:block;
  height:11px;
  margin-top:14px;
  border-radius:999px;
  background:#d9e0ea;
}
.mock-card.main em:nth-of-type(1){width:92%}
.mock-card.main em:nth-of-type(2){width:78%}
.mock-card.main em:nth-of-type(3){width:58%}
.mock-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:18px;
}
.mock-grid .mock-card{
  min-height:72px;
  border-radius:12px;
}
.feature-page-body{
  width:min(980px,100% - 48px);
  margin:88px auto 78px;
}
.feature-page-body .content{
  color:#596579;
  font-size:18px;
  line-height:1.78;
}
.feature-page-body .content h2{
  margin:48px 0 18px;
  color:#111827;
  font-size:clamp(34px,4vw,48px);
  line-height:1.12;
  letter-spacing:-.035em;
  text-align:center;
}
.feature-page-body .content h3{
  margin:32px 0 12px;
  color:#111827;
  font-size:26px;
  letter-spacing:-.02em;
}
.feature-page-body .content ul,
.feature-page-body .content ol{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:0;
  list-style:none;
}
.feature-page-body .content li{
  position:relative;
  padding:18px 18px 18px 52px;
  border-radius:22px;
  background:#fff;
  border:1px solid #e6eaf1;
  box-shadow:0 14px 34px rgba(8,17,31,.05);
}
.feature-page-body .content li:before{
  content:"✓";
  position:absolute;
  left:18px;
  top:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:rgba(247,115,98,.13);
  color:var(--accent);
  font-weight:900;
}
.feature-body-cta-wrap{
  display:flex;
  justify-content:center;
  margin:58px 0 4px!important;
  text-align:center;
}
.feature-page-body .content .feature-body-cta{
  max-width:720px;
  margin:0;
  padding:21px 34px;
  border:2px solid rgba(255,255,255,.72);
  outline-offset:5px;
  box-shadow:0 20px 44px rgba(247,115,98,.34),0 12px 28px rgba(8,17,31,.16);
}
.feature-page-body .content .feature-body-cta:focus-visible{
  outline:3px solid #101b31;
}
@media(max-width:1280px){
  .feature-hero-inner{grid-template-columns:1fr;gap:42px}
  .feature-hero-visual{width:min(698px,100%);margin:0 auto}
  .feature-hero{min-height:auto}
}
@media(max-width:760px){
  .feature-hero{padding-top:42px;padding-bottom:170px}
  .feature-hero-inner{width:100%;padding:0 24px}
  .feature-hero-copy h1{font-size:30px;margin-bottom:20px}
  .feature-hero-copy p{font-size:18px}
  .feature-hero-visual{min-height:300px}
  .feature-hero-visual.has-video{min-height:0}
  .mock-app{grid-template-columns:1fr}.mock-sidebar{display:none}.mock-content{padding:26px 18px}.mock-grid{grid-template-columns:1fr}
  .feature-page-body{width:calc(100% - 48px);margin-top:58px}
  .feature-page-body .content ul,.feature-page-body .content ol{grid-template-columns:1fr}
  .feature-body-cta-wrap{margin-top:44px!important}
  .feature-page-body .content .feature-body-cta{width:100%;padding:18px 24px;font-size:16px;letter-spacing:.06em}
}

/* ===== FEATURE HUB + INTERLINKING ===== */
.nav-dropdown{position:relative;display:inline-flex;align-items:center}
.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:2px;line-height:1}
.nav-dropdown:hover .chevron,.nav-dropdown:focus-within .chevron,.nav-dropdown.is-open .chevron{transform:rotate(225deg) translateY(-2px);opacity:1}
.nav-dropdown:after{content:"";position:absolute;left:-18px;right:-18px;top:100%;height:18px}
.nav-dropdown-menu{position:absolute;top:100%;left:50%;z-index:120;width:min(390px,calc(100vw - 48px));max-height:min(68vh,560px);overflow:auto;margin-top:18px;padding:12px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 70px rgba(8,17,31,.22);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.18s ease;white-space:normal}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-dropdown-menu a{display:block!important;padding:11px 13px!important;border-radius:12px;color:#172033!important;font-size:14px!important;line-height:1.25;text-decoration:none;font-weight:850;white-space:normal!important;text-align:left}
.nav-dropdown-menu a:hover{background:#f3f6fb;color:var(--accent)!important}
.feature-hub{position:relative;width:min(1160px,100% - 48px);margin:95px auto 85px;padding:54px;border-radius:42px;background:#fff;border:1px solid #e8edf4;box-shadow:0 28px 90px rgba(8,17,31,.08)}
.feature-hub-head{max-width:820px;margin:0 auto 34px;text-align:center}
.feature-hub-eyebrow{display:inline-flex;align-items:center;justify-content:center;margin:0 0 14px;padding:8px 13px;border-radius:999px;background:rgba(247,115,98,.11);color:var(--accent);font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.feature-hub h2,.feature-related h2{margin:0 0 14px;color:#111827;font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.04em}
.feature-hub-head p,.feature-related-head p{margin:0;color:#596579;font-size:18px;line-height:1.65}
.feature-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.feature-hub-card{display:flex;flex-direction:column;min-height:190px;padding:24px;border-radius:26px;background:#f8fafc;border:1px solid #e5eaf2;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.feature-hub-card:hover{transform:translateY(-5px);background:#fff;border-color:rgba(247,115,98,.35);box-shadow:0 18px 45px rgba(8,17,31,.1)}
.feature-hub-card span{display:block;margin-bottom:12px;color:#111827;font-size:18px;line-height:1.25;font-weight:950;letter-spacing:-.02em}
.feature-hub-card small{display:block;color:#64748b;font-size:14px;line-height:1.5}
.feature-hub-card b{margin-top:auto;padding-top:18px;color:var(--accent);font-size:14px;font-weight:950}
.feature-related{margin-top:70px;padding-top:50px;border-top:1px solid #e8edf4}
.feature-related-head{max-width:820px;margin:0 auto 32px;text-align:center}
.feature-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:960px){.feature-hub{padding:34px}.feature-hub-grid,.feature-related-grid{grid-template-columns:1fr 1fr}.nav-dropdown{display:inline-flex;align-items:flex-start}.nav-dropdown-menu{display:block;top:calc(100% + 10px);left:0;width:min(360px,calc(100vw - 48px));max-height:min(70vh,520px);overflow:auto}}
@media(max-width:760px){.nav{flex-direction:row;flex-wrap:wrap;align-items:center;gap:0}.nav-toggle{display:inline-flex;width:46px;height:46px;margin-left:auto;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid rgba(255,255,255,.42);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.nav-toggle span:not(.sr-only){display:block;width:21px;height:2px;border-radius:999px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.nav.is-menu-open .nav-toggle span:nth-of-type(2){transform:translateY(7px) rotate(45deg)}.nav.is-menu-open .nav-toggle span:nth-of-type(3){opacity:0}.nav.is-menu-open .nav-toggle span:nth-of-type(4){transform:translateY(-7px) rotate(-45deg)}.nav nav{width:100%;display:grid;grid-template-columns:1fr;align-items:flex-start;gap:0;max-height:0;overflow:hidden;visibility:hidden;opacity:0;margin-top:0;padding-top:0;border-top:0;transition:max-height .24s ease,opacity .18s ease,margin .18s ease,padding .18s ease,visibility .18s ease;white-space:normal}.nav.is-menu-open nav{max-height:80vh;overflow:auto;visibility:visible;opacity:1;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}.nav nav>a,.nav-dropdown-trigger{width:100%;padding:14px 0}.nav-dropdown{display:block;width:100%;position:relative}.nav-dropdown-trigger{width:100%}.nav-dropdown:after{display:none}.nav-dropdown-menu{position:static;width:100%;max-height:0;overflow:hidden;margin:0;padding:0;border:0;box-shadow:none;border-radius:18px;opacity:0;visibility:hidden;transform:none!important;transition:max-height .22s ease,opacity .18s ease,margin .18s ease,padding .18s ease}.nav-dropdown.is-open .nav-dropdown-menu{max-height:340px;overflow:auto;margin:8px 0 4px;padding:10px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 42px rgba(8,17,31,.18);opacity:1;visibility:visible}.nav-dropdown-menu a{padding:12px 13px!important;font-size:15px!important;line-height:1.25!important}.login-pill,.login-link{width:100%;margin-top:8px;text-align:left}.nav-trial{width:100%;margin-top:10px}}
@media(max-width:640px){.feature-hub{width:calc(100% - 32px);margin:60px auto;padding:24px;border-radius:30px}.feature-hub-grid,.feature-related-grid{grid-template-columns:1fr}.feature-hub-card{min-height:0}.feature-related{margin-top:48px;padding-top:36px}}


/* ===== FIX FEATURE HUB CARDS 20260514B ===== */
.feature-hub{
  clear:both!important;
  display:block!important;
  position:relative!important;
  width:min(1160px,100% - 48px)!important;
  margin:95px auto 85px!important;
  padding:54px!important;
  border-radius:42px!important;
  background:#fff!important;
  border:1px solid #e8edf4!important;
  box-shadow:0 28px 90px rgba(8,17,31,.08)!important;
}
.feature-hub-head{max-width:820px!important;margin:0 auto 34px!important;text-align:center!important}
.feature-hub-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
.feature-hub-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:190px!important;
  padding:24px!important;
  border-radius:26px!important;
  background:#f8fafc!important;
  border:1px solid #e5eaf2!important;
  color:#111827!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.feature-hub-card span{display:block!important;margin-bottom:12px!important;color:#111827!important;font-size:18px!important;line-height:1.25!important;font-weight:950!important;letter-spacing:-.02em!important}
.feature-hub-card small{display:block!important;color:#64748b!important;font-size:14px!important;line-height:1.5!important}
.feature-hub-card b{display:block!important;margin-top:auto!important;padding-top:18px!important;color:var(--accent)!important;font-size:14px!important;font-weight:950!important}
.feature-hub-card:hover{transform:translateY(-5px)!important;background:#fff!important;border-color:rgba(247,115,98,.35)!important;box-shadow:0 18px 45px rgba(8,17,31,.1)!important}
@media(max-width:960px){.feature-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.feature-hub{width:calc(100% - 32px)!important;margin:60px auto!important;padding:24px!important;border-radius:30px!important}.feature-hub-grid{grid-template-columns:1fr!important}.feature-hub-card{min-height:0!important}}

/* ===== BLOQUE: CÓMO FUNCIONA EL PRODUCTO ===== */
.product-explainer{
  width:min(1180px,100% - 48px);
  margin:-18px auto 78px;
  padding:62px 0 6px;
}
.product-explainer-head{
  max-width:760px;
  margin:0 0 34px;
}
.product-explainer-head span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  padding:9px 14px;
  border-radius:999px;
  background:rgba(247,115,98,.12);
  color:var(--accent);
  font-weight:900;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.product-explainer-head h2{
  max-width:620px;
  margin:0;
  color:#101b31;
  font-size:clamp(34px,4.2vw,54px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:950;
}
.product-explainer-head p{
  max-width:720px;
  margin:18px 0 0;
  color:#607086;
  font-size:18px;
  line-height:1.75;
}
.product-orbit-shell{
  position:relative;
  min-height:820px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:8px;
  border-radius:0;
  background:transparent;
  border:0;
  overflow:visible;
}
.product-orbit-shell:before,
.product-orbit-shell:after{
  display:none;
}
.product-orbit-center{
  position:absolute;
  z-index:2;
  width:min(310px,42vw);
  min-height:224px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:34px 32px;
  border-radius:999px;
  text-align:center;
  background:linear-gradient(145deg,rgba(16,27,49,.98),rgba(25,39,66,.96));
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 34px 100px rgba(8,17,31,.28),inset 0 1px 0 rgba(255,255,255,.12);
  transition:opacity .28s ease,transform .28s ease;
  overflow:hidden;
  isolation:isolate;
}
.product-orbit-center:before{content:"";position:absolute;inset:-18%;z-index:0;display:block;border-radius:inherit;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.22),transparent 26%),radial-gradient(circle at 78% 76%,rgba(247,115,98,.18),transparent 30%);opacity:.72;animation:productBubbleSheen 8s ease-in-out infinite;pointer-events:none}.product-orbit-center:after{content:"";position:absolute;left:50%;top:20px;width:92px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,#f77362,transparent);transform:translateX(-50%);opacity:.9;animation:productBubbleGlow 3.8s ease-in-out infinite}
.product-orbit-shell.has-active .product-orbit-center{
  opacity:0;
  transform:scale(.92);
  animation:none;
  pointer-events:none;
}
.product-orbit-center span{
  position:relative;
  z-index:1;
  margin-bottom:14px;
  color:#f77362;
  font-size:12px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.product-orbit-center strong{
  position:relative;
  z-index:1;
  display:block;
  max-width:245px;
  font-size:clamp(26px,2.65vw,38px);
  line-height:1;
  letter-spacing:-.06em;
  font-weight:950;
}
.product-orbit-center small{
  position:relative;
  z-index:1;
  display:block;
  max-width:235px;
  margin:16px auto 0;
  color:rgba(255,255,255,.76);
  font-size:15px;
  line-height:1.55;
}
.product-explainer-grid.product-orbit{
  --orbit-radius:min(300px,27vw);
  position:relative;
  width:100%;
  min-height:820px;
  animation:productOrbitSpin 78s linear infinite;
  transform-origin:center;
}
.product-orbit-shell.has-active .product-orbit{
  animation-play-state:paused;
}
.explainer-card{
  position:absolute;
  left:50%;
  top:50%;
  width:220px;
  min-height:210px;
  transform:rotate(var(--angle)) translate(var(--orbit-radius)) rotate(var(--counter-angle)) translate(-50%,-50%);
  transform-origin:center;
  outline:none;
}
.explainer-card-shell{
  width:100%;
  min-height:210px;
  border-radius:24px;
  perspective:1100px;
  animation:productOrbitCounterSpin 78s linear infinite;
}
.product-orbit-shell.has-active .explainer-card-shell{
  animation-play-state:paused;
}
.explainer-flip{
  position:relative;
  min-height:210px;
  border-radius:24px;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .28s ease;
}
.explainer-card:hover,
.explainer-card:focus-within,
.explainer-card.is-active{z-index:20}
.explainer-card:hover .explainer-flip,
.explainer-card:focus-within .explainer-flip,
.explainer-card.is-active .explainer-flip{
  transform:scale(1.05);
  filter:drop-shadow(0 30px 54px rgba(8,17,31,.2));
}
.explainer-card.is-dimmed{opacity:.42}
.explainer-card.is-active{
  left:50%;
  top:50%;
  width:min(520px,calc(100% - 96px));
  transform:translate(-50%,-50%);
}
.explainer-card.is-active .explainer-flip{transform:scale(1)}
.explainer-card.is-active .explainer-face-front{padding:18px}
.explainer-card.is-active .explainer-video{border-radius:22px}
.explainer-face{
  position:relative;
  min-height:210px;
  padding:14px;
  border-radius:24px;
  background:#fff;
  border:1px solid #e8edf4;
  box-shadow:0 18px 50px rgba(8,17,31,.07);
  overflow:hidden;
}
.explainer-face-back{
  display:none;
  align-items:center;
  min-height:0;
  margin-top:12px;
  background:linear-gradient(145deg,#101b31,#17243d);
  border-color:rgba(255,255,255,.14);
  color:#fff;
}
.explainer-card.is-active .explainer-face-back{display:flex}
.explainer-video{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
  border-radius:18px;
  background:linear-gradient(135deg,#f5f7fb,#fff3ef);
  border:1px solid #edf0f5;
}
.explainer-video iframe,
.explainer-video video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
  object-fit:cover;
}
.explainer-activate{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  background:linear-gradient(180deg,rgba(16,27,49,.08),rgba(16,27,49,.45));
  color:#fff;
  cursor:pointer;
  opacity:0;
  transition:opacity .22s ease;
}
.explainer-activate span{
  padding:11px 15px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#101b31;
  font-size:12px;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
  box-shadow:0 16px 34px rgba(8,17,31,.2);
}
.explainer-card:hover .explainer-activate,
.explainer-card:focus-within .explainer-activate{opacity:1}
.explainer-card.is-active .explainer-activate{display:none}
.explainer-mini-copy{padding:14px 8px 4px}
.explainer-mini-copy strong{
  display:inline-flex;
  margin-bottom:8px;
  color:var(--accent);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.explainer-mini-copy .explainer-card-title{
  margin:0;
  color:#101b31;
  font-size:17px;
  font-weight:800;
  line-height:1.12;
  letter-spacing:-.035em;
}
.explainer-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#101b31;
  text-align:center;
}
.explainer-placeholder span{
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--accent);
  color:#fff;
  box-shadow:0 18px 42px rgba(247,115,98,.28);
}
.explainer-placeholder small{
  font-weight:800;
  color:#607086;
}
.explainer-copy{
  padding:12px;
}
.explainer-copy strong{
  display:inline-flex;
  margin-bottom:10px;
  color:#42cbb6;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.explainer-copy .explainer-card-title{
  margin:0;
  color:#fff;
  font-size:20px;
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.035em;
}
.explainer-copy p{
  margin:10px 0 0;
  color:rgba(255,255,255,.74);
  font-size:15px;
  line-height:1.6;
}
.explainer-copy span{
  display:inline-flex;
  margin-top:18px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
}
@keyframes productOrbitSpin{to{transform:rotate(360deg)}}
@keyframes productOrbitCounterSpin{to{transform:rotate(-360deg)}}
@keyframes productBubbleSheen{0%,100%{transform:translate3d(-2%,0,0) rotate(0deg);opacity:.62}50%{transform:translate3d(4%,-3%,0) rotate(8deg);opacity:.88}}
@keyframes productBubbleGlow{0%,100%{opacity:.55;width:74px}50%{opacity:1;width:118px}}
@media(max-width:1050px){
  .product-orbit-shell{min-height:auto;display:block;padding:28px;border-radius:40px}
  .product-orbit-shell:before,.product-orbit-shell:after{display:none}
  .product-orbit-center{position:relative;z-index:1;display:flex;width:min(100%,360px);min-height:0;margin:0 auto 28px;padding:30px 28px;border-radius:34px;transform:none;animation:none}
  .product-orbit-shell.has-active .product-orbit-center{opacity:1;transform:none;pointer-events:auto}
  .product-explainer-grid.product-orbit{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
    min-height:0;
    animation:none;
  }
  .explainer-card{position:relative;left:auto;top:auto;width:auto;transform:none}
  .explainer-card.is-active{width:auto}
  .explainer-card-shell{animation:none}
}
@media(max-width:760px){
  .product-explainer{width:100%;padding:46px 24px 0;margin:0 auto 58px}
  .product-explainer-head h2{font-size:32px}
  .product-explainer-head p{font-size:16px}
  .product-orbit-shell{margin-left:-8px;margin-right:-8px;padding:14px;border-radius:28px}
  .product-orbit-center{width:100%;align-items:flex-start;margin-bottom:24px;padding:8px 0 18px;border-radius:0;text-align:left;background:transparent;border:0;box-shadow:none;color:#101b31}
  .product-orbit-center:after{display:none}
  .product-orbit-center span{display:inline-flex;margin:0 0 18px;padding:9px 18px;border-radius:999px;background:rgba(247,115,98,.13);color:#075ed0;font-size:13px;letter-spacing:.18em}
  .product-orbit-center strong{max-width:360px;color:#101b31;font-size:42px;line-height:.98;letter-spacing:-.065em}
  .product-orbit-center small{max-width:340px;margin:22px 0 0;color:#607086;font-size:20px;line-height:1.55}
  .product-explainer-grid.product-orbit{grid-template-columns:1fr;gap:16px}
  .explainer-card,.explainer-card-shell,.explainer-flip,.explainer-face{min-height:250px}
}
@media (prefers-reduced-motion:reduce){.product-explainer-grid.product-orbit,.explainer-card-shell{animation:none!important}.explainer-flip{transition:none!important}}
@media (hover:none){.explainer-activate{opacity:1}}

/* ===== HOW TO: QUÉ ES FIBBEL ===== */
.fibbel-howto-section{width:min(1180px,100% - 48px);margin:18px auto 94px;padding:54px 0;color:#101b31}.fibbel-howto-intro{max-width:880px;margin:0 0 44px}.fibbel-howto-intro span{display:inline-flex;margin-bottom:14px;padding:8px 13px;border-radius:999px;background:rgba(247,115,98,.12);color:var(--accent);font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.fibbel-howto-intro h2{max-width:820px;margin:0;color:#101b31;font-size:clamp(34px,4.5vw,58px);line-height:1;letter-spacing:-.06em;font-weight:950}.fibbel-howto-intro p{max-width:820px;margin:18px 0 0;color:#607086;font-size:18px;line-height:1.7}.fibbel-howto-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;border-top:1px solid #dfe6ef;border-bottom:1px solid #dfe6ef}.fibbel-howto-columns article{position:relative;padding:34px 30px 38px 0}.fibbel-howto-columns article+article{padding-left:30px;border-left:1px solid #dfe6ef}.fibbel-howto-columns small{display:block;margin-bottom:20px;color:var(--accent);font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.fibbel-howto-columns h3{margin:0 0 18px;color:#101b31;font-size:30px;line-height:1.04;letter-spacing:-.055em;font-weight:950}.fibbel-howto-columns p{margin:0;color:#526174;font-size:16px;line-height:1.75}.fibbel-howto-columns ul{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none}.fibbel-howto-columns li{position:relative;padding-left:24px;color:#25324a;font-size:15px;line-height:1.45;font-weight:760}.fibbel-howto-columns li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(247,115,98,.12)}@media(max-width:960px){.fibbel-howto-section{padding:34px 0}.fibbel-howto-columns{grid-template-columns:1fr;gap:0}.fibbel-howto-columns article{padding:28px 0}.fibbel-howto-columns article+article{padding-left:0;border-left:0;border-top:1px solid #dfe6ef}}@media(max-width:620px){.fibbel-howto-section{width:100%;margin:10px auto 70px;padding:34px 24px}.fibbel-howto-intro h2{font-size:32px}.fibbel-howto-intro p{font-size:16px}.fibbel-howto-columns h3{font-size:26px}}

/* ===== TESTIMONIOS: COLUMNAS ANIMADAS ===== */
.testimonials-marquee-section{position:relative;width:100%;margin:30px auto 84px;padding:220px 0 220px;border-radius:0;background:var(--navy);border:0;box-shadow:none;overflow:hidden;color:#fff}
.testimonials-marquee-head{position:relative;z-index:2;max-width:720px;margin:0 auto 38px;text-align:center}.testimonials-marquee-head span{display:inline-flex;margin-bottom:12px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.testimonials-marquee-head h2{margin:0;color:#fff;font-size:clamp(32px,4.2vw,52px);line-height:1.02;font-weight:950;letter-spacing:-.055em}.testimonials-marquee-head p{max-width:620px;margin:16px auto 0;color:rgba(255,255,255,.78);font-size:18px;line-height:1.7}
.testimonials-marquee{position:relative;z-index:2;width:min(1180px,100% - 48px);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-height:720px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent)}
.testimonials-wave{position:absolute;z-index:1;left:0;right:0;width:100%;height:280px;display:block;pointer-events:none}.testimonials-wave path{fill:var(--paper)}.testimonials-wave-bottom{bottom:-1px}.testimonials-wave-top{top:-1px;transform:rotate(180deg)}
.testimonial-column{overflow:visible}.testimonial-track{display:grid;gap:22px;padding:12px 0 34px;animation:testimonialsScroll 18s linear infinite;will-change:transform}.testimonial-column-2 .testimonial-track{animation-duration:23s;animation-direction:reverse}.testimonial-column-3 .testimonial-track{animation-duration:20s}.testimonials-marquee:hover .testimonial-track{animation-play-state:paused}
.testimonial-card{position:relative;z-index:1;padding:34px;border-radius:28px;background:#fff;border:1px solid #e5e7eb;box-shadow:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.testimonial-card:hover,.testimonial-card:focus-within{z-index:5;transform:translateY(-6px);box-shadow:0 16px 36px rgba(17,24,39,.10);border-color:#d9dee7}.testimonial-card p{margin:0;color:#555;font-size:16px;line-height:1.75}.testimonial-card footer{display:flex;align-items:center;gap:13px;margin-top:26px;padding:0;border:0;color:inherit}.testimonial-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,var(--accent),#ffb8af);color:#fff;font-weight:950;box-shadow:none}.testimonial-card b{display:block;color:#171717;font-size:15px}.testimonial-card small{display:block;margin-top:3px;color:#737373;font-size:13px}
@keyframes testimonialsScroll{to{transform:translateY(-50%)}}
@media(max-width:900px){.testimonials-marquee{grid-template-columns:1fr 1fr}.testimonial-column-3{display:none}.testimonials-marquee-section{padding:170px 0 190px}.testimonials-marquee-head{width:calc(100% - 48px)}}
@media(max-width:620px){.testimonials-marquee{grid-template-columns:1fr;max-height:620px}.testimonial-column-2{display:none}.testimonials-marquee-head{text-align:left}.testimonials-marquee-head h2{font-size:32px}.testimonials-wave{height:170px}.testimonials-marquee-section{padding-top:130px}}
@media (prefers-reduced-motion:reduce){.testimonial-track{animation:none!important}}

/* ===== EQUIPO: SHOWCASE INTERACTIVO ===== */
.team-showcase-section{width:min(1120px,100% - 48px);margin:42px auto 86px;padding:0;color:#101b31}.team-showcase-head{max-width:760px;margin:0 0 34px}.team-showcase-head span{display:inline-flex;margin-bottom:14px;padding:9px 14px;border-radius:999px;background:rgba(247,115,98,.12);color:var(--accent);font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.team-showcase-head h2{max-width:760px;margin:0;color:#101b31;font-size:clamp(34px,4.2vw,56px);line-height:1;letter-spacing:-.055em;font-weight:950}.team-showcase-head p{max-width:680px;margin:18px 0 0;color:#607086;font-size:18px;line-height:1.7}.team-showcase{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.82fr);gap:54px;align-items:flex-start}.team-photo-grid{display:flex;gap:14px;overflow:visible}.team-photo-column{display:flex;flex-direction:column;gap:14px}.team-photo-column-2{padding-top:68px}.team-photo-column-3{padding-top:32px}.team-photo-card{width:164px;height:176px;flex:0 0 auto;padding:0;border:0;border-radius:24px;background:#dbe3ef;overflow:hidden;cursor:pointer;box-shadow:0 18px 48px rgba(8,17,31,.09);transition:opacity .28s ease,transform .28s ease,box-shadow .28s ease}.team-photo-column-2 .team-photo-card{width:182px;height:194px}.team-photo-column-3 .team-photo-card{width:172px;height:184px}.team-photo-card img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(1) brightness(.78);transition:filter .42s ease,transform .42s ease}.team-photo-card:hover,.team-photo-card:focus-visible,.team-photo-card.is-active{transform:translateY(-5px);box-shadow:0 26px 64px rgba(8,17,31,.16)}.team-photo-card:hover img,.team-photo-card:focus-visible img,.team-photo-card.is-active img{filter:grayscale(0) brightness(1);transform:scale(1.045)}.team-showcase.has-active .team-photo-card.is-dimmed{opacity:.48}.team-member-list{display:grid;gap:18px;padding-top:8px}.team-member-row{cursor:pointer;outline:none;transition:opacity .25s ease,transform .25s ease}.team-showcase.has-active .team-member-row.is-dimmed{opacity:.48}.team-member-row:hover,.team-member-row:focus-visible,.team-member-row.is-active{transform:translateX(4px)}.team-member-line{display:flex;align-items:center;gap:12px}.team-member-line i{width:16px;height:12px;border-radius:5px;background:rgba(16,27,49,.22);transition:width .25s ease,background .25s ease}.team-member-row:hover .team-member-line i,.team-member-row:focus-visible .team-member-line i,.team-member-row.is-active .team-member-line i{width:24px;background:#101b31}.team-member-line h3{margin:0;color:#101b31;font-size:21px;line-height:1.05;font-weight:900;letter-spacing:-.035em}.team-member-role{margin:8px 0 0 36px;color:#607086;font-size:11px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.team-member-passion{max-height:0;margin:0 0 0 36px;overflow:hidden;color:#405066;font-size:15px;line-height:1.55;opacity:0;transition:max-height .32s ease,opacity .24s ease,margin-top .24s ease}.team-member-row:hover .team-member-passion,.team-member-row:focus-visible .team-member-passion,.team-member-row.is-active .team-member-passion{max-height:140px;margin-top:10px;opacity:1}@media(max-width:980px){.team-showcase{grid-template-columns:1fr;gap:34px}.team-photo-grid{overflow-x:auto;padding-bottom:10px}.team-member-list{grid-template-columns:1fr 1fr}.team-photo-card{width:142px;height:154px}.team-photo-column-2 .team-photo-card{width:156px;height:168px}.team-photo-column-3 .team-photo-card{width:148px;height:160px}}@media(max-width:640px){.team-showcase-section{width:100%;padding:0 24px;margin:34px auto 64px}.team-showcase-head h2{font-size:32px}.team-showcase-head p{font-size:16px}.team-photo-grid{margin:0 -24px;padding:0 24px 12px}.team-member-list{grid-template-columns:1fr}.team-photo-column-2{padding-top:48px}.team-photo-column-3{padding-top:24px}}

.feature-hub-eyebrow,.fibbel-howto-intro span,.team-showcase-head span{color:#101b31!important}
@media(max-width:760px){.product-orbit-center span{color:#101b31!important}}

/* Floating WhatsApp CTA */
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:9980;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 12px 28px rgba(8,17,31,.18);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:translateY(-2px);box-shadow:0 16px 34px rgba(8,17,31,.24);background:#1ebe5d;outline:none}
.whatsapp-float svg{display:block;width:29px;height:29px;fill:currentColor}
@media(max-width:560px){.whatsapp-float{right:14px;bottom:14px;width:48px;height:48px}.whatsapp-float svg{width:27px;height:27px}}

/* Lead popup */
body.lead-modal-open{overflow:hidden}
.lead-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}
.lead-modal.is-open{display:flex}
.lead-modal-backdrop{position:absolute;inset:0;background:rgba(10,18,32,.62);backdrop-filter:blur(5px)}
.lead-modal-panel{position:relative;width:min(520px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border-radius:28px;padding:30px;box-shadow:0 28px 80px rgba(10,18,32,.28);color:#101b31}
.lead-modal-close{position:absolute;top:14px;right:16px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f4f8;color:#101b31;font-size:28px;line-height:1;cursor:pointer}
.lead-modal-kicker{margin:0 0 8px;color:var(--accent);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.lead-modal-panel h2{margin:0 42px 10px 0;font-size:30px;line-height:1.05;letter-spacing:-.04em}
.lead-modal-panel p{margin:0 0 18px;color:#607086;line-height:1.55}
.lead-modal-form{display:grid;grid-template-columns:1fr;gap:12px}
.lead-modal-form label{display:grid;gap:6px;font-size:13px;font-weight:850;color:#101b31}
.lead-modal-form input,.lead-modal-form textarea,.lead-modal-form select{width:100%;border:1px solid #d8e0ea;border-radius:14px;padding:12px 14px;font:inherit;color:#101b31;background:#fff;outline:none}
.lead-modal-form input:focus,.lead-modal-form textarea:focus,.lead-modal-form select:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(247,115,98,.15)}
.phone-field{display:grid;grid-template-columns:128px 1fr;gap:8px}
.phone-field select,.phone-field input{min-width:0}
.phone-prefix{display:grid;grid-template-columns:34px 1fr;align-items:center;border:1px solid #d8e0ea;border-radius:14px;background:#fff;overflow:hidden}
.phone-prefix:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(247,115,98,.15)}
.phone-prefix select{border:0!important;border-radius:0!important;padding-left:4px!important;box-shadow:none!important}
.phone-flag{display:flex;align-items:center;justify-content:center;padding-left:10px}
.phone-flag img{display:block;width:24px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(16,27,49,.08)}
.lead-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.lead-recaptcha{grid-column:1/-1;min-height:78px;display:flex;align-items:center;overflow:hidden}
.lead-modal-form button{border:0;border-radius:999px;background:#101b31;color:#fff;font-weight:950;padding:14px 18px;cursor:pointer;margin-top:4px}
.lead-modal-form button:hover{transform:translateY(-1px)}
@media(max-width:560px){.lead-modal{padding:14px}.lead-modal-panel{border-radius:22px;padding:24px 18px}.lead-modal-panel h2{font-size:26px}.phone-field{grid-template-columns:1fr}}