/* ═══════════════════════════════════════════════════════════ SER CEO — Landing · Diagnóstico de Dependencia del Dueño Paleta y tipografías oficiales de marca ═══════════════════════════════════════════════════════════ */ @font-face{font-family:'Bebas Neue';src:url('../fonts/BebasNeue-Regular.ttf') format('truetype');font-display:swap} @font-face{font-family:'Morganite';src:url('../fonts/Morganite-Black.ttf') format('truetype');font-display:swap} :root{ --azul:#2C2F4A; --azul-95:#25283F; --blanco:#FFFFFF; --lavanda:#AAAABC; --pizarra:#757687; --bosque:#2B5936; --salvia:#84A390; --terracota:#E5634D; /* SOLO CTA / dato clave */ --fondo:#F5F5F8; --borde:#E4E4EC; --f-titulo:'Bebas Neue','Arial Narrow',sans-serif; --f-cuerpo:Arial,'Helvetica Neue',sans-serif; --f-cifra:'Morganite','Bebas Neue','Arial Narrow',sans-serif; --radius:16px; --maxw:1080px; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:var(--f-cuerpo);background:var(--blanco);color:var(--azul);line-height:1.65;font-size:16.5px;-webkit-font-smoothing:antialiased} img{max-width:100%;display:block} a{color:inherit} .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px} .label{font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--pizarra);text-transform:uppercase;margin-bottom:20px;font-family:Arial,sans-serif} h2.sec{font-family:var(--f-titulo);font-weight:400;font-size:clamp(36px,5.5vw,58px);line-height:1;text-transform:uppercase;margin-bottom:18px} /* Reveal on scroll — con doble red de seguridad: solo se oculta contenido si JS confirmó estar vivo (clase .js en ). Si JS falla, todo el contenido es visible desde el primer render. */ .js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease} .js .reveal.in{opacity:1;transform:none} /* ---------- BOTONES ---------- */ .btn{display:inline-block;font-family:var(--f-cuerpo);font-weight:700;font-size:17px;color:var(--blanco); background:var(--terracota);border:none;border-radius:10px;padding:17px 34px;cursor:pointer; transition:transform .15s ease,box-shadow .15s ease;text-decoration:none;text-align:center} .btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(229,99,77,.35)} .btn:focus-visible{outline:3px solid var(--azul);outline-offset:3px} .btn[disabled]{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none} .btn-sec{background:var(--blanco);color:var(--azul);border:1.5px solid var(--borde); border-radius:10px;padding:17px 26px;font-family:var(--f-cuerpo);font-weight:700;font-size:16px;cursor:pointer} .btn-sec:hover{border-color:var(--pizarra)} /* ---------- NAV ---------- */ .nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 0;transition:background .3s ease,box-shadow .3s ease} .nav.solid{background:rgba(44,47,74,.97);box-shadow:0 2px 18px rgba(0,0,0,.18)} .nav .wrap{display:flex;align-items:center;justify-content:space-between} .nav img{height:30px;width:auto} .nav .btn{padding:11px 22px;font-size:14.5px} /* ---------- HERO ---------- */ .hero{background:var(--azul);color:var(--blanco);padding:150px 0 100px;position:relative;overflow:hidden} /* Firma visual: el haz del faro — barrido de luz lento */ .hero .haz{position:absolute;top:50%;left:50%;width:220vmax;height:220vmax;transform:translate(-50%,-50%); background:conic-gradient(from 0deg,transparent 0deg,rgba(170,170,188,.10) 14deg,rgba(255,255,255,.05) 22deg,transparent 40deg,transparent 360deg); animation:haz 26s linear infinite;pointer-events:none} @keyframes haz{to{transform:translate(-50%,-50%) rotate(360deg)}} .hero .faro-marca{position:absolute;right:-30px;bottom:-40px;width:min(340px,42vw);opacity:.07;pointer-events:none} .hero .wrap{position:relative;z-index:1} .eyebrow{display:inline-block;font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--lavanda); border:1px solid rgba(170,170,188,.4);padding:8px 16px;border-radius:99px;margin-bottom:30px;font-family:Arial,sans-serif} .eyebrow b{color:var(--blanco)} .hero h1{font-family:var(--f-titulo);font-weight:400;font-size:clamp(50px,8.2vw,102px);line-height:.94; letter-spacing:.008em;text-transform:uppercase;margin-bottom:24px;max-width:900px} .hero h1 .b{color:var(--lavanda)} .hero .sub{font-size:clamp(16px,2.1vw,19.5px);color:var(--lavanda);max-width:660px;margin-bottom:36px} .hero .sub b{color:var(--blanco);font-weight:700} .trust{display:flex;gap:46px;flex-wrap:wrap;margin-top:44px} .trust .t1{font-weight:700;font-size:19px;color:var(--blanco)} .trust .t2{font-size:15px;color:var(--lavanda);max-width:230px;line-height:1.5} /* ---------- ¿TE SUENA? ---------- */ .suena-sec{padding:96px 0} .suena-grid{display:grid;gap:16px;margin-bottom:30px} .q-frase{background:var(--fondo);border-left:4px solid var(--salvia);border-radius:0 12px 12px 0; padding:20px 26px;font-size:clamp(17px,2vw,20px);font-style:italic} .suena-cierre{font-size:clamp(17px,2vw,19px);max-width:760px} .suena-cierre b{color:var(--bosque)} /* ---------- REENCUADRE (Creencia 2) ---------- */ .reenc{background:var(--azul);color:var(--blanco);padding:100px 0;position:relative;overflow:hidden} .reenc .faro-linea{position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(var(--salvia),transparent)} .reenc h2.sec{color:var(--blanco);max-width:860px} .reenc h2.sec .b{color:var(--salvia)} .reenc p{color:var(--lavanda);font-size:clamp(16.5px,2vw,19px);max-width:720px;margin-bottom:18px} .reenc p b{color:var(--blanco)} .reenc .marcas{font-family:var(--f-titulo);font-size:clamp(24px,3.4vw,36px);letter-spacing:.04em;color:var(--blanco); text-transform:uppercase;margin:34px 0 10px;display:flex;gap:26px;flex-wrap:wrap;align-items:baseline} .reenc .marcas span{opacity:.9} .reenc .marcas .sep{color:var(--salvia);font-size:.7em} /* ---------- QUÉ MEDIMOS ---------- */ .medimos{padding:96px 0;background:var(--fondo)} .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:10px} @media(max-width:900px){.grid4{grid-template-columns:1fr 1fr}} @media(max-width:540px){.grid4{grid-template-columns:1fr}} .dimcard{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radius);padding:26px 24px; transition:transform .2s ease,box-shadow .2s ease} .dimcard:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(44,47,74,.10)} .dimcard .num{font-family:var(--f-cifra);font-size:52px;line-height:.8;color:var(--salvia);margin-bottom:12px} .dimcard h3{font-size:17px;font-weight:700;margin-bottom:6px} .dimcard p{font-size:14px;color:var(--pizarra);line-height:1.5} /* ---------- SECCIÓN DIAGNÓSTICO (widget) ---------- */ .diag{padding:96px 0;background:var(--blanco)} .diag-head{text-align:center;max-width:720px;margin:0 auto 40px} .diag-head p{color:var(--pizarra)} #diag-app{max-width:760px;margin:0 auto;scroll-margin-top:90px} .dv{display:none} .dv.act{display:block} .pasos{display:flex;align-items:center;justify-content:center;margin-bottom:30px} .paso-dot{width:38px;height:38px;border-radius:50%;border:2px solid var(--borde);background:var(--blanco); display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:var(--pizarra);flex-shrink:0} .paso-dot.on{border-color:var(--azul);color:var(--azul)} .paso-dot.done{background:var(--azul);border-color:var(--azul);color:var(--blanco)} .paso-line{width:80px;height:2px;background:var(--borde)} .paso-line.done{background:var(--azul)} @media(max-width:520px){.paso-line{width:40px}} .dv h3.dv-t{font-family:var(--f-titulo);font-weight:400;font-size:clamp(30px,4.5vw,42px);text-transform:uppercase; line-height:1.02;text-align:center;margin-bottom:6px} .dv p.dv-s{color:var(--pizarra);text-align:center;font-size:15px;margin-bottom:26px} .wcard{background:var(--fondo);border:1px solid var(--borde);border-radius:var(--radius);padding:30px} .preg{margin-bottom:24px} .preg:last-of-type{margin-bottom:6px} .preg-txt{font-size:16px;font-weight:600;margin-bottom:11px;font-style:italic} .ops{display:flex;gap:10px;flex-wrap:wrap} .op{flex:1;min-width:130px;border:1.5px solid var(--borde);background:var(--blanco);border-radius:10px; padding:12px 12px;font-family:var(--f-cuerpo);font-size:14.5px;font-weight:500;color:var(--azul); cursor:pointer;transition:all .12s ease;text-align:center} .op:hover{border-color:var(--pizarra)} .op.sel{border-color:var(--azul);background:var(--azul);color:var(--blanco);font-weight:700} .op:focus-visible{outline:3px solid var(--salvia);outline-offset:2px} .op small{display:block;font-size:12px;color:var(--pizarra);font-weight:400;margin-top:2px} .op.sel small{color:var(--lavanda)} .f-label{font-size:14px;font-weight:700;margin:20px 0 10px} .f-label:first-of-type{margin-top:0} input[type=text],input[type=email]{width:100%;border:1.5px solid var(--borde);border-radius:10px;background:var(--blanco); padding:14px 16px;font-family:var(--f-cuerpo);font-size:16px;color:var(--azul)} input:focus{outline:none;border-color:var(--azul)} .w-nav{display:flex;gap:12px;margin-top:26px} .w-nav .btn{flex:1} .nota-priv{font-size:12.5px;color:var(--pizarra);margin-top:12px;text-align:center} /* loading */ .load-wrap{text-align:center;padding:20px 0} .spinner{width:60px;height:60px;border-radius:50%;border:5px solid var(--borde);border-top-color:var(--azul); margin:0 auto 24px;animation:spin 1s linear infinite} @keyframes spin{to{transform:rotate(360deg)}} .load-card{background:var(--fondo);border:1px solid var(--borde);border-radius:var(--radius);padding:24px 28px;text-align:left;margin-top:22px} .load-item{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid var(--borde); color:#B9B9C6;font-size:15px} .load-item:last-of-type{border-bottom:none} .load-item .ic{width:22px;height:22px;border-radius:50%;border:2px solid var(--borde);flex-shrink:0;margin-top:2px; display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--blanco)} .load-item.on{color:var(--azul);font-weight:700} .load-item.on .ic{border-color:var(--azul);border-top-color:transparent;animation:spin .9s linear infinite} .load-item.done{color:var(--azul)} .load-item.done .ic{background:var(--bosque);border-color:var(--bosque)} .load-item.done .ic::after{content:'✓'} .barra{height:6px;background:var(--borde);border-radius:99px;margin-top:20px;overflow:hidden} .barra i{display:block;height:100%;width:0;background:var(--azul);border-radius:99px;transition:width .5s ease} .pct{font-size:13px;color:var(--pizarra);margin-top:8px;text-align:center} /* informe */ .rep-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:18px} .rep-head h3{font-family:var(--f-titulo);font-weight:400;font-size:clamp(32px,5vw,48px);text-transform:uppercase;line-height:1} .score{text-align:right} .score .n{font-family:var(--f-cifra);font-size:clamp(88px,11vw,130px);line-height:.78;color:var(--terracota)} .score .d{font-size:14px;color:var(--pizarra);font-weight:700} .nivel{border-radius:12px;padding:16px 22px;margin-bottom:20px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap} .nivel .tag{font-weight:700;font-size:15px;letter-spacing:.05em} .nivel .desc{font-size:14.5px} .nv-critico{background:#FBEBE8;color:#8C2F1F} .nv-alto{background:#FBF0E4;color:#7A4A12} .nv-medio{background:#EDF2EE;color:var(--bosque)} .nv-solido{background:#E8F0EA;color:var(--bosque)} .banner{background:var(--azul);color:var(--blanco);border-radius:var(--radius);padding:30px 32px;margin-bottom:22px; display:flex;gap:24px;align-items:center;flex-wrap:wrap} .banner .foto{width:86px;height:86px;border-radius:50%;object-fit:cover;object-position:top;flex-shrink:0;border:3px solid var(--salvia)} .banner .txt{flex:1;min-width:240px} .banner p.b1{font-size:18px;font-weight:700;line-height:1.4;margin-bottom:6px} .banner p.b1 b{color:var(--salvia)} .banner p.b2{font-size:14px;color:var(--lavanda);margin-bottom:16px} .rcard{background:var(--fondo);border:1px solid var(--borde);border-radius:var(--radius);padding:28px;margin-bottom:22px} .radar-box{display:flex;justify-content:center} .metrica{padding:16px 0;border-bottom:1px solid var(--borde)} .metrica:last-of-type{border-bottom:none;padding-bottom:2px} .m-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px} .m-top h4{font-size:16px;font-weight:700} .m-top .m-val{font-weight:700;font-size:14.5px} .m-bar{height:8px;background:var(--borde);border-radius:99px;overflow:hidden;margin-bottom:7px} .m-bar i{display:block;height:100%;border-radius:99px} .m-read{font-size:13.5px;color:var(--pizarra)} .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} @media(max-width:640px){.stats{grid-template-columns:1fr}} .stat{background:var(--blanco);border:1px solid var(--borde);border-radius:12px;padding:20px 16px;text-align:center} .stat .s-n{font-family:var(--f-cifra);font-size:64px;line-height:.8;color:var(--terracota)} .stat .s-l{font-size:13px;color:var(--pizarra);margin-top:8px;line-height:1.4} .stats-nota{margin-top:16px;padding:14px 18px;background:var(--blanco);border-left:4px solid var(--salvia); border-radius:0 10px 10px 0;font-size:13.5px;color:var(--pizarra);line-height:1.55} .stats-nota b{color:var(--azul)} .dos-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px} @media(max-width:640px){.dos-col{grid-template-columns:1fr}} .col-box{border-radius:var(--radius);padding:26px;border:1px solid} .col-fav{background:#F2F7F3;border-color:#CFE0D4} .col-riesgo{background:#FDF3F1;border-color:#F0D4CD} .col-box h4{font-size:13px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;margin-bottom:14px} .col-fav h4{color:var(--bosque)} .col-riesgo h4{color:#8C2F1F} .col-box ul{list-style:none} .col-box li{position:relative;padding-left:20px;margin-bottom:11px;font-size:14.5px;line-height:1.5} .col-box li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%} .col-fav li::before{background:var(--bosque)} .col-riesgo li::before{background:var(--terracota)} .conclu{background:var(--azul);color:var(--blanco);border-radius:var(--radius);padding:32px;margin-bottom:22px} .conclu h4{font-size:13px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:var(--salvia);margin-bottom:14px} .conclu p{font-size:15.5px;line-height:1.65;color:#DADAE4} .paso-sig{background:rgba(255,255,255,.06);border-left:4px solid var(--salvia);border-radius:0 12px 12px 0; padding:18px 22px;margin-top:20px} .paso-sig h5{font-size:12px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:var(--salvia);margin-bottom:7px} .paso-sig p{font-size:14.5px;color:var(--blanco)} .rep-cta{text-align:center} .rep-cta .btn{padding:18px 40px;font-size:17px} .rep-cta p{font-size:13.5px;color:var(--pizarra);margin-top:10px} /* ---------- ALAN ---------- */ .alan{padding:100px 0;background:var(--fondo)} .alan-grid{display:grid;grid-template-columns:400px 1fr;gap:56px;align-items:start} @media(max-width:880px){.alan-grid{grid-template-columns:1fr}} .alan-foto{position:relative} .alan-foto img{border-radius:var(--radius);width:100%} .alan-foto .marco{position:absolute;inset:14px -14px -14px 14px;border:2px solid var(--salvia);border-radius:var(--radius);z-index:-1} .alan-bio p{color:#4A4D66;margin-bottom:16px;font-size:16.5px} .alan-bio p b{color:var(--azul)} .cred{display:grid;gap:12px;margin:26px 0} .cred li{list-style:none;position:relative;padding-left:26px;font-size:15.5px;font-weight:600} .cred li::before{content:'';position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:3px;background:var(--salvia)} .alan-nums{display:flex;gap:44px;flex-wrap:wrap;margin-top:30px} .alan-nums .n{font-family:var(--f-cifra);font-size:76px;line-height:.8;color:var(--azul)} .alan-nums .l{font-size:15.5px;color:var(--pizarra);max-width:180px;line-height:1.45;margin-top:8px} .video-box{margin-top:34px} .video-box .vtag{font-size:13px;color:var(--pizarra);margin-bottom:10px} .video-frame{max-width:320px;aspect-ratio:9/16;border-radius:var(--radius);overflow:hidden;border:1px solid var(--borde);background:var(--azul)} .video-frame iframe{width:100%;height:100%;border:0} /* ---------- CASOS DE ÉXITO ---------- */ .casos{background:var(--azul);color:var(--blanco);padding:100px 0} .casos h2.sec{color:var(--blanco)} .casos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px; border-top:1px solid rgba(170,170,188,.18);border-bottom:1px solid rgba(170,170,188,.18)} @media(max-width:880px){.casos-grid{grid-template-columns:1fr}} .caso{padding:40px 34px;display:flex;flex-direction:column} .caso+.caso{border-left:1px solid rgba(170,170,188,.18)} @media(max-width:880px){.caso+.caso{border-left:none;border-top:1px solid rgba(170,170,188,.18)}} .caso .c-tag{font-size:11.5px;letter-spacing:.2em;font-weight:700;color:var(--salvia); text-transform:uppercase;margin-bottom:20px;font-family:Arial,sans-serif} .caso .c-hist{font-size:15.5px;color:var(--lavanda);line-height:1.65;margin-bottom:28px} .caso .c-div{height:1px;background:rgba(170,170,188,.22);margin-bottom:28px;margin-top:auto} .caso .c-res{font-family:var(--f-cifra);font-size:clamp(72px,7vw,104px);line-height:.82;color:var(--salvia);margin-bottom:22px} .caso .c-res.txt{font-family:var(--f-titulo);font-size:clamp(34px,3.4vw,46px);line-height:1;letter-spacing:.02em} .caso ul{list-style:none} .caso li{position:relative;padding-left:22px;margin-bottom:10px;font-size:14.5px;color:var(--lavanda);line-height:1.5} .caso li::before{content:'—';position:absolute;left:0;color:var(--salvia)} .caso li:first-child{color:var(--blanco);font-weight:700} .casos-nota{margin-top:22px;font-size:13px;color:var(--lavanda);font-style:italic} /* ---------- PRESENCIA ---------- */ .presencia{padding:96px 0;background:var(--blanco)} .pres-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} @media(max-width:820px){.pres-grid{grid-template-columns:1fr}} .pres-card{border-radius:var(--radius);overflow:hidden;position:relative;border:1px solid var(--borde)} .pres-card img{width:100%;height:260px;object-fit:cover;transition:transform .4s ease} .pres-card:hover img{transform:scale(1.04)} .pres-card .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(44,47,74,.92)); color:var(--blanco);padding:34px 18px 14px;font-size:13.5px;font-weight:700} /* ---------- PROCESO ---------- */ .proceso{background:var(--azul);color:var(--blanco);padding:100px 0} .proceso h2.sec{color:var(--blanco)} .proceso .intro{color:var(--lavanda);max-width:640px;margin-bottom:44px} .pasos3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:46px} @media(max-width:820px){.pasos3{grid-template-columns:1fr}} .paso3{background:rgba(255,255,255,.05);border:1px solid rgba(170,170,188,.25);border-radius:var(--radius);padding:28px 26px} .paso3 .n{font-family:var(--f-cifra);font-size:70px;line-height:.8;color:var(--salvia);margin-bottom:14px} .paso3 h3{font-size:17.5px;font-weight:700;margin-bottom:8px} .paso3 p{font-size:14.5px;color:var(--lavanda);line-height:1.55} .proceso .cta-fin{text-align:center} .proceso .cta-fin p{color:var(--lavanda);font-size:13.5px;margin-top:12px} /* ---------- SECCIONES NUMERADAS ---------- */ .snum{display:flex;align-items:baseline;gap:16px;border-top:1px solid var(--borde);padding-top:20px;margin-bottom:38px} .snum b{font-size:16px;font-weight:700} .snum span{font-size:12px;letter-spacing:.22em;font-weight:700;text-transform:uppercase;color:var(--pizarra)} .snum.oscuro{border-top-color:rgba(170,170,188,.25)} .snum.oscuro b{color:var(--blanco)} .snum.oscuro span{color:var(--salvia)} /* ---------- 01 · EL PROBLEMA TIENE NOMBRE ---------- */ .nombre-sec{padding:96px 0;background:var(--fondo)} .nombre-sec .gran{font-family:var(--f-titulo);font-size:clamp(44px,7vw,86px);line-height:.95;text-transform:uppercase;margin-bottom:24px} .nombre-sec .gran .b{color:var(--pizarra)} .nombre-sec .def{font-size:clamp(16.5px,2vw,19px);max-width:760px;margin-bottom:40px} .intentos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px} @media(max-width:820px){.intentos{grid-template-columns:1fr}} .intento{background:var(--blanco);border:1px solid var(--borde);border-radius:var(--radius);padding:24px} .intento h4{font-size:16px;font-weight:700;margin-bottom:8px} .intento h4 s{color:var(--pizarra);text-decoration-color:var(--terracota)} .intento p{font-size:14.5px;color:var(--pizarra);line-height:1.55} .nombre-sec .causa{font-size:clamp(17px,2.2vw,20px);font-weight:700;max-width:760px} .nombre-sec .causa b{color:var(--bosque)} /* ---------- PUNCH (reencuadre) ---------- */ .punch{display:grid;gap:14px;margin:36px 0} .punch p{font-size:clamp(17px,2.3vw,22px);color:var(--lavanda);border-left:3px solid var(--salvia);padding-left:20px;max-width:none} .punch p b{color:var(--blanco)} .mini-cta{margin-top:40px} .mini-cta .btn{padding:15px 30px;font-size:16px} .mini-cta p{font-size:13px;color:var(--lavanda);margin-top:10px} /* ---------- 06 · ¿ES PARA TI? ---------- */ .parati{padding:96px 0;background:var(--blanco)} .pt-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--borde);border-radius:var(--radius);overflow:hidden} @media(max-width:820px){.pt-grid{grid-template-columns:1fr}} .pt-col{padding:36px 34px} .pt-col+.pt-col{border-left:1px solid var(--borde);background:var(--fondo)} @media(max-width:820px){.pt-col+.pt-col{border-left:none;border-top:1px solid var(--borde)}} .pt-col h3{font-size:13px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;margin-bottom:20px} .pt-col.si h3{color:var(--bosque)} .pt-col.no h3{color:var(--pizarra)} .pt-col ul{list-style:none} .pt-col li{position:relative;padding-left:32px;margin-bottom:14px;font-size:15px;line-height:1.55} .pt-col li::before{position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%; display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--blanco)} .pt-col.si li::before{content:'✓';background:var(--bosque)} .pt-col.no li::before{content:'✕';background:var(--pizarra)} /* ---------- 07 · OBJECIONES ---------- */ .objeciones{padding:96px 0;background:var(--fondo)} .obj{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;padding:30px 0;border-bottom:1px solid var(--borde);align-items:start} .obj:last-of-type{border-bottom:none} @media(max-width:760px){.obj{grid-template-columns:1fr;gap:10px}} .obj h3{font-family:var(--f-titulo);font-weight:400;font-size:clamp(24px,3.2vw,34px);line-height:1.05;text-transform:uppercase} .obj p{font-size:15.5px;color:#4A4D66} .obj p b{color:var(--azul)} /* ---------- 08 · LA DECISIÓN ---------- */ .decision{background:var(--azul);color:var(--blanco);padding:100px 0} .decision h2.sec{color:var(--blanco);max-width:820px} .dec-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:44px 0} @media(max-width:820px){.dec-grid{grid-template-columns:1fr}} .dec-col{border-radius:var(--radius);padding:32px 30px;border:1px solid rgba(170,170,188,.25)} .dec-col.b{background:rgba(132,163,144,.10);border-color:rgba(132,163,144,.45)} .dec-col h3{font-size:13px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;margin-bottom:16px;color:var(--lavanda)} .dec-col.b h3{color:var(--salvia)} .dec-col p{font-size:16px;color:var(--lavanda);line-height:1.65} .dec-col.b p{color:#DCE6DF} .dec-remate{font-family:var(--f-titulo);font-size:clamp(26px,3.6vw,40px);line-height:1.08;text-transform:uppercase;max-width:760px;margin-bottom:40px} .dec-remate .b{color:var(--salvia)} /* ---------- FOOTER ---------- */ footer{background:var(--azul-95);color:var(--lavanda);padding:44px 0} footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap} footer img{height:26px} footer .fdatos{font-size:13.5px;text-align:right;line-height:1.7} footer .fdatos a{color:var(--blanco);text-decoration:none} footer .lema{width:100%;text-align:center;margin-top:26px;padding-top:22px;border-top:1px solid rgba(170,170,188,.2); font-family:var(--f-titulo);font-size:20px;letter-spacing:.06em;text-transform:uppercase;color:var(--salvia)} /* ---------- LINKS LEGALES FOOTER ---------- */ footer .flegal{width:100%;text-align:center;margin-top:18px;font-size:12.5px;color:var(--pizarra)} footer .flegal a{color:var(--lavanda);text-decoration:none} footer .flegal a:hover{color:var(--blanco)} footer .flegal span{display:block;margin-top:8px;color:var(--pizarra)} /* ---------- BOTÓN WHATSAPP ---------- */ .wa-btn{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%; background:#25D366;color:var(--blanco);display:flex;align-items:center;justify-content:center; box-shadow:0 8px 22px rgba(0,0,0,.28);transition:transform .15s ease} .wa-btn:hover{transform:scale(1.08)} .wa-btn:focus-visible{outline:3px solid var(--azul);outline-offset:3px} @media(max-width:640px){.wa-btn{width:52px;height:52px;right:16px;bottom:16px}} /* ---------- CARRUSEL DE PROYECTOS ---------- */ .proyectos{background:var(--blanco);padding:48px 0 54px} .proyectos .p-label{font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--pizarra); text-transform:uppercase;text-align:center;margin-bottom:34px;font-family:Arial,sans-serif} .marquee{overflow:hidden;height:80px;display:flex;align-items:center; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} .marquee+.marquee{margin-top:26px} .m-track{display:flex;width:max-content;will-change:transform;animation:mq 35s linear infinite} .m-track.rev{animation-direction:reverse} .m-set{display:flex;align-items:center;gap:60px;padding-right:60px} .m-set img{max-width:140px;max-height:64px;width:auto;height:auto;object-fit:contain} .proyectos:hover .m-track{animation-play-state:paused} @keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(max-width:640px){ .marquee.m2{display:none} .m-track{animation-duration:25s} } @media (prefers-reduced-motion: reduce){.m-track{animation:none}} /* ---------- MODAL DE AGENDA ---------- */ .modal-bg{position:fixed;inset:0;z-index:80;background:rgba(28,30,48,.72);display:flex; align-items:center;justify-content:center;padding:20px} .modal-bg[hidden]{display:none} .modal-caja{background:var(--blanco);border-radius:var(--radius);width:min(720px,100%); max-height:92vh;overflow:auto;position:relative;padding:52px 18px 18px} .modal-head{font-family:var(--f-titulo);font-size:22px;text-transform:uppercase; text-align:center;margin-bottom:12px;color:var(--azul)} .modal-x{position:absolute;top:12px;right:14px;width:36px;height:36px;border-radius:50%; border:1.5px solid var(--borde);background:var(--blanco);font-size:16px;cursor:pointer;color:var(--azul)} .modal-x:hover{border-color:var(--pizarra)} .rep-acciones{margin-bottom:22px} /* ---------- IMPRESIÓN: solo el informe ---------- */ @media print{ .nav,.hero,.proyectos,.suena-sec,.nombre-sec,.reenc,.medimos,.casos,.alan,.presencia, .parati,.objeciones,.decision,footer,.wa-btn,.modal-bg,.diag-head,.no-print, .banner,.rep-cta{display:none !important} #diag-app .dv{display:none !important} #diag-app #p-rep{display:block !important} body{background:#fff} .diag{padding:0} .rcard,.col-box,.conclu,.nivel{break-inside:avoid} .conclu{background:var(--azul) !important;-webkit-print-color-adjust:exact;print-color-adjust:exact} }