:root{--red:#e20714;--red2:#ff3440;--ink:#070707;--surface:#101010;--surface2:#171717;--line:#292929;--muted:#a6a6a6;--white:#f8f8f8;--max:1160px;--bubble-border:#ffffff1f;--bubble-bg:linear-gradient(180deg,#ffffff0f,#ffffff05);--bubble-on-border:#ff344052;--bubble-on-bg:linear-gradient(135deg,#e2071438,#ff34401a);--bubble-glow:0 0 16px -4px #e2071466,inset 0 1px 0 #ffffff1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Archivo,Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.eyebrow{color:var(--red2);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.btn{font-family:inherit;border:1px solid #424242;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-size:.82rem;font-weight:800;letter-spacing:.06em;padding:15px 21px;text-transform:uppercase;transition:.2s;min-height:48px}.btn:hover{transform:translateY(-2px)}.btn-red{background:var(--red);border-color:var(--red);color:#fff}.btn-red:hover{background:var(--red2)}.btn-dark{background:#141414}.btn-dark:hover{border-color:#777}.section{padding:92px 0}.section-head{max-width:650px;margin-bottom:42px}.section-head h2{font-size:clamp(2.2rem,5vw,4.15rem);letter-spacing:-.065em;line-height:.96;margin:11px 0 16px}.section-head p{color:var(--muted);margin:0;max-width:540px}.site-header{height:76px;display:flex;align-items:center;position:absolute;z-index:5;left:0;right:0;border-bottom:1px solid #ffffff18}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1rem;font-weight:900;letter-spacing:-.05em}.brand span{color:var(--red2)}.nav-links{display:flex;gap:21px;color:#d1d1d1;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.nav-links a:hover{color:var(--red2)}.nav-actions{display:flex;align-items:center;gap:16px}.nav .btn{padding:11px 15px;min-height:40px;font-size:.67rem}.hero{padding:154px 0 80px;overflow:hidden;position:relative;background:radial-gradient(circle at 83% 30%,#3a0005 0%,transparent 25%),linear-gradient(115deg,#070707 45%,#131313)}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #e2071440;border-radius:50%;right:-160px;bottom:-250px}.hero-grid{align-items:center;display:grid;grid-template-columns:1.15fr .85fr;gap:42px;position:relative;z-index:1}.hero h1{font-size:clamp(3.1rem,7vw,6.5rem);letter-spacing:-.085em;line-height:.86;margin:15px 0 22px;max-width:780px}.hero h1 em{color:var(--red2);font-style:normal}.hero p{color:#b9b9b9;font-size:1.06rem;max-width:560px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.proof{display:flex;flex-wrap:wrap;gap:24px;margin-top:45px}.proof div{border-left:2px solid var(--red);padding-left:11px}.proof b{display:block;font-size:.95rem}.proof small{color:#939393;font-size:.7rem}.photo-slot{min-height:460px;background:linear-gradient(135deg,#202020,#0e0e0e);border:1px solid #333;display:flex;flex-direction:column;justify-content:end;padding:27px;position:relative;overflow:hidden}.photo-slot:before{content:"";position:absolute;inset:12px;border:1px solid #e2071460}.slot-label{color:#dadada;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;position:relative}.slot-detail{color:#888;font-size:.75rem;position:relative}.method{background:#101010}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.pillar{background:#101010;padding:28px 23px}.pillar-icon{width:28px;height:28px;color:var(--red2)}.pillar h3{font-size:1.08rem;margin:25px 0 10px}.pillar p{color:var(--muted);font-size:.89rem;margin:0}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.result{aspect-ratio:1/.92;background:linear-gradient(145deg,#202020,#111);border:1px solid #292929;display:flex;align-items:end;padding:18px;position:relative}.result:before{content:"ANTES / DESPUÉS";position:absolute;left:18px;top:16px;color:var(--red2);font-size:.65rem;font-weight:900;letter-spacing:.11em}.result span{font-size:.75rem;color:#c4c4c4;font-weight:800}.results-note{color:#8c8c8c;font-size:.75rem;margin-top:19px}.about{background:linear-gradient(150deg,rgba(226,7,20,.22),var(--ink) 60%);color:var(--white)}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.about-slot{aspect-ratio:.85;background:linear-gradient(140deg,#2a2a2a,#111);border:1px solid var(--line);display:flex;align-items:end;padding:22px;color:#fff}.about-slot .slot-label{color:#111}.about-slot .slot-detail{color:#262626}.about-copy h2{font-size:clamp(2.5rem,5vw,4.4rem);letter-spacing:-.075em;line-height:.88;margin:15px 0 23px}.about-copy p{font-size:1.08rem;color:var(--muted);max-width:590px}.about-copy .btn{margin-top:13px}.services{background:#101010}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{border:1px solid #373737;background:#161616;padding:35px;position:relative;min-height:350px;display:flex;flex-direction:column}.plan .plan-link{margin-top:auto}.plan.featured{border-color:var(--red);background:linear-gradient(150deg,#260305,#151515)}.tag{color:var(--red2);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.plan h3{font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.06em;line-height:1;margin:27px 0 15px}.plan p{color:#adadad;margin:0;max-width:420px}.price{font-size:2rem;font-weight:900;margin:28px 0}.plan .btn{margin-top:auto;align-self:flex-start}.steps{padding:56px 0;background:var(--ink)}.steps-wrap{position:relative;overflow:hidden;display:grid;grid-template-columns:.7fr 1.8fr;gap:32px;align-items:center;padding:38px 42px;border:1px solid #2c2c2c;border-radius:14px;background:linear-gradient(150deg,#1d0507,#131313 60%)}.steps-wrap:before{content:"";position:absolute;left:0;top:0;width:34%;height:2px;background:linear-gradient(90deg,var(--red),transparent)}.steps-title{margin:0;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:900;letter-spacing:-.05em;line-height:1.05}.steps-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.step{position:relative;font-size:.9rem;font-weight:800;color:#e8e8e8}.step:not(:last-child):before{content:"";position:absolute;top:17px;left:34px;right:-15px;height:1px;background:linear-gradient(90deg,#e20714,#e2071433)}.step b{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:16px;border:1px solid #e2071499;border-radius:50%;background:#e207141a;color:var(--red2);font-size:.68rem;letter-spacing:.04em}.form-section{background:linear-gradient(120deg,#080808,#171010);padding:92px 0}.form-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:52px}.form-copy h2{font-size:clamp(2.7rem,5vw,4.4rem);line-height:.9;letter-spacing:-.075em;margin:14px 0}.form-copy p{color:#aaa}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field label{color:#d2d2d2;font-size:.71rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.field input,.field select,.field textarea{background:#101010;border:1px solid #383838;border-radius:2px;color:#fff;font:inherit;font-size:.95rem;min-height:50px;padding:12px}.field textarea{min-height:107px;resize:vertical}.field.full{grid-column:1/-1}.consent{color:#999;font-size:.75rem;display:flex;gap:10px;align-items:flex-start}.consent input{margin-top:3px;accent-color:var(--red)}.form-error{color:#ff7480;display:none;font-size:.8rem;grid-column:1/-1}.faq{background:#101010}.faq-list{border-top:1px solid #333;max-width:850px}.faq-item{border-bottom:1px solid #333}.faq-item button{width:100%;background:none;border:0;color:#fff;text-align:left;padding:21px 0;font:inherit;font-weight:800;cursor:pointer;display:flex;justify-content:space-between;gap:18px}.faq-item button:after{content:'+';color:var(--red2);font-size:1.25rem}.faq-answer{display:none;color:#a8a8a8;padding:0 0 21px;font-size:.9rem}.faq-item.open .faq-answer{display:block}.faq-item.open button:after{content:'−'}.site-footer{border-top:1px solid #282828;padding:25px 0;color:#8e8e8e;font-size:.74rem}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.socials{display:flex;flex-wrap:wrap;gap:10px}.socials a{padding:8px 16px;border:1px solid var(--bubble-border);border-radius:999px;background:var(--bubble-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.72rem;font-weight:800;letter-spacing:.04em;color:#ddd;transition:color .3s,border-color .3s,background .3s,box-shadow .3s,transform .4s cubic-bezier(.2,.8,.2,1),filter .3s}.socials a:hover{color:#fff;border-color:var(--bubble-on-border);background:var(--bubble-on-bg);box-shadow:var(--bubble-glow)}
    @media(max-width:760px){.wrap{width:min(calc(100% - 32px),var(--max))}.site-header{height:64px}.nav-links{display:none}.nav .btn{display:none}.hero{padding:118px 0 54px}.hero-grid,.about-grid,.form-grid{grid-template-columns:1fr;gap:33px}.hero h1{font-size:3.55rem}.photo-slot{min-height:300px}.proof{gap:17px}.section{padding:68px 0}.method-grid,.results-grid{grid-template-columns:1fr 1fr}.pillar{padding:22px 17px}.plans,.steps-wrap{grid-template-columns:1fr}.plan{min-height:310px}.steps-list{grid-template-columns:1fr;gap:15px}.steps-wrap{padding:28px 22px;gap:24px}.step{display:flex;align-items:center;gap:14px}.step b{margin-bottom:0;flex:none}.step:not(:last-child):before{left:17px;right:auto;top:34px;bottom:-15px;width:1px;height:auto;background:linear-gradient(180deg,#e20714,#e2071433)}.lead-form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-inner{align-items:flex-start;flex-direction:column}.results-grid .result:last-child{display:none}}

    /* ===== 1 · Selector de idioma ES / EN ===== */
    .languages{position:relative;display:inline-flex;align-items:center;padding:3px;border:1px solid var(--bubble-border);border-radius:999px;background:var(--bubble-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);isolation:isolate}
    .languages button{position:relative;z-index:1;flex:1 1 0;min-width:40px;border:0;border-radius:999px;background:none;color:#7d7d7d;cursor:pointer;font:inherit;font-size:.72rem;font-weight:800;letter-spacing:.08em;padding:6px 10px;transition:color .4s ease}
    .languages button:hover{color:#d0d0d0}
    .languages button.active{color:#fff}
    .languages button:focus-visible{outline:2px solid var(--red2);outline-offset:2px}
    .lang-thumb{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;pointer-events:none;background:var(--bubble-on-bg);border:1px solid var(--bubble-on-border);box-shadow:var(--bubble-glow);transition:transform .5s cubic-bezier(.65,0,.2,1)}
    .languages[data-active="en"] .lang-thumb{transform:translateX(100%)}

    /* ===== 2 · Scroll fluido (motor en JS; sin JS queda el scroll nativo suave) ===== */
    html.smooth-scroll{scroll-behavior:auto}
    @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lang-thumb{transition:none}}

    /* ===== 3 · Títulos que se rellenan con el scroll ===== */
    .fill-title{--tf:#ff3440;--tb:rgba(248,248,248,.38)}
        @supports ((-webkit-background-clip:text) or (background-clip:text)){
      .fill-title .fw{--x:calc(var(--n,0)*100%);display:inline-block;padding:.18em .1em .18em .06em;margin:-.18em -.1em -.18em -.06em;color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,var(--tf) var(--x),var(--tb) var(--x));background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text}
    }
    @media (prefers-reduced-motion:reduce){.fill-title .fw{--n:1!important}}

    /* Conoce a tu coach: el eyebrow usa el rojo profundo para mantener contraste sobre arena */
    .about .eyebrow{color:var(--red2)}

    /* ===== 4 · Interacción al cursor: fotos, planes e iconos ===== */
    .about-slot,.result{overflow:hidden}
    .fx-glow{position:relative;isolation:isolate}
    .fx-glow::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(255,52,64,.18),transparent 62%)}
    .fx-glow:hover::after{opacity:1}
    .fx-tilt{transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s ease,box-shadow .4s ease}
    .photo-slot.fx-tilt:hover,.result.fx-tilt:hover{border-color:#e2071499;box-shadow:0 26px 60px -28px #e2071480}
    .about-slot.fx-tilt:hover{box-shadow:0 26px 60px -26px #00000099}
    .plan.fx-tilt:hover{border-color:#e20714b0;box-shadow:0 30px 70px -34px #e20714a0}
    .fx-tilt img,.fx-tilt picture img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
    .fx-tilt:hover img{transform:scale(1.05)}
    @media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
      .fx-tilt:hover{z-index:2;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--sc,1.012))}
    }
    /* iconos (números, redes, svg/.icon futuros): imán + brillo */
    .mag{display:inline-block;transform-origin:center;transform:translate3d(var(--tx,0px),var(--ty,0px),0) scale(var(--sc,1));transition:transform .4s cubic-bezier(.2,.8,.2,1),filter .3s ease}
    .pillar-icon.mag{display:block;transform-origin:left center}
    .step b.mag{display:flex}
    .mag.is-near{filter:drop-shadow(0 0 10px rgba(255,52,64,.6))}
    .mag:active{--sc:.94}
    /* icono + / − del FAQ */
    .faq-item button:after{display:inline-block;flex:none;transform:translate3d(var(--ix,0px),var(--iy,0px),0) rotate(var(--ir,0deg)) scale(var(--is,1));transition:transform .4s cubic-bezier(.2,.8,.2,1),text-shadow .3s ease}
    .faq-item button:hover{--is:1.25}
    .faq-item:not(.open) button:hover{--ir:90deg}
    .faq-item button:hover:after{text-shadow:0 0 14px rgba(255,52,64,.7)}
    @media (prefers-reduced-motion:reduce){.mag,.faq-item button:after{transition:none;transform:none!important}}

    /* ===== Táctil (Android): sin marco azul al tocar; el foco visible queda solo para teclado ===== */
    *{-webkit-tap-highlight-color:transparent}
    a,button,label,.btn{touch-action:manipulation}
    a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}
    a:focus-visible,button:focus-visible{outline:2px solid var(--red2);outline-offset:3px}
    .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--red2);box-shadow:0 0 0 3px rgba(255,52,64,.18)}
    @media (hover:none){.btn:hover{transform:none}}
    .btn:active{transform:scale(.97)}
    .brand:active,.faq-item button:active,.nav-links a:active{opacity:.7}
    .languages button:active{color:#fff}

    /* ===== Accesibilidad: enlace de salto, foco programático y objetivos táctiles ===== */
    .skip-link{position:absolute;left:12px;top:-64px;z-index:20;padding:10px 16px;border-radius:4px;background:var(--red);color:#fff;font-size:.8rem;font-weight:800;transition:top .2s}
    .skip-link:focus{top:12px}
    [tabindex="-1"]:focus{outline:none}
    @media (pointer:coarse){
      .languages button{min-height:38px;min-width:48px}
      .socials a{display:inline-flex;align-items:center;min-height:44px}
      .brand{display:inline-block;padding:10px 0}
    }

    .plan-features{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px}
    .plan-features li{position:relative;padding-left:22px;font-size:.86rem;color:#c7c7c7;line-height:1.35}
    .plan-features li:before{content:"✓";position:absolute;left:0;top:0;color:var(--red2);font-weight:800}
    .plan-bonus{margin-top:16px;font-size:.76rem;font-weight:700;color:var(--red2);background:#ffffff08;border:1px solid var(--line);border-radius:6px;padding:8px 10px;line-height:1.4}
    .price span{font-size:.8rem;font-weight:700;color:var(--muted);text-transform:none;letter-spacing:0;margin-left:2px}
    /* Precio y botón al fondo de cada tarjeta para que queden alineados */
    .plan .price{margin-top:auto;padding-top:28px;position:relative}
    .plan .btn,.plan .plan-link{margin-top:0}
    .price .per-person{position:absolute;left:0;top:100%;margin:2px 0 0}

    /* ===== Más vendido ===== */
    .plan-badge{position:absolute;top:-12px;right:24px;background:var(--red);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;padding:6px 13px;border-radius:999px;box-shadow:0 8px 20px -8px #e2071499}    /* ===== Formulario de 7 pasos ===== */
    .wizard{display:block}
    .wprog{display:flex;gap:4px;margin-bottom:10px}
    .wprog i{flex:1;height:3px;border-radius:2px;background:#292929;transition:background .35s}
    .wprog i.on{background:var(--red2)}
    .wlabel{color:#999;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px}
    .wstep[hidden]{display:none}
    .wgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
    .wgrid .full{grid-column:1/-1}
    .wtitle{grid-column:1/-1;margin:0 0 4px;font-size:1.25rem;letter-spacing:-.02em}
    .whint{margin:0;color:#aaa;font-size:.88rem}
    .wsub{color:#d2d2d2;font-size:.71rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin:18px 0 10px}
    .wsub:first-child{margin-top:0}
    .chips{display:flex;flex-wrap:wrap;gap:8px}
    .chip{position:relative;cursor:pointer}
    .chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
    .chip span{display:inline-block;padding:9px 14px;border:1px solid var(--bubble-border);border-radius:999px;background:#101010;color:#cfcfcf;font-size:.8rem;font-weight:600;line-height:1.3;transition:color .25s,border-color .25s,background .25s,box-shadow .25s}
    .chip:hover span{border-color:#777;color:#fff}
    .chip input:checked+span{background:var(--bubble-on-bg);border-color:var(--bubble-on-border);color:#fff;box-shadow:var(--bubble-glow)}
    .chip input:focus-visible+span{outline:2px solid var(--red2);outline-offset:2px}
    .photo-help{border:1px solid #292929;background:#101010;border-radius:10px;padding:24px 16px;text-align:center}
    .poses{display:flex;justify-content:center;gap:clamp(18px,5vw,40px);margin-bottom:16px}
    .pose{margin:0}
    .pose svg{display:block;margin:0 auto}
    .pose-label{margin-top:8px;color:#d2d2d2;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
    .photo-help p{margin:0 auto;max-width:400px;color:#9a9a9a;font-size:.86rem}
    .consent.full{margin-top:8px}
    .form-error{margin-top:16px}
    .plan-lock{display:none;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px;padding:14px 16px;border:1px solid var(--bubble-on-border);border-radius:8px;background:var(--bubble-on-bg);color:#fff;font-size:.88rem;font-weight:700}
    .wizard.locked .plan-lock{display:flex}
    .wizard.locked .wstep,.wizard.locked .wprog{opacity:.4;pointer-events:none}
    .wizard.locked #wNext{opacity:.5;cursor:not-allowed}
    .wnav{display:flex;gap:10px;margin-top:26px}
    .wnav #wNext{flex:1}
    .wnav #wBack{color:#fff}
    @media (prefers-reduced-motion:no-preference){.wstep{animation:wfade .35s ease}@keyframes wfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}
    @media(max-width:760px){.wgrid{grid-template-columns:1fr}.wgrid .full{grid-column:auto}}
  

/* ===== Cambios físicos · slider antes/después ===== */
.ba-hint{color:#8c8c8c;font-size:.8rem;margin:0 0 18px}
.ba-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start}
.ba{--p:40;margin:0;min-width:0}
.ba[data-orient=landscape]{--p:60;grid-column:span 2}
.ba-stage{position:relative;aspect-ratio:17/25;overflow:hidden;border-radius:10px;border:1px solid var(--line);background:#111;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize}
.ba[data-orient=landscape] .ba-stage{aspect-ratio:var(--ar);touch-action:auto;cursor:ns-resize}
.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;pointer-events:none;-webkit-user-drag:none}
.ba-before{z-index:0}
.ba-after{z-index:1;clip-path:inset(0 calc(100% - var(--p)*1%) 0 0)}
.ba[data-orient=landscape] .ba-after{clip-path:inset(calc(var(--p)*1%) 0 0 0)}
.ba-tag{position:absolute;z-index:4;top:12px;padding:5px 10px;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#0a0a0a99;border:1px solid #ffffff38;pointer-events:none}
.ba-tag-after{left:12px}.ba-tag-before{right:12px}
.ba[data-orient=landscape] .ba-tag-before{right:auto;left:12px}
.ba[data-orient=landscape] .ba-tag-after{top:auto;bottom:12px}
.ba-bar{position:absolute;z-index:3;top:0;bottom:0;left:calc(var(--p)*1%);width:48px;margin-left:-24px;display:grid;place-items:center;cursor:ew-resize;outline:none}
.ba-bar:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:8px;margin-left:-4px;background:linear-gradient(180deg,#ffffff47,#ffffff26);border-inline:1px solid #ffffff61;box-shadow:0 0 22px #0000005c}
.ba-handle{position:relative;width:38px;height:38px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff73;box-shadow:inset 0 1px 0 #ffffff59,0 6px 18px #0006;transition:transform .25s,box-shadow .25s}
.ba-handle:before,.ba-handle:after{content:"";position:absolute;top:50%;margin-top:-5px;border:5px solid transparent}
.ba-handle:before{left:6px;border-right-color:#fff;border-left-width:0}
.ba-handle:after{right:6px;border-left-color:#fff;border-right-width:0}
.ba.is-drag .ba-handle,.ba-bar:focus-visible .ba-handle{transform:scale(1.12);box-shadow:inset 0 1px 0 #ffffff59,0 6px 22px #0007,0 0 0 2px var(--red2)}
.ba[data-orient=landscape] .ba-bar{top:calc(var(--p)*1%);bottom:auto;left:0;right:0;width:auto;height:48px;margin:-24px 0 0;cursor:ns-resize;touch-action:none}
.ba[data-orient=landscape] .ba-bar:before{top:50%;bottom:auto;left:0;right:0;width:auto;height:8px;margin:-4px 0 0;border-inline:0;border-block:1px solid #ffffff61;background:linear-gradient(90deg,#ffffff3d,#ffffff1a)}
.ba[data-orient=landscape] .ba-handle{transform:rotate(90deg)}
.ba[data-orient=landscape].is-drag .ba-handle,.ba[data-orient=landscape] .ba-bar:focus-visible .ba-handle{transform:rotate(90deg) scale(1.12)}
@media(max-width:1000px){.ba-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ba-grid{grid-template-columns:minmax(0,1fr)}.ba[data-orient=landscape]{grid-column:auto}}
.ba.is-drag .ba-after,.ba.is-drag .ba-before{will-change:clip-path}
.about-slot{position:relative;padding:0}
.about-slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:38% 40%;display:block}
/* Foto de Fabio integrada en el fondo del home */
.hero-bg{position:absolute;top:0;right:0;bottom:0;width:min(54%,780px);z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(180deg,#000 72%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 34%),linear-gradient(180deg,#000 72%,transparent 100%);mask-composite:intersect}
.hero-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 10%}
@media(max-width:900px){.hero-bg{width:100%;opacity:.32}}

/* Antes siempre a la izquierda y después a la derecha (fotos verticales) */
.ba:not([data-orient=landscape]) .ba-before{z-index:1;clip-path:inset(0 calc(100% - var(--p)*1%) 0 0)}
.ba:not([data-orient=landscape]) .ba-after{z-index:0;clip-path:none}
.ba:not([data-orient=landscape]) .ba-tag-before{left:12px;right:auto}
.ba:not([data-orient=landscape]) .ba-tag-after{right:12px;left:auto}
@media(min-width:561px) and (max-width:1000px){.ba-grid>.ba:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 9px);justify-self:center}}

/* Botones sociales: logo de cada app como fondo (el botón sigue transparente y reacciona al cursor) */
.socials a{position:relative;isolation:isolate;overflow:hidden;padding:8px 22px;min-width:112px;justify-content:center;text-align:center;text-shadow:0 1px 6px #000c}
.socials a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--logo) center/auto 140% no-repeat;opacity:.5;transform:scale(1);transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.socials a:hover::before,.socials a:focus-visible::before{opacity:.9;transform:scale(1.12)}
.socials .soc-ig{--logo:url(../images/social/instagram.svg)}
.socials .soc-fb{--logo:url(../images/social/facebook.svg)}
.socials .soc-wa{--logo:url(../images/social/whatsapp.svg)}
.socials .soc-yt{--logo:url(../images/social/youtube.svg)}

/* Atención al cliente diaria y seguimiento diario: resaltado en cada plan */
.plan-daily{margin-top:16px;padding:12px 14px;border:1px solid #e2071499;border-left:4px solid var(--red2);border-radius:8px;background:linear-gradient(90deg,#e2071433,#e207140d);color:#fff;font-size:.88rem;line-height:1.4;box-shadow:0 10px 28px -18px #e20714}
.plan-daily b{color:#fff;font-weight:900;text-decoration:underline;text-decoration-color:var(--red2);text-decoration-thickness:2px;text-underline-offset:3px}