:root{--accent:#D60820;--ink:#171d28;--muted:#626b7b;--dark:#19202b;--off:#f5f6f8;--line:#e5e8ee;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.7 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.047em}h1{font-weight:760;font-size:clamp(2.6rem,4.8vw,4.95rem)}h2{font-size:clamp(2rem,3.35vw,3.15rem);font-weight:730}h3{font-size:1.19rem;letter-spacing:-.025em}p{line-height:1.78}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip{position:absolute;transform:translateY(-150%);z-index:999;background:#fff;padding:12px}.skip:focus{transform:translateY(0)}:focus-visible{outline:3px solid #D60820;outline-offset:3px}.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #ebedf0;position:sticky;top:0;z-index:40;backdrop-filter:blur(16px)}.header-row{min-height:82px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:41px;height:48px;object-fit:contain}.brand strong{display:block;font-weight:800;font-size:12px;letter-spacing:.052em;line-height:1.35}.brand small{display:block;color:#656c75;font-size:9px;font-weight:800;letter-spacing:.14em;margin-top:4px}.main-nav{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:650}.main-nav>a,.nav-parent{padding:11px 0;white-space:nowrap}.main-nav a:hover,.nav-parent:hover{color:var(--accent)}.nav-parent{color:inherit;border:0;background:none;font-weight:650}.nav-parent span{margin-left:5px}.nav-dropdown{position:relative}.nav-submenu{display:none;position:absolute;top:100%;left:-15px;min-width:255px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 50px rgba(13,20,31,.12);border-radius:12px;padding:10px}.nav-submenu a{display:block;padding:11px 13px;border-radius:7px;line-height:1.35}.nav-submenu a:hover{background:#f5f6f7}.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu,.nav-dropdown.open .nav-submenu{display:block}.main-nav .nav-contact{background:var(--accent);color:#fff;padding:11px 15px;border-radius:8px;font-weight:730}.main-nav .nav-contact:hover{color:#fff;background:#be0c20}.mobile-toggle{display:none;background:transparent;border:0;width:40px;height:40px}.mobile-toggle span{display:block;background:var(--ink);width:23px;height:2px;margin:5px auto;border-radius:2px}.section{padding:96px 0;overflow:hidden}.section--soft{background:var(--off)}.section--dark{background:var(--dark);color:#fff}.section--dark .prose,.section--dark .section-heading .prose{color:#cbd2dd}.section--hero{padding:75px 0 88px}.hero-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:65px}.hero-copy{padding:12px 0}.eyebrow{display:inline-flex;align-items:center;color:var(--accent);font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;margin-bottom:24px}.eyebrow:before{content:"";display:inline-block;width:21px;height:2px;background:var(--accent);margin-right:11px}.hero-copy h1{margin-bottom:23px;max-width:740px}.hero-copy .prose{font-size:17px;line-height:1.85;max-width:605px}.prose{color:var(--muted);font-size:16px}.prose p+p,.prose p+ul,.prose ul+p{margin-top:12px}.prose ul{padding-left:22px}.prose li{margin:4px 0}.prose a{color:var(--accent);text-decoration:underline}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{background:var(--accent);border:1px solid var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:13px 19px;border-radius:8px;min-height:48px;font-size:13px;font-weight:750;transition:transform .2s,background .2s}.btn:hover{background:#c20b20;transform:translateY(-2px)}.btn span{font-size:17px;line-height:1}.btn--outline{background:transparent;border-color:#cbd0d9;color:var(--ink)}.btn--outline:hover{background:#f3f4f6}.section--dark .btn--outline{color:#fff;border-color:#657082}.hero-qualities{display:flex;flex-wrap:wrap;gap:10px 21px;margin-top:36px;color:#696f7b;font-size:12px;font-weight:670}.hero-qualities span:before{content:"✓";color:var(--accent);margin-right:7px;font-weight:900}.hero-media{position:relative;min-height:470px}.hero-photo{width:100%;height:495px;display:block;object-fit:cover;object-position:50% 50%;border-radius:6px 88px 6px 6px}.hero-media:after{content:"";position:absolute;z-index:-1;width:55%;height:70%;top:-18px;right:-16px;border-radius:0 95px 0 0;background:#e8eaef}.hero-media-caption{position:absolute;bottom:-22px;left:-28px;display:grid;gap:2px;background:#fff;padding:16px 22px;border-left:4px solid var(--accent);box-shadow:0 15px 45px rgba(12,22,36,.12);font-size:14px;font-weight:800}.hero-media-caption span{font-size:11px;font-weight:550;color:var(--muted)}.hero-abstract{min-height:460px;height:100%;background:#172130;border-radius:5px 85px 5px 5px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.abstract-letter{color:#fff;font-size:220px;font-weight:750;opacity:.86}.abstract-line{width:350px;height:350px;border:1px solid rgba(255,255,255,.15);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.abstract-stamp{color:#e0e5ea;position:absolute;bottom:60px;left:30px;font-size:10px;letter-spacing:.15em}.section-heading{max-width:810px;margin:0 0 36px}.section-heading h2{margin-bottom:16px}.section-heading .prose{max-width:710px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{display:flex;flex-direction:column;min-height:230px;padding:29px 27px;position:relative;background:#fff;border:1px solid var(--line);border-radius:13px;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card[href]:hover{transform:translateY(-4px);border-color:#b7bcc5;box-shadow:0 14px 36px rgba(18,33,47,.07)}.card-index{color:var(--accent);font-weight:850;font-size:11px;letter-spacing:.08em;margin-bottom:30px}.feature-card h3{max-width:280px;margin-bottom:11px}.feature-card p{font-size:13.5px;color:#6b7280;line-height:1.65;margin:0 0 12px}.card-arrow{font-size:21px;color:var(--accent);margin-top:auto}.section--soft .feature-card{background:#fff}.section--dark .feature-card{background:#252d39;border-color:#3c4756;color:#fff}.section--dark .feature-card p{color:#cbd2dd}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.steps-grid .feature-card{min-height:190px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pricing-grid .feature-card{min-height:185px;border-top:3px solid var(--accent)}.pricing-grid .feature-card p{font-size:21px;font-weight:800;color:var(--accent);letter-spacing:-.02em}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:78px}.split-layout h2{margin-bottom:23px}.split-layout .prose{max-width:570px}.split-visual{min-height:370px}.split-photo{width:100%;height:420px;object-fit:cover;border-radius:9px}.abstract-panel{height:400px;background:#eef0f4;padding:43px;display:flex;flex-direction:column;justify-content:space-between;border-radius:12px;color:#1d2a3c}.abstract-panel>span:first-child{font-size:12px;font-weight:900;color:var(--accent)}.abstract-panel strong{font-size:clamp(2rem,3vw,3.2rem);line-height:1.13;letter-spacing:-.05em}.abstract-panel span:last-child{font-size:12px;max-width:230px;color:#6d7480}.section--video .split-layout{grid-template-columns:1fr .85fr}.video-poster{position:relative;aspect-ratio:16/10;background:#151b26;overflow:hidden;border-radius:14px}.video-poster img{width:100%;height:100%;object-fit:cover;opacity:.74}.play-video{width:76px;height:76px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0;border-radius:50%;background:var(--accent);color:#fff;font-size:24px;box-shadow:0 10px 35px #0004}.video-frame{aspect-ratio:16/10;background:#151b26;border-radius:14px;overflow:hidden}.video-frame iframe,.video-frame video,.video-poster iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-frame iframe,.video-frame video{position:static}.section--cta{padding:72px 0}.cta-layout{display:flex;justify-content:space-between;gap:30px;align-items:center}.cta-layout>div{max-width:720px}.cta-layout h2{margin-bottom:15px}.text-layout{max-width:840px}.text-layout h2{margin-bottom:23px}.contact-form{max-width:900px;background:#fff;padding:32px;border:1px solid var(--line);border-radius:15px;box-shadow:0 10px 40px rgba(18,26,40,.035);display:grid;gap:21px}.form-grid,.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-form label,.tool-panel label{display:grid;gap:8px;color:#2b3442;font-size:13px;font-weight:680}.contact-form input,.contact-form select,.contact-form textarea,.tool-panel input{border:1px solid #cbd1da;border-radius:8px;background:#fff;color:var(--ink);padding:12px 13px;min-height:47px;width:100%;font-size:15px}.contact-form textarea{resize:vertical}.contact-form .privacy-check{display:flex;align-items:flex-start;font-size:12px;font-weight:450;line-height:1.55}.privacy-check input{width:auto;min-height:0;margin:4px 0 0}.privacy-check a{color:var(--accent);text-decoration:underline}.contact-form button{justify-self:start}.form-status{color:var(--accent);font-size:13px}.honeypot{position:absolute!important;left:-9999px!important}.tool-panel{max-width:900px;border:1px solid var(--line);border-radius:15px;padding:34px;background:#fff}.tool-panel>.btn{margin-top:22px}.calc-result{margin-top:22px;background:#f4f6f9;padding:22px;border-radius:11px;min-height:65px;font-size:15px}.calc-result strong{color:#161e2b}.calc-result.error{color:#b51c31;background:#fff0f1}.calc-result p{margin:4px 0}.hint{font-size:12px;color:#77808d;margin-top:12px}.small-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;background:#f4f5f7;border-radius:9px}.service-pills{display:flex;flex-wrap:wrap;gap:10px}.service-pill{padding:10px 16px;border-radius:99px;border:1px solid var(--line)}.site-footer{background:#171d28;color:#f7f7f9;padding:68px 0 22px}.footer-upper{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px;padding-bottom:55px}.footer-upper h3{font-size:15px;margin-bottom:18px}.footer-upper a{display:block;font-size:13px;color:#cbd0d9;margin:11px 0}.footer-brand img{width:43px;height:56px;object-fit:contain;margin-bottom:10px}.footer-brand h2{font-size:22px;margin-bottom:13px}.footer-brand p{font-size:13px;color:#adb6c4;max-width:360px}.footer-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #384250;padding-top:20px;font-size:12px;color:#b8c0ca}.footer-bottom a{color:inherit}.whatsapp-float{position:fixed;right:20px;bottom:20px;padding:11px 17px;background:#186e52;color:#fff;border-radius:99px;box-shadow:0 8px 25px #0003;font-weight:700;font-size:13px;z-index:30}.cookie-banner{position:fixed;left:20px;bottom:20px;z-index:90;background:#fff;border:1px solid #d4d7df;border-radius:12px;padding:20px;max-width:420px;box-shadow:0 18px 55px rgba(0,0,0,.19)}.cookie-banner[hidden]{display:none}.cookie-banner p{font-size:13px;margin-bottom:15px}.cookie-banner>div{display:flex;gap:8px}.cookie-banner .btn{min-height:40px;padding:8px 13px}.cookie-banner .btn--outline{color:var(--ink)} @media(max-width:1100px){.main-nav{gap:12px;font-size:12px}.header-row{gap:10px}.brand strong{font-size:11px}.hero-layout{gap:38px}.hero-media{min-height:400px}.hero-photo{height:430px}.container{width:min(var(--max),calc(100% - 42px))}} @media(max-width:880px){.site-header .mobile-toggle{display:block}.site-header{position:sticky}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:14px 22px 24px;box-shadow:0 16px 24px #10182810;max-height:80vh;overflow-y:auto;align-items:stretch;flex-direction:column;gap:0}.main-nav.open{display:flex}.main-nav>a,.nav-parent{width:100%;display:block;padding:13px;border-bottom:1px solid #f0f1f3;text-align:left;font-size:14px}.nav-dropdown{width:100%}.nav-dropdown:hover .nav-submenu{display:none}.nav-dropdown.open .nav-submenu{display:block}.nav-submenu{position:static;box-shadow:none;border:0;border-radius:0;background:#f6f7f9;margin:0 0 8px;padding:6px}.nav-dropdown.open .nav-submenu a{font-size:13px}.main-nav .nav-contact{display:block;text-align:center;margin-top:12px}.hero-layout,.split-layout,.section--video .split-layout{grid-template-columns:1fr}.section{padding:65px 0}.section--hero{padding:55px 0 65px}.hero-media{max-width:610px}.hero-photo{height:380px}.hero-media-caption{left:15px;bottom:-12px}.steps-grid,.cards-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(3,1fr)}.split-layout{gap:32px}.footer-upper{gap:28px}} @media(max-width:570px){.container{width:calc(100% - 32px)}.header-row{min-height:67px}.brand img{width:33px;height:39px}.brand strong{font-size:10px}.brand small{font-size:8px}.section{padding:53px 0}.section--hero{padding:40px 0 64px}.eyebrow{font-size:10px;margin-bottom:17px}h1{font-size:clamp(2.2rem,9.5vw,3rem)}h2{font-size:2rem}h3{font-size:1.13rem}.hero-copy .prose,.prose{font-size:15px}.hero-copy h1{margin-bottom:17px}.hero-layout{gap:32px}.hero-media{min-height:290px}.hero-photo{height:310px;border-radius:6px 56px 6px 6px}.hero-media-caption{padding:12px;font-size:12px;left:10px;bottom:-18px}.hero-media-caption span{font-size:10px}.actions{flex-direction:column;align-items:stretch}.btn{width:100%}.hero-qualities{margin-top:25px;gap:8px 14px;font-size:11px}.cards-grid,.steps-grid,.pricing-grid,.form-grid,.calc-grid{grid-template-columns:1fr}.feature-card{min-height:auto;padding:23px}.card-index{margin-bottom:22px}.split-layout{gap:28px}.split-photo,.abstract-panel{height:300px;min-height:300px}.cta-layout{align-items:stretch;flex-direction:column}.contact-form,.tool-panel{padding:18px}.contact-form button{width:100%}.footer-upper{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column}.cookie-banner{left:10px;right:10px;bottom:10px;max-width:none}.whatsapp-float{right:12px;bottom:14px}.section--dark .eyebrow{color:#fff}.hero-abstract{min-height:300px}.abstract-letter{font-size:150px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}} /* JAG V2 — Estilo editorial de consultoría, contenido administrable por bloques */ :root{--accent:#D60820;--ink:#17202e;--muted:#647084;--dark:#111c2b;--off:#f4f6f7;--line:#e1e6ea;--max:1240px} body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65} .section{padding:104px 0} h1,h2,h3{letter-spacing:-.055em;line-height:1.12} h1{font-size:clamp(3.05rem,5.1vw,5.55rem)} h2{font-size:clamp(2.1rem,3.5vw,3.7rem)} h3{font-size:1.32rem;letter-spacing:-.035em} .prose{color:#526073;font-size:16px;line-height:1.88} .prose p+p{margin-top:18px} .prose strong{font-weight:750;color:inherit} .section-heading{max-width:930px;margin-bottom:48px} .section-heading h2{max-width:880px;margin-bottom:19px} .section-heading .prose{max-width:730px} .eyebrow{font-size:11px;letter-spacing:.18em;margin-bottom:21px} .site-header{border-top:3px solid var(--accent);border-bottom:1px solid #e4e7ea;background:rgba(255,255,255,.97)} .header-row{min-height:88px} .brand img{width:42px;height:47px} .brand strong{font-size:12px;letter-spacing:.08em} .brand small{letter-spacing:.13em;font-size:9px} .main-nav{gap:19px;font-size:12px} .main-nav .nav-contact{border-radius:3px;padding:14px 16px} .btn{border-radius:4px;padding:16px 23px;font-size:13px;min-height:53px;letter-spacing:.015em;gap:20px} .btn--outline{background:transparent} .section--soft{background:#f3f5f6} .section--dark{background:#111c2b} /* Intro: strong editorial identity, not a generic business hero. */ .page-home .section--hero{background:#111c2b;color:#fff;position:relative;padding:99px 0 118px;isolation:isolate} .page-home .section--hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 68% 30%,#3449607d,transparent 45%),linear-gradient(125deg,#111c2b 0%,#142333 53%,#0e1724 100%)} .page-home .section--hero:after{content:"";position:absolute;right:0;top:0;height:100%;width:42%;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 70px,rgba(255,255,255,.02) 71px,transparent 72px)} .page-home .section--hero .eyebrow{color:#f9f9fb;font-weight:760} .page-home .section--hero .eyebrow:before{background:#D60820} .page-home .section--hero .hero-layout{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:64px} .page-home .section--hero .hero-copy h1{font-size:clamp(2.8rem,4.3vw,4.95rem);max-width:700px;margin-bottom:30px;line-height:1.1;letter-spacing:-.06em} .page-home .section--hero .hero-copy .prose{color:#c6d2de;max-width:570px;font-size:16px;line-height:1.91} .page-home .section--hero .hero-qualities{color:#d2dce6;gap:8px 20px;margin-top:39px} .page-home .section--hero .hero-qualities span:before{color:#e52d43} .page-home .section--hero .btn--outline{border-color:#718093;color:#fff} .page-home .section--hero .btn--outline:hover{background:#26394d;color:#fff} .page-home .section--hero .hero-media{min-height:560px} .page-home .section--hero .hero-media:after{background:transparent;border:1px solid #72869a55;border-radius:0;z-index:0;height:81%;top:31px;right:-19px;pointer-events:none} .page-home .section--hero .hero-media-caption{background:#fff;color:#14202e;border:0;left:-29px;bottom:-19px;padding:21px 29px;box-shadow:0 24px 55px #0005} .page-home .section--hero .hero-media-caption span{color:#5b6675} .hero-visual{min-height:552px;height:552px;padding:0;display:flex;flex-direction:column;justify-content:space-between;border-radius:2px 95px 2px 2px;box-shadow:0 30px 80px #0005;background:linear-gradient(125deg,#243c52,#15263a 60%,#132031);border:1px solid #ffffff26;overflow:hidden;color:white} .visual-top{display:flex;align-items:center;gap:10px;padding:32px 34px;color:#e9f1f8;font-size:10px;font-weight:800;letter-spacing:.12em;border-bottom:1px solid #ffffff26} .visual-dot{display:block;width:7px;height:7px;border-radius:50%;background:#D60820;box-shadow:0 0 0 5px #d6082020} .visual-side{margin-left:auto;color:#a5b5c9;font-weight:600} .visual-core{padding:38px 38px 42px;display:flex;flex-direction:column;gap:28px} .visual-corner{color:#ffffff;font-size:12px;font-weight:600} .visual-title{font-weight:720;font-size:clamp(2.3rem,4.1vw,4.2rem);line-height:1.07;letter-spacing:-.07em} .visual-title em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em;color:#ffffff} .visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #ffffff3d;padding-top:27px} .visual-grid span{font-size:9px;line-height:1.5;letter-spacing:.075em;color:#d3dfeb;font-weight:760} .visual-footer{font-size:11px;letter-spacing:.02em;color:#b6c7d8;display:flex;align-items:center;gap:9px;padding:26px 34px;border-top:1px solid #ffffff26;background:#0b17249c} .visual-footer span:last-child{margin-left:auto;color:#8197aa} .visual-pulse{color:#d60820;font-size:9px} /* Big point of view rather than empty divider */ .page-home .section:nth-of-type(2){padding:102px 0;background:#fff} .page-home .section:nth-of-type(2) .text-layout{max-width:1110px;display:grid;grid-template-columns:.55fr 1.45fr;gap:55px;align-items:start} .page-home .section:nth-of-type(2) .eyebrow{grid-column:1/3;margin-bottom:-9px} .page-home .section:nth-of-type(2) h2{font-size:clamp(2.25rem,3.1vw,3.6rem)} .page-home .section:nth-of-type(2) .prose{border-left:2px solid #D60820;padding-left:36px;margin-top:5px} /* Service pillars: art directed layouts and less generic repetition */ .page-home .section:nth-of-type(3) .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px} .page-home .section:nth-of-type(3) .feature-card{min-height:320px;padding:42px 42px 32px;background:#fff;border:1px solid #e2e7eb;border-radius:3px} .page-home .section:nth-of-type(3) .card-index{margin-bottom:25px;color:#D60820} .page-home .section:nth-of-type(3) .feature-card h3{font-size:clamp(1.45rem,2.15vw,2.1rem);max-width:450px} .page-home .section:nth-of-type(3) .feature-card p{font-size:15px;line-height:1.82;max-width:470px} .page-home .section:nth-of-type(3) .feature-card:after{content:"";position:absolute;right:24px;bottom:29px;width:48px;height:1px;background:#d61a38} .page-home .section:nth-of-type(3) .feature-card:hover{transform:translateY(-2px);border-color:#b6bec8;box-shadow:0 20px 38px #1220320d} /* Problem/value section */ .page-home .section:nth-of-type(4){padding:104px 0} .page-home .section:nth-of-type(4) .split-layout{grid-template-columns:1.1fr .9fr} .page-home .section:nth-of-type(4) .prose p{border-bottom:1px solid #e2e6eb;padding:15px 0;font-size:15px} .page-home .section:nth-of-type(4) .prose p:last-child{border:0} .page-home .section:nth-of-type(4) .abstract-panel{height:525px;padding:53px;background:linear-gradient(135deg,#e9eef1,#f6f7f7);border-radius:3px;box-shadow:inset 0 0 0 1px #dfe4e8} .page-home .section:nth-of-type(4) .abstract-panel strong{font-size:clamp(2.7rem,4vw,5.1rem);color:#1b2a3c} .page-home .section:nth-of-type(5) .feature-card{min-height:275px} .page-home .section:nth-of-type(5) .cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .page-home .section:nth-of-type(5) .feature-card{padding:30px 22px} .page-home .section:nth-of-type(5) h3{font-size:1.28rem} .page-home .section:nth-of-type(5) .feature-card p{font-size:13px} .page-home .section:nth-of-type(5) .card-index{margin-bottom:34px} /* Primary interactive lead magnet */ .section--diagnostic{background:#eef1f4;position:relative} .diagnostic-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:77px;align-items:center} .diagnostic-copy h2{margin-bottom:28px} .diagnostic-copy .prose{max-width:550px;line-height:1.9} .diagnostic-facts{display:grid;gap:12px;margin-top:31px;color:#2c4050;font-weight:690;font-size:13px} .diagnostic-facts span{border-bottom:1px solid #d4dce3;padding-bottom:11px} .audit-widget{background:#fff;padding:30px;border:1px solid #dbe0e7;box-shadow:0 25px 70px #0c23401c;position:relative;border-radius:7px} .audit-widget:before{content:"";height:3px;position:absolute;left:0;top:0;right:0;background:linear-gradient(90deg,#D60820,#D60820 40%,#243c58)} .audit-mini-head{display:flex;align-items:center;gap:10px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #edf0f2;font-size:13px;color:#1f2d3b} .audit-mini-head>span:last-child{margin-left:auto;color:#768292;font-size:11px;font-weight:630;border-radius:3px;padding:3px 9px;background:#f0f3f5} .audit-live-dot{width:8px;height:8px;border-radius:50%;background:#d91b3a} .audit-widget form label{display:block;font-weight:730;font-size:13px;color:#2e3b4b;margin-bottom:11px} .audit-field{display:flex;align-items:stretch;gap:6px} .audit-field input{min-width:0;flex:1;font-size:15px;padding:16px 12px;border:1px solid #cfd7df;border-radius:4px;outline-offset:3px} .audit-field button{border:0;background:#dc1736;color:#fff;padding:13px 16px;font-size:12px;font-weight:760;border-radius:4px;white-space:nowrap} .audit-field button:disabled{opacity:.55;cursor:progress} .audit-note{font-size:11px;line-height:1.7;color:#667588;margin-top:15px} .audit-widget-foot{border-top:1px solid #edf0f3;margin-top:23px;padding-top:20px;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:11px;color:#768191} .audit-widget-foot a{font-weight:760;color:#cc2040;white-space:nowrap} .audit-result{border-top:1px solid #e7eaf0;margin-top:20px;padding-top:22px} .audit-result[hidden]{display:none} .audit-domain{font-weight:780;letter-spacing:.07em;font-size:10px;color:#d41c3c} .audit-complete h3{font-size:1.28rem;margin:7px 0 18px} .audit-scores{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} .audit-score{background:#f3f5f7;padding:14px;border-radius:4px;display:grid;gap:6px} .audit-score strong{font-size:26px;color:#142131;letter-spacing:-.04em} .audit-score small{font-size:11px;color:#7c8996;margin-left:2px} .audit-score span{font-size:12px;color:#5e6c7d} .audit-complete h4{font-size:12px;margin:23px 0 8px} .audit-complete ul{margin:0;padding-left:17px;font-size:12px;color:#5e6b7a;line-height:1.8} .audit-lead-link{display:inline-flex;margin-top:15px;font-size:12px;font-weight:760;color:#d41f3e} .audit-error{color:#b92237;font-size:13px} .audit-loading{font-size:13px;color:#34495e} .page-home .section:nth-of-type(8) .split-photo{min-height:420px;object-position:center 44%} .page-home .section:nth-of-type(9) .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .page-home .section:nth-of-type(9) .feature-card{min-height:285px} .page-home .section:nth-of-type(11) .steps-grid{grid-template-columns:repeat(4,minmax(0,1fr))} /* FAQ custom */ .section--faq{background:#fff} .faq-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:start} .faq-intro h2{margin-bottom:26px} .faq-items{border-top:1px solid #d6dce3} .faq-items details{padding:22px 0;border-bottom:1px solid #d6dce3} .faq-items summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:16px;font-weight:760;list-style:none;line-height:1.55} .faq-items summary::-webkit-details-marker{display:none} .faq-items summary span{font-weight:400;font-size:24px;color:var(--accent)} .faq-items details[open] summary span{transform:rotate(45deg)} .faq-items details p{padding-top:14px;max-width:600px;font-size:14px;line-height:1.8;color:#667385} .page-home .section--cta{padding:110px 0;background:#131f2f} .page-home .section--cta .cta-layout{display:grid;grid-template-columns:1.25fr .75fr;align-items:center} .page-home .section--cta .prose{max-width:670px} .page-home .section--cta .actions{justify-content:flex-end} .page-home .section--cta .btn--outline{color:#fff;border-color:#667789} /* Footer */ .site-footer{background:#0d1623;color:white;padding-top:85px} .footer-upper{grid-template-columns:2fr 1fr 1fr;gap:70px} .footer-brand h2{font-size:26px} .footer-brand p{font-size:14px} /* Other pages retain the shared admin-editable blocks, with stronger typography. */ body:not(.page-home) .section--hero{background:#f2f5f7;padding:82px 0} body:not(.page-home) .section--hero .hero-layout{grid-template-columns:1.15fr .85fr} body:not(.page-home) .section--hero h1{font-size:clamp(2.6rem,4vw,4.25rem)} body:not(.page-home) .hero-abstract{min-height:380px} body:not(.page-home) .hero-media{min-height:380px} body:not(.page-home) .hero-media-caption{bottom:-16px} @media(max-width:1120px){.page-home .section:nth-of-type(5) .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-home .section--hero .hero-layout{gap:38px}.main-nav{gap:11px;font-size:11px}} @media(max-width:880px){.page-home .section--hero .hero-layout,.diagnostic-layout,.faq-layout,.page-home .section:nth-of-type(4) .split-layout,.page-home .section--cta .cta-layout{grid-template-columns:1fr}.page-home .section--hero .hero-media{max-width:620px;min-height:470px}.hero-visual{height:460px;min-height:460px}.page-home .section:nth-of-type(2) .text-layout{grid-template-columns:1fr;gap:13px}.page-home .section:nth-of-type(2) .eyebrow{grid-column:auto}.page-home .section:nth-of-type(2) .prose{padding-left:22px}.page-home .section:nth-of-type(5) .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-layout,.faq-layout{gap:31px}.page-home .section--cta .actions{justify-content:flex-start}.section{padding:72px 0}} @media(max-width:600px){.section{padding:59px 0}.page-home .section--hero{padding:65px 0 90px}.page-home .section--hero .hero-copy h1{font-size:clamp(2.3rem,9.7vw,3.35rem)}.page-home .section--hero .hero-copy .prose{font-size:15px}.page-home .section--hero .hero-media{min-height:355px}.hero-visual{min-height:350px;height:350px;border-radius:2px 65px 2px 2px}.visual-top{padding:20px;font-size:8px}.visual-core{padding:20px;gap:20px}.visual-title{font-size:2.55rem}.visual-grid span{font-size:8px}.visual-footer{padding:18px;font-size:9px}.page-home .section--hero .hero-media-caption{left:5px;bottom:-16px}.page-home .section:nth-of-type(2){padding:65px 0}.page-home .section:nth-of-type(3) .cards-grid,.page-home .section:nth-of-type(5) .cards-grid,.page-home .section:nth-of-type(9) .cards-grid,.page-home .section:nth-of-type(11) .steps-grid{grid-template-columns:1fr}.page-home .section:nth-of-type(3) .feature-card{padding:30px;min-height:270px}.page-home .section:nth-of-type(4) .abstract-panel{height:340px;padding:31px}.page-home .section:nth-of-type(4) .abstract-panel strong{font-size:2.9rem}.page-home .section:nth-of-type(5) .feature-card{min-height:0}.page-home .section--cta{padding:72px 0}.audit-widget{padding:20px}.audit-field{display:flex;flex-direction:column}.audit-field button{min-height:44px}.audit-widget-foot{flex-direction:column;align-items:flex-start}.faq-items summary{font-size:14px}} /* Social self-check is self-reported, never a simulated platform scan. */ .social-review{padding:31px;background:#fff;border:1px solid #dbe1e6;box-shadow:0 20px 50px #0d223008;border-radius:6px} .social-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:25px} .social-review label{font-size:13px;font-weight:750;color:#263343;display:grid;gap:7px} .social-review select{min-height:48px;padding:10px 12px;border:1px solid #cfd7df;border-radius:3px;background:#fff;width:100%;font-size:13px;color:#263343} .social-review .audit-note{margin-top:20px} .social-result{border-top:1px solid #e3e8ed;margin-top:23px;padding-top:23px} .social-result[hidden]{display:none} .social-result h3{font-size:22px;margin-bottom:8px} .social-result p,.social-result li{color:#5b6878;font-size:14px;line-height:1.8} .social-result ol{padding-left:25px;margin:13px 0} @media(max-width:650px){.social-form-grid{grid-template-columns:1fr}.social-review{padding:20px}} /* V3: emphasizing the commercial promise; editable __underlined phrase__. */ .headline-underline{position:relative;display:inline;text-decoration:underline;text-decoration-color:#e50822;text-underline-offset:.12em;text-decoration-thickness:.065em;text-decoration-skip-ink:none} .page-home .section--hero .hero-copy h1{font-size:clamp(3.1rem,5.1vw,5.6rem);line-height:1.08;max-width:740px} .page-home .section--hero .hero-copy .prose{font-size:17px} .page-home .section--hero .hero-copy .prose strong{color:#fff} .page-home .section:nth-of-type(4) .split-visual img{object-fit:contain;background:#edf1f4;padding:25px} .page-home .section:nth-of-type(5) .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .page-home .section:nth-of-type(5) .feature-card{min-height:270px;padding:36px} .page-home .section:nth-of-type(5) .feature-card h3{font-size:1.6rem} .page-home .section:nth-of-type(5) .feature-card p{font-size:14px} @media(max-width:760px){.page-home .section--hero .hero-copy h1{font-size:clamp(2.65rem,10vw,4rem)}.page-home .section:nth-of-type(5) .cards-grid{grid-template-columns:1fr}.page-home .section:nth-of-type(5) .feature-card{min-height:unset}.headline-underline{text-decoration-thickness:.07em}} /* V4: rojo de marca definido y jerarquía editorial, sin tratamiento rosado. */ :root{--accent:#D60820;--ink:#162130;--dark:#101D2D} .page-home .section--hero .headline-underline{text-decoration-color:#D60820;text-decoration-thickness:.085em;text-underline-offset:.13em} .page-home .section--hero .eyebrow{color:#fff} .page-home .section--hero .hero-media-caption{border-bottom:4px solid #D60820} .page-home .section--hero .hero-photo{border-radius:2px 58px 2px 2px;filter:saturate(.86)} .page-home .section:nth-of-type(3) .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .page-home .section:nth-of-type(3) .feature-card{min-height:325px} .page-home .section:nth-of-type(3) .card-index{color:#C70721} .page-home .section--diagnostic .audit-widget:before{background:#D60820} .section--dark .eyebrow{color:#fff} .nav-contact,.btn:not(.btn--outline){background:#D60820;border-color:#D60820} .nav-contact:hover,.btn:not(.btn--outline):hover{background:#B60019;border-color:#B60019} .page-home .section:nth-of-type(6) .feature-card,.page-home .section:nth-of-type(8) .feature-card{min-height:255px} .page-home .section:nth-of-type(3) .section-heading .prose{max-width:900px} .prose{max-width:72ch;line-height:1.84} .prose p+p{margin-top:20px} @media(max-width:1000px){.page-home .section:nth-of-type(3) .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.page-home .section:nth-of-type(3) .cards-grid{grid-template-columns:1fr}.page-home .section--hero .hero-media{min-height:320px}.page-home .section--hero .hero-photo{height:320px}} .cookie-settings-link{background:none;border:0;color:#cbd0d9;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}.cookie-settings-link:hover{color:white} /* V4.1 — Content hierarchy: short hero, detailed but scannable service cards. */ .section--hero{padding:68px 0 78px}.hero-copy .prose{font-size:17px;line-height:1.65;max-width:540px}.hero-copy .prose p{max-width:510px} .hero-copy h1{max-width:625px}.section--hero .actions{margin-top:27px}.hero-qualities{margin-top:27px} .section--cards{padding:75px 0 84px}.section--cards .section-heading{max-width:870px;margin-bottom:26px} .section--cards .section-heading h2{font-size:clamp(1.85rem,3vw,2.85rem);line-height:1.12;margin-bottom:11px} .section--cards .section-heading .prose{font-size:15px;line-height:1.6;max-width:690px} .section--cards .feature-card{min-height:254px;padding:25px 25px 21px;border-radius:12px;border:1px solid #e1e4e9;background:#fff} .section--cards .card-index{margin-bottom:21px;font-size:11px} .section--cards .feature-card h3{font-size:1.12rem;line-height:1.22;letter-spacing:-.02em;max-width:none;margin-bottom:11px} .section--cards .feature-card p{font-size:14px;line-height:1.68;color:#515c6d;margin-bottom:22px} .section--cards .feature-card .card-arrow{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:15px;border-top:1px solid #e8eaed;color:#b9091d;font-size:12px;font-weight:780;letter-spacing:.005em} .section--cards .feature-card .card-arrow span{font-size:20px;line-height:1;color:#b9091d} .section--cards .feature-card:hover{border-color:#b6bbc4;box-shadow:0 12px 30px rgba(17,28,45,.07)} #especialidades{padding-top:75px}#especialidades .cards-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px} #especialidades .feature-card{grid-column:span 2;min-height:268px;border-top:3px solid #be0a1c} #especialidades .feature-card:nth-child(4),#especialidades .feature-card:nth-child(5){grid-column:span 3;min-height:215px} #especialidades .feature-card h3{font-size:1.25rem} .section--cta{padding:52px 0}.section--cta .cta-layout h2{font-size:clamp(1.5rem,2.6vw,2.35rem)} .section--split{padding:72px 0}.section--split h2{font-size:clamp(1.9rem,3vw,2.9rem)} .section--split .prose{font-size:15px;line-height:1.68} .section--diagnostic{padding:76px 0}.section--steps{padding:72px 0} @media(max-width:950px){#especialidades .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#especialidades .feature-card,#especialidades .feature-card:nth-child(4),#especialidades .feature-card:nth-child(5){grid-column:span 1;min-height:240px}} @media(max-width:650px){.section--hero{padding:43px 0 65px}.hero-copy .prose{font-size:15.5px;line-height:1.6}.section--cards{padding:54px 0}.section--cards .feature-card{min-height:0;padding:22px 21px}.section--cards .feature-card .card-index{margin-bottom:13px}#especialidades .cards-grid{grid-template-columns:1fr}#especialidades .feature-card,#especialidades .feature-card:nth-child(4),#especialidades .feature-card:nth-child(5){min-height:0;grid-column:span 1}.section--cards .feature-card p{margin-bottom:14px}.section--cta{padding:46px 0}} /* V4.2: acentos de color discretos en tarjetas existentes del Home. Sin cambios de layout. */ .page-home #especialidades .feature-card:nth-child(1){border-top-color:#d60820;} .page-home #especialidades .feature-card:nth-child(2){border-top-color:#166a9c;} .page-home #especialidades .feature-card:nth-child(3){border-top-color:#208466;} .page-home #especialidades .feature-card:nth-child(4){border-top-color:#166a9c;} .page-home #especialidades .feature-card:nth-child(5){border-top-color:#208466;} .page-home #especialidades .feature-card:nth-child(2) .card-index, .page-home #especialidades .feature-card:nth-child(4) .card-index{color:#166a9c;} .page-home #especialidades .feature-card:nth-child(3) .card-index, .page-home #especialidades .feature-card:nth-child(5) .card-index{color:#208466;} .page-home #servicios-marketing .feature-card:nth-child(3n+2) .card-index{color:#166a9c;} .page-home #servicios-mercado-publico .feature-card:nth-child(3n+2) .card-index{color:#208466;} /* JAG V4.2.1 — Contraste accesible sobre fondos oscuros. Solo corrige colores de texto; no cambia diseños, posiciones ni tamaños. */ .page-home .section--cta, .page-home .section--cta h2, .page-home .section--cta h3 { color:#ffffff; } .page-home .section--cta .prose, .page-home .section--cta .prose p, .page-home .section--cta .prose strong { color:#d6e0ec; } .page-home .section--cta .eyebrow { color:#ff7184; } .page-home .section--cta .eyebrow::before { background:#ff7184; } /* Las secciones oscuras configurables deben conservar texto legible. */ .section--dark .prose a:not(.btn) { color:#ff8594; } .section--dark.section--faq, .section--dark.section--diagnostic { background:#101d2d; } .section--dark.section--faq .faq-items details p, .section--dark.section--faq .faq-items summary { color:#d6e0ec; } .section--dark.section--faq .faq-items { border-top-color:#526273; } .section--dark.section--faq .faq-items details { border-bottom-color:#526273; } /* V5 accessibility and footer only: home geometry unchanged */ .site-footer .footer-contact{display:flex;flex-direction:column;gap:10px;min-width:175px} .site-footer .footer-contact h3{font-size:1rem;margin:0 0 10px} .site-footer .footer-contact a{overflow-wrap:anywhere} .site-footer .footer-bottom{flex-wrap:wrap;gap:12px 22px;line-height:1.8} .site-footer a:focus-visible,.btn:focus-visible,.main-nav a:focus-visible{outline:3px solid #88caff;outline-offset:3px} @media(max-width:740px){.site-footer .footer-contact{padding-top:8px}.site-footer .footer-bottom>*{max-width:100%} .site-footer .footer-bottom span{overflow-wrap:anywhere}} /* V5: footer four-column grid with responsive wrapping; prevents mobile overflow. */ .footer-upper{grid-template-columns:minmax(0,1.65fr) repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,50px)} .footer-upper>*{min-width:0;overflow-wrap:anywhere} @media(max-width:900px){.footer-upper{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.footer-upper .footer-brand{grid-column:span 2}} @media(max-width:570px){.footer-upper{grid-template-columns:1fr;gap:20px}.footer-upper .footer-brand{grid-column:auto}} /* Privacy form uses a true inline checkbox rather than a full-width text input. */ .contact-form label.checkline{display:flex;align-items:flex-start;gap:10px;line-height:1.5;font-weight:500} .contact-form label.checkline input[type=checkbox]{width:17px;height:17px;min-height:17px;flex:0 0 17px;margin-top:2px} /* JAG V5.1 | Corrección de contraste para heroes claros con configuración `dark`. No altera estructura, tamaños, posiciones ni orden del contenido. */ body:not(.page-home) .section--hero.section--dark {color:#172132;} body:not(.page-home) .section--hero.section--dark h1 {color:#172132;} body:not(.page-home) .section--hero.section--dark .eyebrow {color:#A90F24;} body:not(.page-home) .section--hero.section--dark .hero-copy .prose {color:#455064;} body:not(.page-home) .section--hero.section--dark .hero-qualities {color:#455064;} body:not(.page-home) .section--hero.section--dark .btn--outline {color:#172132;border-color:#8D9AAD;} body:not(.page-home) .section--hero.section--dark .btn--outline:hover {color:#172132;background:#E8EDF2;} .tool-panel .hint {color:#4B5563;} /* V5.3 — controls de encuadre. Posición móvil independiente y sin cortar rostros por defecto. */ .hero-photo,.split-photo{object-position:var(--jag-pos-x,50%) var(--jag-pos-y,50%)!important;object-fit:var(--jag-fit,cover)!important} @media(max-width:760px){.hero-photo,.split-photo{object-position:var(--jag-mobile-pos-x,50%) var(--jag-mobile-pos-y,35%)!important}} /* Servicios: altura relacionada con el contenido, sin grandes espacios vacíos. Home no cambia. */ body:not(.page-home) .section--cards .feature-card,body:not(.page-home) .section--steps .feature-card,body:not(.page-home) .section--pricing .feature-card{min-height:0!important;padding:clamp(20px,2.5vw,32px)} body:not(.page-home) .section--cards .feature-card p,body:not(.page-home) .section--steps .feature-card p{margin-bottom:10px} .service-detail-panel{min-height:320px;padding:clamp(27px,3vw,47px);background:#eaf0f5;color:#172435;display:flex;flex-direction:column;justify-content:center;gap:17px;border-left:5px solid #166a9c} .service-detail-panel span{font-size:11px;color:#166a9c;letter-spacing:.12em;font-weight:800} .service-detail-panel strong{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.035em} .service-detail-panel p{color:#40536c;line-height:1.7;font-size:14px} .section--dark .service-detail-panel{background:#26364a;color:#fff}.section--dark .service-detail-panel p{color:#e0e9f1} @media(max-width:650px){.service-detail-panel{min-height:0;padding:25px}.section--pricing .pricing-grid{grid-template-columns:1fr}} .split-layout--no-image{display:block;max-width:940px}.split-layout--no-image>div{max-width:900px}.split-layout--no-image .prose{max-width:860px} /* JAG V5.4 — único cambio visual del Home: separador entre áreas y servicios. Bloque independiente y editable desde /privado/paginas/. */ .page-home #separador-servicios { position:relative; isolation:isolate; padding:34px 0; background:linear-gradient(105deg,#14273b 0%,#1d3a50 100%); color:#fff; border-top:3px solid #D60820; border-bottom:1px solid #32516a; } .page-home #separador-servicios::after { content:""; position:absolute; right:-70px;top:50%;transform:translateY(-50%); width:340px;height:160px; background:radial-gradient(circle,rgba(42,130,149,.20) 0%,transparent 70%); pointer-events:none;z-index:-1; } .page-home #separador-servicios .text-layout { display:flex;max-width:unset;align-items:center;justify-content:center; gap:24px;text-align:center; } .page-home #separador-servicios .eyebrow { margin:0;color:#bbd7e5;font-size:10px;font-weight:800; letter-spacing:.15em;white-space:nowrap; } .page-home #separador-servicios .eyebrow::before {background:#ef6775;width:21px;} .page-home #separador-servicios h2 { color:#fff;margin:0;font-size:clamp(1.15rem,2.15vw,1.65rem); font-weight:730;line-height:1.25;letter-spacing:-.022em; } @media(max-width:650px){ .page-home #separador-servicios {padding:26px 0;} .page-home #separador-servicios .text-layout {flex-direction:column;gap:9px;} .page-home #separador-servicios h2 {font-size:1.22rem;} .page-home #separador-servicios .eyebrow {font-size:9px;} } /* V5.5 — precios: jerarquía clara, comparación legible, adaptable. */ .section--pricing .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px;align-items:stretch} .section--pricing .jag-plan{background:#fff;border:1px solid #dce2e8;border-radius:13px;padding:30px!important;box-shadow:0 2px 2px #14213105;display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden;border-top:4px solid #166a9c} .section--pricing .jag-plan:nth-child(2){border-top-color:#d60820} .section--pricing .jag-plan:nth-child(3){border-top-color:#208466} .section--pricing .jag-plan h3{font-size:clamp(18px,1.7vw,23px);letter-spacing:-.035em;line-height:1.25;max-width:none;margin:0 0 13px;color:#182638} .section--pricing .jag-plan__price{font-size:clamp(28px,3vw,40px);letter-spacing:-.06em;line-height:1.13;font-weight:830;color:#162438;margin-bottom:3px} .section--pricing .jag-plan__period{font-size:12px;font-weight:650;color:#506174;margin:0 0 20px} .section--pricing .jag-plan__features{list-style:none;padding:17px 0 0;margin:0 0 23px;border-top:1px solid #e4e9ee;display:grid;align-content:start;gap:11px;flex:1} .section--pricing .jag-plan__features li{position:relative;padding-left:20px;font-size:13px;line-height:1.56;color:#394b60} .section--pricing .jag-plan__features li:before{content:'✓';position:absolute;left:0;top:0;color:#208466;font-weight:900} .section--pricing .jag-plan__action{display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:#15283e;border-radius:6px;padding:12px 16px;font-weight:760;font-size:13px;min-height:46px;text-align:center;margin-top:auto} .section--pricing .jag-plan:nth-child(2) .jag-plan__action{background:#d60820} .section--pricing .jag-plan__action:hover{filter:brightness(.92)} .section--pricing .jag-plan:not(a){cursor:default} .section--pricing .jag-plan__note{font-size:13px;line-height:1.6;color:#516176;margin:0 0 20px} body:not(.page-home) .section--text .text-layout{max-width:870px} body:not(.page-home) .section--text .prose{font-size:15px;line-height:1.75} @media(max-width:690px){.section--pricing .pricing-grid{grid-template-columns:1fr}.section--pricing .jag-plan{padding:24px!important}} /* Lectura más compacta de las páginas interiores, sin alterar Home. */ body:not(.page-home) .section:not(.section--hero):not(.section--pricing):not(.section--cta){padding-block:clamp(46px,5.2vw,74px)} body:not(.page-home) .section--cards .section-heading{margin-bottom:28px} body:not(.page-home) .section--text .text-layout h2{margin-bottom:14px} /* V5.6 — servicio claro y separación visual del footer. El Home no cambia. */ body:not(.page-home) .section--cta{background:#fff!important;color:#152438!important;border-top:1px solid #e3e9ef;padding:35px 0 42px!important} body:not(.page-home) .section--cta h2,body:not(.page-home) .section--cta .cta-layout h2{font-size:clamp(23px,2.35vw,31px);color:#172435!important;margin-bottom:7px} body:not(.page-home) .section--cta .prose,body:not(.page-home) .section--cta .prose p{color:#45546b!important;font-size:14px;line-height:1.6} body:not(.page-home) .section--cta .eyebrow{color:#b60c25!important;margin-bottom:10px} body:not(.page-home) .section--cta .cta-layout{gap:25px} body:not(.page-home) .section--cta .btn{white-space:normal;text-align:center;flex-shrink:0} body:not(.page-home) .section--pricing .pricing-grid--single{grid-template-columns:minmax(0,1fr);max-width:860px} body:not(.page-home) .pricing-grid--single .jag-plan{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,1.6fr);column-gap:30px;align-items:start;min-height:0;padding:27px 30px!important} body:not(.page-home) .pricing-grid--single .jag-plan h3{grid-column:1;font-size:19px;margin:0 0 12px} body:not(.page-home) .pricing-grid--single .jag-plan__price{grid-column:1;font-size:35px;line-height:1.2} body:not(.page-home) .pricing-grid--single .jag-plan__period{grid-column:1;margin:2px 0 18px} body:not(.page-home) .pricing-grid--single .jag-plan__features{grid-column:2;grid-row:1/span 3;margin:0 0 18px;border-top:0;padding-top:0} body:not(.page-home) .pricing-grid--single .jag-plan__action{grid-column:1/span 2;justify-self:start;min-width:195px;max-width:100%;margin-top:8px} @media(max-width:720px){body:not(.page-home) .section--cta .cta-layout{align-items:flex-start;flex-direction:column}body:not(.page-home) .pricing-grid--single .jag-plan{display:flex;padding:24px!important}body:not(.page-home) .pricing-grid--single .jag-plan__features{padding-top:15px;border-top:1px solid #e4e9ee;margin:0 0 20px;width:100%}} /* Compra Ágil: cuatro actividades legibles en dos columnas, sin tarjeta huérfana. */ @media(min-width:761px){body.page-asesoria-compra-agil .section--cards .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:930px}} /* V5.7 — Banner final de contacto separado del footer. Mantiene inalterados los banners intermedios del Home. */ body #contenido > .section--cta:last-child{background:#fff!important;color:#182434!important;border-top:2px solid #e3e8ef!important;border-bottom:1px solid #e3e8ef!important;padding-block:42px!important} body #contenido > .section--cta:last-child h2, body #contenido > .section--cta:last-child h3{color:#182434!important} body #contenido > .section--cta:last-child .prose, body #contenido > .section--cta:last-child .prose p, body #contenido > .section--cta:last-child .prose strong{color:#44556b!important} body #contenido > .section--cta:last-child .eyebrow{color:#b50c25!important} body #contenido > .section--cta:last-child .eyebrow::before{background:#b50c25!important} body #contenido > .section--cta:last-child .btn--outline{color:#182434!important;border-color:#9aa6b5!important} @media(max-width:650px){body #contenido > .section--cta:last-child{padding-block:30px!important}} /* V5.8: solo en páginas interiores, cuatro tarjetas se distribuyen 2 x 2. */ @media (min-width: 801px) { body:not(.page-home) .section--cards .cards-grid:has(> .feature-card:nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* V5.8: portada de servicios legible en móvil. El Home conserva su diseño aprobado. */ @media (max-width: 880px) { body:not(.page-home) .section--hero .hero-layout {grid-template-columns:minmax(0,1fr);gap:28px;} body:not(.page-home) .section--hero .hero-copy {min-width:0;} body:not(.page-home) .section--hero .hero-media {width:100%;max-width:620px;min-height:0;} body:not(.page-home) .section--hero .hero-abstract {min-height:300px;height:300px;} body:not(.page-home) .section--hero .hero-photo {height:320px;} } @media (max-width:600px) { body:not(.page-home) .section--hero .hero-copy h1 {font-size:clamp(2rem,8.5vw,2.65rem);line-height:1.14;overflow-wrap:break-word;} body:not(.page-home) .section--hero .hero-media-caption {left:10px;bottom:-12px;} body:not(.page-home) .section--hero .hero-abstract {height:250px;min-height:250px;} body:not(.page-home) .section--hero .hero-photo {height:265px;} body:not(.page-home) .section--hero .hero-media {margin-bottom:14px;} } /* V5.9: encuesta de satisfacción — jerarquía comercial, canales y lectura móvil. */ .page-encuestas-satisfaccion .section--hero {padding:68px 0 72px;background:#f2f5f7} .page-encuestas-satisfaccion .section--hero h1{font-size:clamp(2.35rem,3.95vw,4.1rem);line-height:1.11;letter-spacing:-.045em;color:#17202f} .page-encuestas-satisfaccion .section--hero .prose{color:#35445a;font-size:16px;line-height:1.7} .page-encuestas-satisfaccion .hero-qualities{display:none} .page-encuestas-satisfaccion .section{padding:63px 0} .page-encuestas-satisfaccion .section-heading{max-width:850px;margin-bottom:24px} .page-encuestas-satisfaccion .section-heading h2{font-size:clamp(1.85rem,3vw,2.75rem);line-height:1.19} .page-encuestas-satisfaccion .section-heading .prose{color:#506076;max-width:790px} .page-encuestas-satisfaccion .section--cards .feature-card,.page-encuestas-satisfaccion .section--steps .feature-card{min-height:0;padding:25px 24px 23px;box-shadow:0 4px 15px rgba(18,35,50,.025);border-radius:12px} .page-encuestas-satisfaccion .section--cards .feature-card h3,.page-encuestas-satisfaccion .section--steps .feature-card h3{font-size:18px;line-height:1.35;margin-bottom:9px} .page-encuestas-satisfaccion .section--cards .feature-card p,.page-encuestas-satisfaccion .section--steps .feature-card p{font-size:14px;line-height:1.65;color:#45556a;margin:0} .page-encuestas-satisfaccion #modalidades-encuestas .cards-grid,.page-encuestas-satisfaccion #que-medir .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .page-encuestas-satisfaccion #entregables-encuestas .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px} .page-encuestas-satisfaccion #modalidades-encuestas .feature-card{border-top:3px solid #166c96} .page-encuestas-satisfaccion #modalidades-encuestas .feature-card:nth-child(2){border-top-color:#218267} .page-encuestas-satisfaccion #modalidades-encuestas .feature-card:nth-child(3){border-top-color:#D60820} .page-encuestas-satisfaccion #modalidades-encuestas .feature-card:nth-child(4){border-top-color:#7465a9} .page-encuestas-satisfaccion .survey-channel-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#eaf3f8;color:#176a96;margin-bottom:18px} .page-encuestas-satisfaccion #modalidades-encuestas .feature-card:nth-child(2) .survey-channel-icon{background:#eaf6f1;color:#197955} .page-encuestas-satisfaccion #modalidades-encuestas .feature-card:nth-child(3) .survey-channel-icon{background:#fff0f1;color:#ba1429} .page-encuestas-satisfaccion #modalidades-encuestas .feature-card:nth-child(4) .survey-channel-icon{background:#f2effa;color:#63538b} .page-encuestas-satisfaccion #que-medir .feature-card{background:#fff} .page-encuestas-satisfaccion #que-medir .card-index,.page-encuestas-satisfaccion #metodologia-encuestas .card-index,.page-encuestas-satisfaccion #entregables-encuestas .card-index{color:#155b82;font-weight:800} .page-encuestas-satisfaccion #metodologia-encuestas .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .page-encuestas-satisfaccion #faq-encuestas .faq-layout{gap:40px} .page-encuestas-satisfaccion #cotizar{border-top:1px solid #e5e8ec;background:#fff} .page-encuestas-satisfaccion #cotizar .section-heading{margin-bottom:25px} .page-encuestas-satisfaccion .survey-hero-visual{background:#142b3d;min-height:370px;height:100%;border-radius:16px 58px 16px 16px;color:#fff;padding:31px 30px;display:flex;flex-direction:column;gap:11px;box-shadow:0 18px 48px rgba(22,38,53,.14)} .page-encuestas-satisfaccion .survey-visual-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#a9dce8;font-weight:700} .page-encuestas-satisfaccion .survey-visual-head{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.22;font-weight:750;letter-spacing:-.035em;margin:4px 0 11px;max-width:370px} .page-encuestas-satisfaccion .survey-visual-row{display:flex;gap:12px;align-items:center;background:#fff;color:#142b3d;font-size:14px;line-height:1.35;font-weight:650;border-radius:9px;padding:13px 15px} .page-encuestas-satisfaccion .survey-visual-row>span:last-child{margin-left:auto;color:#1b6f9b;font-weight:800} .page-encuestas-satisfaccion .survey-visual-dot{display:block;flex:none;width:9px;height:9px;background:#1f8cbe;border-radius:50%} .page-encuestas-satisfaccion .survey-visual-row:nth-last-child(3) .survey-visual-dot{background:#1a9a6a} .page-encuestas-satisfaccion .survey-visual-row:nth-last-child(2) .survey-visual-dot{background:#df2841} .page-encuestas-satisfaccion .survey-visual-bottom{font-size:11px;color:#c5d6e1;margin-top:auto;padding-top:13px} @media(max-width:950px){.page-encuestas-satisfaccion #entregables-encuestas .cards-grid{grid-template-columns:1fr 1fr}.page-encuestas-satisfaccion .survey-hero-visual{min-height:340px}} @media(max-width:680px){.page-encuestas-satisfaccion .section{padding:48px 0}.page-encuestas-satisfaccion .section--hero .hero-layout{grid-template-columns:1fr;gap:26px}.page-encuestas-satisfaccion .section--hero h1{font-size:clamp(2.1rem,8.5vw,3.1rem)}.page-encuestas-satisfaccion .section--hero .hero-media{min-height:0}.page-encuestas-satisfaccion .survey-hero-visual{min-height:0;padding:23px 20px;border-radius:14px 36px 14px 14px}.page-encuestas-satisfaccion .survey-visual-head{font-size:1.45rem}.page-encuestas-satisfaccion #modalidades-encuestas .cards-grid,.page-encuestas-satisfaccion #que-medir .cards-grid,.page-encuestas-satisfaccion #entregables-encuestas .cards-grid,.page-encuestas-satisfaccion #metodologia-encuestas .steps-grid{grid-template-columns:1fr}.page-encuestas-satisfaccion .section--cards .feature-card,.page-encuestas-satisfaccion .section--steps .feature-card{padding:21px}.page-encuestas-satisfaccion #faq-encuestas .faq-layout{grid-template-columns:1fr;gap:18px}} /* V6: tarjetas compactas, iconos y visual editorial de servicios. Home preservado. */ .page-plataforma-licitaciones-compra-agil .section--cards .feature-card, .page-encuestas-satisfaccion .section--cards .feature-card, .page-asesoria-compra-agil .section--cards .feature-card{min-height:0} .jag-service-icon{display:grid;place-items:center;background:#edf5f9;color:#17628e;width:46px;height:46px;border-radius:12px;margin:0 0 15px} .feature-card:nth-child(2) .jag-service-icon{background:#e9f5ee;color:#17764d} .feature-card:nth-child(3) .jag-service-icon{background:#fcecef;color:#be1831} .feature-card:nth-child(4) .jag-service-icon{background:#f1effa;color:#63579a} .jag-platform-visual{background:#142435;color:#fff;border-radius:16px 58px 16px 16px;padding:26px;min-height:420px;display:flex;flex-direction:column;gap:13px;box-shadow:0 15px 48px #14243518} .jag-platform-visual__top{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.09em;color:#c9dbe9} .jag-platform-visual__dot{height:8px;width:8px;border-radius:50%;background:#1fae84;flex-shrink:0} .jag-platform-visual__top span:last-child{color:#9fb1c0;font-size:9px} .jag-platform-visual__headline{font-size:clamp(21px,2.5vw,29px);font-weight:800;letter-spacing:-.025em;line-height:1.2;padding:12px 0 5px} .jag-platform-visual__links{display:flex;gap:6px;flex-wrap:wrap} .jag-platform-visual__links span{border:1px solid #54728b;background:#233b51;border-radius:15px;color:#fff;font-size:10px;padding:6px 9px} .jag-platform-visual__card{background:#fff;border-radius:11px;padding:14px 15px;display:flex;flex-direction:column;gap:5px;color:#142435} .jag-platform-visual__card b{font-size:14px}.jag-platform-visual__card small{font-size:11px;line-height:1.5;color:#546779} .jag-platform-visual__card span{font-size:10px;font-weight:800;color:#126c96;margin-top:3px} .jag-platform-visual__intel{margin-top:auto;background:#264f49;border:1px solid #377e72;border-radius:10px;padding:13px;font-size:10px;font-weight:800;letter-spacing:.05em;color:#b4e7d2} .jag-platform-visual__intel strong{font-size:12px;letter-spacing:0;color:#fff;display:block;padding-top:6px} .page-plataforma-licitaciones-compra-agil #centro-inteligencia .feature-card{border-top:3px solid #208265} .page-plataforma-licitaciones-compra-agil #planes .jag-plan{min-height:0} .page-plataforma-licitaciones-compra-agil #planes .jag-plan:nth-child(2){box-shadow:0 12px 26px rgba(17,50,75,.11);border-color:#177e9c} .page-plataforma-licitaciones-compra-agil #planes .jag-plan:nth-child(3){border-color:#258465} @media(max-width:680px){.jag-platform-visual{padding:20px;min-height:0;border-radius:13px 34px 13px 13px}.jag-platform-visual__top{font-size:9px}.jag-platform-visual__headline{font-size:22px} .page-plataforma-licitaciones-compra-agil .section--hero .hero-layout,.page-encuestas-satisfaccion .section--hero .hero-layout{grid-template-columns:minmax(0,1fr);gap:26px}} /* V6.2 Estudios de Mercado: contraste, tarjetas específicas, metodologías e íconos. */ .page-estudios-mercado .section{padding:65px 0} .page-estudios-mercado .section--hero{padding:72px 0 81px;background:#f5f7f9;color:#17202e} .page-estudios-mercado .section--hero h1{font-size:clamp(2.3rem,3.6vw,4rem);line-height:1.10;letter-spacing:-.045em;max-width:690px} .page-estudios-mercado .section--hero .prose{color:#37475c;font-size:16px;line-height:1.7} .page-estudios-mercado .section--hero .hero-qualities{display:none} .page-estudios-mercado .section-heading{max-width:900px;margin-bottom:25px} .page-estudios-mercado .section-heading h2{font-size:clamp(1.85rem,2.8vw,2.8rem);line-height:1.2} .page-estudios-mercado .section-heading .prose{font-size:15px;line-height:1.67;color:#4a5b6e;max-width:800px} .page-estudios-mercado .section--cards .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px} .page-estudios-mercado .section--cards .feature-card{min-height:0;padding:24px 26px 24px;border:1px solid #dde4ea;border-top:3px solid #176b9b;border-radius:12px;box-shadow:0 4px 15px #14253608} .page-estudios-mercado .section--cards .feature-card:nth-child(2){border-top-color:#198466} .page-estudios-mercado .section--cards .feature-card:nth-child(3){border-top-color:#c6203e} .page-estudios-mercado .section--cards .feature-card:nth-child(4){border-top-color:#6a56a5} .page-estudios-mercado .section--cards .feature-card h3{font-size:19px;line-height:1.30;margin:0 0 10px;max-width:none;letter-spacing:-.025em} .page-estudios-mercado .section--cards .feature-card p{font-size:14px;line-height:1.65;color:#405166;margin:0} .page-estudios-mercado .jag-service-icon,.page-estudios-mercado .survey-channel-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#eaf3fa;color:#14658d;margin:0 0 12px} .page-estudios-mercado .feature-card:nth-child(2) .jag-service-icon,.page-estudios-mercado .feature-card:nth-child(2) .survey-channel-icon{background:#e8f5ee;color:#17744b} .page-estudios-mercado .feature-card:nth-child(3) .jag-service-icon,.page-estudios-mercado .feature-card:nth-child(3) .survey-channel-icon{background:#fff0f1;color:#ad1a36} .page-estudios-mercado .feature-card:nth-child(4) .jag-service-icon,.page-estudios-mercado .feature-card:nth-child(4) .survey-channel-icon{background:#f2eefb;color:#6350a2} .page-estudios-mercado .market-study-tag{display:inline-flex;align-self:flex-start;background:#eaf3fa;color:#155f86;border-radius:20px;padding:4px 11px;line-height:1.2;font-size:10px;font-weight:850;letter-spacing:.06em;margin-bottom:13px} .page-estudios-mercado .feature-card:nth-child(2) .market-study-tag{background:#e8f5ee;color:#176b4a} .page-estudios-mercado .feature-card:nth-child(3) .market-study-tag{background:#fff0f1;color:#a71936} .page-estudios-mercado .feature-card:nth-child(4) .market-study-tag{background:#f2eefb;color:#62539a} .page-estudios-mercado #entregables-estudios .cards-grid,.page-estudios-mercado #metodos-estudios .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .page-estudios-mercado #faq-estudios .faq-layout{gap:45px} .page-estudios-mercado #cotizar-estudio{background:#fff;border-top:1px solid #dce3eb} .page-estudios-mercado .market-study-visual{background:#14283c;color:white;min-height:455px;border-radius:17px 58px 17px 17px;padding:28px 27px 24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 18px 42px #14283c22} .page-estudios-mercado .market-study-visual__head{display:flex;align-items:center;gap:8px;color:#c5d9e8;font-size:10px;letter-spacing:.09em;font-weight:850} .page-estudios-mercado .market-study-visual__head span:last-child{margin-left:auto;color:#8fa8bc} .page-estudios-mercado .market-study-visual__dot{height:8px;width:8px;flex-shrink:0;background:#36c69a;border-radius:50%} .page-estudios-mercado .market-study-visual__title{font-size:clamp(23px,2.1vw,31px);letter-spacing:-.04em;font-weight:780;line-height:1.20;max-width:440px} .page-estudios-mercado .market-study-visual__grid{display:grid;grid-template-columns:1fr 1fr;gap:9px} .page-estudios-mercado .market-study-visual__grid>div{display:flex;flex-direction:column;gap:7px;background:#fff;border-radius:9px;padding:15px 13px 14px;color:#15263b;min-height:127px} .page-estudios-mercado .market-study-visual__grid>div:nth-child(2){background:#eaf5ef} .page-estudios-mercado .market-study-visual__grid>div:nth-child(3){background:#f6edf1} .page-estudios-mercado .market-study-visual__grid>div:nth-child(4){background:#e9f0fb} .page-estudios-mercado .market-study-visual__mini{font-size:10px;color:#165d84;font-weight:800;letter-spacing:.035em} .page-estudios-mercado .market-study-visual__grid strong{font-size:15px;line-height:1.22} .page-estudios-mercado .market-study-visual__grid small{font-size:11px;line-height:1.4;color:#526475} .page-estudios-mercado .market-study-visual__foot{margin-top:auto;color:#c2d9e6;font-size:11px} @media(max-width:950px){.page-estudios-mercado #entregables-estudios .cards-grid,.page-estudios-mercado #metodos-estudios .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.page-estudios-mercado .section{padding:45px 0}.page-estudios-mercado .section--hero{padding:46px 0 62px}.page-estudios-mercado .section--hero .hero-layout{grid-template-columns:1fr;gap:25px}.page-estudios-mercado .section--hero h1{font-size:clamp(2.05rem,8.6vw,3.1rem)}.page-estudios-mercado .section--hero .hero-media{min-height:0}.page-estudios-mercado .market-study-visual{min-height:0;padding:21px 16px;border-radius:13px 34px 13px 13px}.page-estudios-mercado .market-study-visual__grid>div{min-height:115px;padding:12px 10px}.page-estudios-mercado .market-study-visual__grid strong{font-size:13px}.page-estudios-mercado .section--cards .cards-grid,.page-estudios-mercado #entregables-estudios .cards-grid,.page-estudios-mercado #metodos-estudios .cards-grid,.page-estudios-mercado #faq-estudios .faq-layout{grid-template-columns:1fr;gap:14px}.page-estudios-mercado .section--cards .feature-card{padding:20px 21px}.page-estudios-mercado .section--cards .feature-card h3{font-size:17px}} /* V6.3 — Commercial pages only. Home and V6.2 market study remain unchanged. */ section[id^="v63-"]{padding-top:60px;padding-bottom:62px} section[id^="v63-"] .section-heading{max-width:880px;margin-bottom:27px} section[id^="v63-"] .section-heading h2{font-size:clamp(1.8rem,2.75vw,2.85rem);letter-spacing:-.035em;line-height:1.16;margin:0 0 11px} section[id^="v63-"] .section-heading .prose{max-width:780px;color:#435269;font-size:15px;line-height:1.6} section[id^="v63-"] .cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} section[id^="v63-prestaciones-"] .cards-grid,section#v63-plataforma-funciones .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))} section[id^="v63-"] .feature-card{padding:23px 23px 22px;min-height:0;border:1px solid #dce4ec;border-top:3px solid #176d98;border-radius:13px;background:#fff;box-shadow:0 4px 16px rgba(18,35,51,.04);display:flex;flex-direction:column;align-items:flex-start;gap:0} section[id^="v63-"] .feature-card:nth-child(3n+2){border-top-color:#1c896c} section[id^="v63-"] .feature-card:nth-child(3n+3){border-top-color:#bd1f38} section[id^="v63-"] .feature-card h3{font-size:19px;line-height:1.29;letter-spacing:-.025em;margin:0 0 9px;color:#152033} section[id^="v63-"] .feature-card p{font-size:14px;line-height:1.60;color:#46576a;margin:0;max-width:none} section[id^="v63-"] .jag-service-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;margin-bottom:10px;border-radius:12px;background:#e9f4fa;color:#135e8b} section[id^="v63-"] .feature-card:nth-child(3n+2) .jag-service-icon{background:#e6f4ed;color:#187453} section[id^="v63-"] .feature-card:nth-child(3n+3) .jag-service-icon{background:#fdf0f0;color:#ad243a} section[id^="v63-"] .jag-v63-tag{background:#e9f4fa;color:#165979;border-radius:15px;padding:5px 10px;font-weight:800;font-size:10px;letter-spacing:.055em;display:inline-block;line-height:1.15;margin:0 0 13px} section[id^="v63-"] .feature-card:nth-child(3n+2) .jag-v63-tag{background:#e6f4ed;color:#157451} section[id^="v63-"] .feature-card:nth-child(3n+3) .jag-v63-tag{background:#fdf0f0;color:#a71a35} section[id^="v63-hero-"]{background:#f4f6f8;color:#142237;padding-top:66px;padding-bottom:72px} section[id^="v63-hero-"] h1{color:#132039;font-size:clamp(2.3rem,3.65vw,4.05rem);letter-spacing:-.045em;line-height:1.09;max-width:730px} section[id^="v63-hero-"] .prose{color:#43536a;line-height:1.65;font-size:16px} section[id^="v63-hero-"] .hero-qualities{display:none} section[id^="v63-hero-"] .hero-media{min-width:0} section[id^="v63-hero-"] .hero-media-caption{color:#697b8d} .jag-v63-hero-art{border-radius:15px 48px 15px 15px;background:#15283e;min-height:370px;display:flex;flex-direction:column;gap:18px;color:#fff;padding:25px 25px 23px;box-shadow:0 15px 35px rgba(18,35,50,.13)} .jag-v63-art-top{display:flex;align-items:center;gap:8px;color:#c8d8e8;font-weight:750;letter-spacing:.08em;font-size:10px} .jag-v63-art-top span:last-child{margin-left:auto;color:#abc0d0} .jag-v63-art-dot{width:8px;height:8px;border-radius:50%;background:#36c89b} .jag-v63-art-title{font-size:clamp(21px,2vw,29px);max-width:400px;line-height:1.2;letter-spacing:-.03em;font-weight:750} .jag-v63-art-list{display:flex;flex-direction:column;gap:8px} .jag-v63-art-line{display:grid;grid-template-columns:33px 1fr 20px;align-items:center;gap:8px;border-radius:9px;padding:15px 13px;color:#12253a;background:#fff} .jag-v63-art-line:nth-child(2){background:#e8f4ee} .jag-v63-art-line:nth-child(3){background:#eaf1fa} .jag-v63-art-line span:first-child{font-size:11px;font-weight:900;color:#176e92} .jag-v63-art-line strong{font-size:14px;font-weight:700;line-height:1.32} .jag-v63-art-line span:last-child{color:#69869f;font-size:17px} .jag-v63-art-foot{color:#bfd0df;font-size:11px;margin-top:auto} section[id^="v63-"] .faq-layout{gap:40px} section[id^="v63-consulta-"]{background:white;border-top:1px solid #dce4ed} section[id^="v63-consulta-"] .section-heading{max-width:780px} section#v63-plataforma-inteligencia .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))} section#v63-plataforma-inteligencia .feature-card{border-top-color:#1b8069} section#v63-plataforma-inteligencia .jag-v63-tag{background:#e6f4ed;color:#167452} @media(max-width:900px){section[id^="v63-"] .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){section[id^="v63-"]{padding-top:46px;padding-bottom:49px}section[id^="v63-hero-"] .hero-layout{grid-template-columns:1fr;gap:25px}section[id^="v63-hero-"] h1{font-size:clamp(2.05rem,8vw,3rem)}section[id^="v63-"] .cards-grid,section[id^="v63-prestaciones-"] .cards-grid,section#v63-plataforma-funciones .cards-grid,section#v63-plataforma-inteligencia .cards-grid{grid-template-columns:1fr;gap:13px}section[id^="v63-"] .feature-card{padding:20px 21px}section[id^="v63-"] .feature-card h3{font-size:17px}section[id^="v63-"] .section-heading h2{font-size:clamp(1.75rem,6.9vw,2.35rem)}.jag-v63-hero-art{min-height:0;border-radius:12px 30px 12px 12px;padding:20px 17px}.jag-v63-art-line{padding:12px 10px}.jag-v63-art-line strong{font-size:13px}} /* V6.4: tipografía igual en las tarjetas de servicios del Home. Evita que reglas antiguas nth-of-type varíen los tamaños al mover secciones. */ .page-home .section--cards:not(#especialidades) .feature-card h3 { font-size:18px!important;line-height:1.3!important;letter-spacing:-.02em!important; } .page-home .section--cards:not(#especialidades) .feature-card p { font-size:14px!important;line-height:1.68!important; } /* Derechos de datos: lectura clara y sin bloques redundantes. */ .page-solicitud-datos .section{padding:55px 0} .page-solicitud-datos .section--hero {padding-top:58px;padding-bottom:44px} .page-solicitud-datos .section--hero .hero-layout{grid-template-columns:1fr;max-width:850px;gap:0} .page-solicitud-datos .section--hero .hero-media{display:none} .page-solicitud-datos .section--shortcode {padding-top:54px;padding-bottom:58px;background:#f5f7f9} .page-solicitud-datos .section--shortcode .section-heading{max-width:830px} .page-solicitud-datos .contact-form{max-width:850px;background:white;padding:clamp(19px,3vw,35px);border:1px solid #e0e5eb;border-radius:14px} .page-solicitud-datos .section--text{padding:48px 0 65px} .page-solicitud-datos .section--text .text-layout{max-width:900px} @media(max-width:680px){.page-solicitud-datos .section--hero .hero-layout{grid-template-columns:1fr}.page-solicitud-datos .section--shortcode{padding:38px 0}.page-solicitud-datos .contact-form{padding:20px}} /* V6.6: safe HOME skin restoration. No structural/grid changes. */ .page-home #especialidades .feature-card{ box-shadow:0 2px 12px rgba(17,33,49,.035); border:1px solid #dfe5eb; border-top:3px solid var(--jag-card-accent,#d60820); border-radius:12px; background:#fff; transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease; } .page-home #especialidades .feature-card:nth-child(1){--jag-card-accent:#d81935;} .page-home #especialidades .feature-card:nth-child(2){--jag-card-accent:#176d9c;} .page-home #especialidades .feature-card:nth-child(3){--jag-card-accent:#21856d;} .page-home #especialidades .feature-card:nth-child(4){--jag-card-accent:#305d96;} .page-home #especialidades .feature-card:nth-child(5){--jag-card-accent:#6d58a0;} .page-home #especialidades .feature-card:hover{box-shadow:0 13px 29px rgba(17,33,49,.08);transform:translateY(-3px);border-color:#cfd7e1;border-top-color:var(--jag-card-accent)} .page-home #especialidades .feature-card h3{font-size:19px!important;line-height:1.29!important;letter-spacing:-.02em!important;color:#162337!important;} .page-home #especialidades .feature-card p{font-size:14px!important;line-height:1.68!important;color:#42536b!important;font-weight:400!important;} /* Stable, identical typography across ALL home service groups — no nth-of-type sizing. */ .page-home .section--cards .feature-card h3,.page-home #especialidades .feature-card h3{font-size:18px!important;line-height:1.32!important;letter-spacing:-.018em!important;} .page-home .section--cards .feature-card p,.page-home #especialidades .feature-card p{font-size:14px!important;line-height:1.67!important;font-weight:400!important;} .page-home #especialidades .feature-card .card-index{color:var(--jag-card-accent);} /* Link remains within existing card; unobtrusive text treatment rather than red input-like boxes. */ .page-home .section--cards .feature-card .card-arrow,.page-home #especialidades .feature-card .card-arrow{ display:flex;align-items:center;justify-content:space-between;gap:12px; margin-top:auto;padding:14px 0 0;border:0;border-top:1px solid #e6ebf0; background:none;box-shadow:none;border-radius:0;color:#253f5d; font-size:12.3px;font-weight:760;line-height:1.4;letter-spacing:0; } .page-home #especialidades .feature-card .card-arrow{color:var(--jag-card-accent)} .page-home .section--cards .feature-card .card-arrow span{font-size:18px;color:inherit;line-height:1} .page-home .section--cards .feature-card:hover .card-arrow{background:none;color:#125986;transform:none} .page-home #especialidades .feature-card:hover .card-arrow{color:var(--jag-card-accent)} /* Professional service pages: blue/teal/sage/amber accents instead of a blanket red stripe. */ body:not(.page-home) section[id^="v63-"] .feature-card{border-top-color:#23729a} body:not(.page-home) section[id^="v63-"] .feature-card:nth-child(4n+2){border-top-color:#168269} body:not(.page-home) section[id^="v63-"] .feature-card:nth-child(4n+3){border-top-color:#6d5aa1} body:not(.page-home) section[id^="v63-"] .feature-card:nth-child(4n+4){border-top-color:#c07936} body:not(.page-home) section[id^="v63-"] .feature-card .card-arrow{ border-top:1px solid #e2e8ef;background:none;border-radius:0; font-size:12.2px;color:#17658f;padding:12px 0 0;margin-top:auto;box-shadow:none; } body:not(.page-home) section[id^="v63-"] .feature-card:hover .card-arrow{color:#104d70} .jag-service-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:17px 22px;border-radius:12px;background:#edf5fb;border:1px solid #d9e8f4;color:#27455f;font-size:14px;font-weight:600;} .jag-service-inline-cta a{display:inline-flex;align-items:center;gap:8px;background:#186a96;color:#fff!important;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:750;flex-shrink:0;} .jag-service-inline-cta a:hover{background:#105579} /* When media has been supplied, keep the speaker at a natural distance and responsive. */ .page-home .section--hero .hero-photo{object-fit:cover;object-position:center 36%;} .page-home .section--hero .hero-media{background:#0e2339;border-radius:8px 78px 8px 8px;} body:not(.page-home) .hero-photo{object-position:center 40%;} /* Certification visible as small proof; avoid turning a seal into a hero photograph. */ .jag-google-credential{position:absolute;right:10px;bottom:36px;z-index:2;width:98px;height:98px;background:#fff;padding:10px;display:grid;place-items:center;border-radius:50%;box-shadow:0 8px 25px rgba(14,31,51,.16)} .jag-google-credential img{width:100%;height:100%;object-fit:contain} /* Small centered privacy banner, visually prioritizing opt-in but preserving clear reject. */ .cookie-banner{left:50%!important;right:auto!important;bottom:16px!important;transform:translateX(-50%);max-width:365px;width:calc(100% - 24px);padding:15px 17px;border-radius:14px;box-shadow:0 18px 46px rgba(15,28,43,.19)} .cookie-banner p{font-size:12.3px;line-height:1.5;margin-bottom:12px;text-align:center} .cookie-banner>div{display:flex;justify-content:center;gap:10px} .cookie-banner .btn{min-height:38px;padding:9px 18px;border-radius:8px;font-size:12px} .cookie-banner .btn--outline{background:#fff;color:#425469;border-color:#cbd5df} @media(max-width:650px){ .page-home .section--cards .feature-card h3,.page-home #especialidades .feature-card h3{font-size:18px!important;} .page-home .section--cards .feature-card p,.page-home #especialidades .feature-card p{font-size:14px!important;} .cookie-banner{bottom:8px!important;width:calc(100% - 16px);padding:13px} .cookie-banner>div{flex-direction:row}.cookie-banner .btn{width:auto;flex:1;padding:9px 11px} .jag-service-inline-cta{flex-direction:column;align-items:stretch;gap:12px;padding:16px} .jag-service-inline-cta a{justify-content:center} } /* V6.7 - Diagnostic results: useful, readable and conversion-oriented. No Home layout changes. */ .audit-commercial-intro{margin:16px 0 0;padding:13px 14px;background:#f1f5f9;border-left:3px solid #256c95;border-radius:4px;color:#263a50;font-size:12.5px;line-height:1.65} .audit-commercial-intro strong{display:block;color:#142a3a;font-size:13px;line-height:1.4;margin-bottom:3px} .audit-kicker{font-size:10px;font-weight:800;letter-spacing:.09em;color:#62768a;display:block} .audit-complete h3,.audit-unavailable h3{font-size:1.3rem;margin:10px 0 16px;line-height:1.3;color:#172538} .audit-scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .audit-score{border:1px solid #dbe2e9;border-radius:10px;background:#f8fafc;padding:13px;min-width:0} .audit-score strong{font-size:27px;line-height:1.1;font-variant-numeric:tabular-nums} .audit-score--low{border-left:4px solid #c43a46} .audit-score--mid{border-left:4px solid #cd8c24} .audit-score--good{border-left:4px solid #25866a} .audit-business-impact{border:1px solid #d8e2eb;border-left:4px solid #547d9e;border-radius:10px;padding:16px;margin-top:19px;background:#f8fbfd} .audit-business-impact strong{font-size:14px;line-height:1.35;color:#21344b;display:block} .audit-business-impact p{font-size:12.5px;line-height:1.65;color:#41546c;margin-top:6px} .audit-business-impact--high{background:#fff8f7;border-left-color:#bf4450} .audit-business-impact--medium{background:#fffaf2;border-left-color:#c4862b} .audit-business-impact--good{background:#f3faf7;border-left-color:#238363} .audit-metrics{list-style:none!important;padding:0!important;display:grid;gap:8px} .audit-metrics li{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5eaf0;font-size:12.5px} .audit-metrics li strong{color:#172538;font-weight:800} .audit-recommendations{list-style:none;padding:0;margin:0;display:grid;gap:11px} .audit-recommendations li{display:flex;gap:12px;padding:13px 11px;border-radius:10px;background:#f7f9fb;border:1px solid #e0e5ec;min-width:0} .audit-recommendation-index{flex:0 0 27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#dce8f2;color:#245478;font-size:12px;font-weight:850} .audit-recommendations li div{min-width:0} .audit-recommendation-area{font-size:10px;font-weight:800;color:#486b87;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:2px} .audit-recommendations strong{display:block;font-size:13px;color:#1d2b3c;line-height:1.4} .audit-recommendations p{font-size:12px;line-height:1.65;color:#506274;margin-top:4px} .audit-primary-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:13px 15px;border-radius:9px;background:#b90926;color:#fff;font-weight:780;font-size:12.5px;line-height:1.4;text-decoration:none;transition:background .15s ease} .audit-primary-cta:hover{background:#9b0e23;color:#fff} .audit-primary-cta:focus-visible{outline:3px solid #79b9f5;outline-offset:3px} .audit-unavailable p{font-size:12.5px;line-height:1.65;color:#41546c} .audit-warning-detail{margin:12px 0 0} .audit-advice-list{list-style:none!important;display:grid;gap:10px;padding:0!important;margin:14px 0 0!important} .audit-advice-list li{border:1px solid #e1e8ef;background:#f8fafc;padding:11px 12px;border-radius:8px} .audit-advice-list li strong{display:block;color:#25394d;font-size:12.5px} .audit-advice-list li span{display:block;color:#5d6d7d;font-size:12px;line-height:1.6;margin-top:4px} .audit-external{display:inline-block;margin-top:13px;color:#385979;text-decoration:underline;font-size:12px;font-weight:750} @media(max-width:600px){.audit-commercial-intro{padding:12px}.audit-primary-cta{font-size:12px}.audit-scores{gap:7px}.audit-score{padding:10px}.audit-score strong{font-size:23px}} /* V6.9: audit presentation only, no global/home card changes */ .audit-device-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#3a4b5c} .audit-device-picker label{display:inline-flex;align-items:center;gap:5px;font-weight:650} .audit-score-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 8px} .audit-score-card{border:1px solid #d9e1e9;border-radius:12px;padding:17px 15px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#fff} .audit-score-card-title{font-size:14px;color:#14253a} .audit-score-ring{width:85px;height:85px;display:flex;align-items:center;justify-content:center;border:6px solid #d57c23;border-radius:100%;font-size:27px;font-weight:800;color:#102438} .audit-score-ring small{font-size:10px;font-weight:600;margin-top:9px;color:#69798a} .audit-score-card--low .audit-score-ring{border-color:#d44940}.audit-score-card--good .audit-score-ring{border-color:#16815d} .audit-score-state{font-size:11px;font-weight:750;color:#4d5e70}.audit-score-card p{font-size:12px;line-height:1.65;color:#45576a;margin:0} .audit-kpi-metrics{width:100%;border-top:1px solid #e4eaf0;padding-top:9px;margin-top:auto}.audit-kpi-detail{display:flex;justify-content:space-between;gap:8px;text-align:left;font-size:11px;margin:6px 0}.audit-kpi-detail strong{white-space:nowrap} .audit-score-guide,.audit-measure-scope{color:#627489;font-size:11px;line-height:1.6} .audit-finding{border:1px solid #dbe3ec;border-radius:11px;padding:16px;margin:11px 0;background:#fff}.audit-finding-top{display:flex;justify-content:space-between;gap:9px;align-items:center;flex-wrap:wrap}.audit-finding-top strong{font-size:13px}.audit-finding-top span{font-size:10px;color:#ad2834;font-weight:700}.audit-finding p{font-size:12px;line-height:1.7;margin-top:10px}.audit-finding-resource{padding:10px;background:#f1f5f8;border-radius:7px;margin-top:11px;overflow-wrap:anywhere}.audit-finding-resource small{display:block;font-size:9px;color:#657387}.audit-finding-resource code{display:block;font-size:11px;margin-top:4px;overflow-wrap:anywhere} .audit-more{border:1px solid #dde3e9;border-radius:13px;padding:19px;margin:18px 0;background:#fff}.audit-more h4{font-size:16px;margin:5px 0 12px}.audit-more p{font-size:12px;line-height:1.7;margin-top:10px}.audit-more-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.audit-more-kpis>div{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;background:#f3f6f9;padding:15px 10px;min-height:110px}.audit-more-kpis strong{font-size:31px;color:#11243b;line-height:1.2}.audit-more-kpis span{font-size:11px;color:#526378;margin-top:6px;max-width:160px} .audit-cta-black{background:#141a23;justify-content:center;text-align:center;border-radius:99px}.audit-cta-black:hover{background:#303a48}.audit-more-price{text-align:center!important;color:#53657a;font-size:11px!important} @media(max-width:600px){.audit-score-cards{grid-template-columns:1fr}.audit-more{padding:13px}.audit-score-card{padding:13px}} /* V7.1 — Estado visible y accesible durante la consulta de PageSpeed. */ .audit-loading-panel{position:relative;display:grid;grid-template-columns:44px 1fr;gap:12px 14px;align-items:start;padding:20px;border:1px solid #c6d9ed;border-radius:12px;background:#f2f7fc;color:#16334e;margin-top:18px} .audit-loading-spinner{width:38px;height:38px;border:4px solid #d8e7f4;border-top-color:#166a9c;border-radius:50%;animation:jag-audit-spin .9s linear infinite} .audit-loading-copy strong{display:block;font-size:15px;font-weight:800;line-height:1.4;margin-bottom:5px}.audit-loading-copy p{font-size:13px;line-height:1.5;margin:0 0 6px;color:#32516a}.audit-loading-copy small{display:block;font-size:11px;line-height:1.5;color:#53718a} .audit-loading-bar{grid-column:1/-1;height:5px;background:#d9e6f1;overflow:hidden;border-radius:999px}.audit-loading-bar span{display:block;height:100%;width:32%;background:#166a9c;border-radius:999px;animation:jag-audit-sweep 2s ease-in-out infinite alternate} .audit-is-loading [data-audit-form] button[type=submit]{cursor:wait;opacity:.8}.audit-is-loading [data-audit-form] input,.audit-is-loading [data-audit-form] select{cursor:progress} @keyframes jag-audit-spin{to{transform:rotate(360deg)}}@keyframes jag-audit-sweep{from{transform:translateX(-20%)}to{transform:translateX(235%)}} @media(prefers-reduced-motion:reduce){.audit-loading-spinner,.audit-loading-bar span{animation:none}} @media(max-width:480px){.audit-loading-panel{grid-template-columns:34px 1fr;padding:15px;gap:10px}.audit-loading-spinner{width:29px;height:29px;border-width:3px}} /* V7.2 — progreso estimado 0–100 sin fingir una medición completa */ .audit-loading-panel .audit-progress-summary{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:4px;color:#143c5c} .audit-loading-panel .audit-progress-phase{font-size:12px;font-weight:700;line-height:1.5} .audit-loading-panel .audit-progress-value{font-size:24px;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.03em} .audit-loading-panel .audit-loading-bar{grid-column:1/-1;height:12px;background:#dbe7f1;border-radius:999px;overflow:hidden} .audit-loading-panel .audit-loading-bar span{display:block;height:100%;background:linear-gradient(90deg,#166a9c,#168caa);border-radius:999px;width:0;animation:none;transition:width .35s ease-out} .audit-loading-panel .audit-progress-explanation{grid-column:1/-1;color:#516b83;font-size:11px;line-height:1.5;margin:0} @media(max-width:480px){.audit-loading-panel .audit-progress-value{font-size:22px}.audit-loading-panel .audit-progress-phase{font-size:11px}} @media(prefers-reduced-motion:reduce){.audit-loading-panel .audit-loading-bar span{transition:none}} /* V7.3 hotfix — isolated loading panel. Do not change the site's other cards or typography. */ .audit-result .audit-loading-panel{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px 14px!important;width:100%!important;max-width:100%;align-items:start;box-sizing:border-box} .audit-result .audit-loading-panel .audit-loading-copy{min-width:0;max-width:100%;grid-column:2} .audit-result .audit-loading-panel .audit-loading-copy strong{display:block;overflow-wrap:normal;word-break:normal} .audit-result .audit-loading-panel .audit-progress-summary{grid-column:1/-1!important;width:100%!important;min-width:0;display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;align-items:center;gap:12px} .audit-result .audit-loading-panel .audit-progress-phase{display:block!important;width:auto!important;min-width:0;max-width:100%;font-size:13px;line-height:1.5;overflow-wrap:normal;word-break:normal;white-space:normal} .audit-result .audit-loading-panel .audit-progress-value{display:block!important;width:auto!important;flex:none;font-size:25px;text-align:right;white-space:nowrap} .audit-result .audit-loading-panel .audit-loading-bar{grid-column:1/-1!important;width:100%;height:11px} .audit-result .audit-loading-panel .audit-progress-explanation{display:block;grid-column:1/-1!important;width:100%!important;min-width:0;max-width:100%;font-size:12px;line-height:1.55;overflow-wrap:normal;word-break:normal} @media(max-width:520px){.audit-result .audit-loading-panel{grid-template-columns:30px minmax(0,1fr)!important;padding:15px!important;gap:10px!important}.audit-result .audit-loading-panel .audit-progress-summary{gap:9px}.audit-result .audit-loading-panel .audit-progress-value{font-size:23px}} /* Informe avanzado: diálogo adaptable sin alterar los resultados del diagnóstico */ .jag-audit-order-overlay{position:fixed;inset:0;z-index:100000;background:rgba(10,20,35,.72);display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto} .jag-audit-order-box{position:relative;width:min(100%,540px);max-height:calc(100dvh - 32px);overflow-y:auto;background:#fff;color:#172334;border-radius:18px;padding:clamp(18px,4vw,30px);box-shadow:0 22px 70px #0005} .jag-audit-order-box h2{font-size:clamp(21px,4vw,27px);margin:0 36px 12px 0} .jag-audit-order-box p{margin:8px 0 14px;line-height:1.55} .jag-audit-order-close{position:absolute;right:15px;top:10px;background:transparent;border:0;font-size:30px;cursor:pointer;color:#172334} .jag-order-form{display:grid;gap:12px}.jag-order-form label:not(.jag-order-privacy){display:grid;gap:4px;font-weight:650}.jag-order-form input:not([type=checkbox]){box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #b8c4d2;border-radius:9px;font:inherit} .jag-order-privacy{display:flex;align-items:flex-start;gap:9px;font-size:13px}.jag-order-privacy input{margin-top:4px}.jag-order-status{font-size:14px}.jag-order-form button,.jag-order-form a{width:100%;box-sizing:border-box;justify-content:center;text-align:center} @media(max-width:600px){.jag-audit-order-overlay{padding:8px;align-items:flex-end}.jag-audit-order-box{border-radius:18px 18px 8px 8px;max-height:calc(100dvh - 16px);padding:20px 16px}} /* V6.8 · Consentimiento realmente centrado en la pantalla, sin cambiar decisiones. */ .cookie-banner{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(305px,calc(100vw - 32px))!important;max-width:305px!important;padding:15px 17px!important;border-radius:12px!important;z-index:1000!important;box-shadow:0 15px 40px rgba(15,28,43,.22)!important} .cookie-banner p{font-size:11.5px!important;line-height:1.48!important;text-align:center;margin:0 0 12px!important} .cookie-banner>div{display:flex!important;flex-flow:row nowrap!important;justify-content:center!important;gap:9px!important} .cookie-banner .btn{min-height:36px!important;line-height:1.15;font-size:11.5px!important;padding:9px 15px!important;flex:0 1 auto!important} @media(max-width:390px){.cookie-banner{padding:13px 14px!important;width:calc(100vw - 32px)!important}.cookie-banner .btn{padding:8px 13px!important}} /* V6.8 · Etiquetas de 5 especialidades y sus subservicios, integradas a las tarjetas existentes. */ .jag-service-chips{--chip:#c91837;--chip-bg:#fff1f4;display:flex;flex-wrap:wrap;align-items:flex-start;gap:7px;margin:3px 0 17px;min-width:0} .jag-service-chips--marketing{--chip:#b91938;--chip-bg:#fff1f4} .jag-service-chips--mercado{--chip:#115da4;--chip-bg:#edf5ff} .jag-service-chips--experiencia{--chip:#007c60;--chip-bg:#e8f9f3} .jag-service-chips--consultoria{--chip:#344e94;--chip-bg:#eff3ff} .jag-service-chips--web{--chip:#7846ad;--chip-bg:#f5eeff} .jag-service-chip{display:inline-flex;max-width:100%;align-items:center;padding:5px 9px;border:1px solid color-mix(in srgb,var(--chip) 24%,transparent);border-radius:7px;background:var(--chip-bg);color:var(--chip);font-size:11px;font-weight:750;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere} .feature-card .jag-service-chips+.card-arrow{margin-top:auto} @media(max-width:650px){.jag-service-chip{font-size:10.7px;padding:5px 8px}.jag-service-chips{gap:6px;margin-bottom:14px}} /* No dejar espacio vacío cuando el formulario todavía no tiene estado de envío. */ .jag-audit-order-box .jag-order-status:empty{display:none} .jag-audit-order-box .jag-order-status:not(:empty){margin:0 0 4px;font-weight:650} /* V6.8.1 — Home: Mercado Público iguala las tres columnas de los demás servicios. Esta corrección aplica solo en escritorio; tablet y celular mantienen su distribución. */ @media (min-width:1001px) { .page-home #servicios-mercado-publico .cards-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } } /* V6.9 · Solo el diagnóstico web; sin alterar tarjetas, rejillas ni formularios del resto del sitio. */ .audit-result{scroll-margin-top:105px;outline:none} .audit-result:focus{outline:none} .audit-result .audit-finding--improved{background:#fff;border:1px solid #d8e4ee;border-radius:15px;padding:18px 18px 17px;margin:13px 0;box-shadow:0 5px 23px rgba(27,54,81,.055);overflow:hidden} .audit-result .audit-finding--improved .audit-finding-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px} .audit-result .audit-finding--improved .audit-finding-top>div{flex:1;min-width:0} .audit-result .audit-finding--improved .audit-finding-top strong{display:block;font-size:14px;line-height:1.4;letter-spacing:-.01em;color:#162a40;margin-top:5px} .audit-result .audit-finding-area{font-size:10px;color:#47769a;font-weight:800;letter-spacing:.05em;text-transform:uppercase} .audit-result .audit-finding-priority{flex:0 0 auto;font-size:10px;letter-spacing:0;padding:5px 9px;border-radius:99px;font-weight:850;white-space:nowrap} .audit-result .audit-priority--alta{background:#ffeced;color:#af253c}.audit-result .audit-priority--media{background:#fff2d6;color:#855608}.audit-result .audit-priority--baja{background:#e9f8f0;color:#08714f} .audit-result .audit-finding-measured{display:inline-block;background:#e7f1fb;color:#264d72;border-radius:7px;font-size:11px;padding:7px 9px;margin-bottom:10px} .audit-result .audit-finding--improved .audit-finding-resource{background:#f3f7fb;border-color:#e0e9f1;border-radius:9px;margin:0 0 12px;padding:10px} .audit-result .audit-finding--improved .audit-finding-resource code{display:block;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:5px 0;font-size:11px;color:#29435e} .audit-result .audit-finding-evidence-note{font-size:11px;color:#62758a;font-style:italic;margin:8px 0!important} .audit-result .audit-finding-explanation{display:grid;grid-template-columns:1fr 1fr;gap:10px} .audit-result .audit-finding-explanation>div{background:#f7f9fc;border:1px solid #e9eef5;padding:12px;border-radius:10px} .audit-result .audit-finding-explanation b{display:block;color:#234767;font-size:11.5px;line-height:1.4} .audit-result .audit-finding-explanation p{font-size:11.5px;line-height:1.6;color:#455e76;margin:6px 0 0} .audit-result .audit-more--premium{border:1px solid #d6e3f1;border-radius:18px;background:linear-gradient(155deg,#f5f9ff 0%,#fff 60%,#fdf6f7 100%);padding:clamp(18px,3.4vw,27px);box-shadow:0 12px 34px #28466a0c;margin-top:19px} .audit-result .audit-more--premium .audit-more-head{text-align:center;max-width:480px;margin:0 auto 13px} .audit-result .audit-more--premium .audit-kicker{color:#c51d3d;font-size:10px;letter-spacing:.08em} .audit-result .audit-more--premium h4{font-size:clamp(16px,2.3vw,22px);margin:7px 0 8px;color:#142d4a;line-height:1.27} .audit-result .audit-more--premium .audit-more-head p{font-size:12px;line-height:1.55;color:#516780} .audit-result .audit-more--premium .audit-more-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:18px 0} .audit-result .audit-more--premium .audit-more-kpis>div{border:1px solid #dce7f1;background:#fff;border-radius:12px;padding:15px;text-align:center} .audit-result .audit-more--premium .audit-more-kpis strong{font-size:clamp(27px,4vw,39px);color:#174a77;font-variant-numeric:tabular-nums;line-height:1.1;display:block} .audit-result .audit-more--premium .audit-more-kpis span{font-size:11px;line-height:1.4;color:#627487} .audit-result .audit-more-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-top:13px} .audit-result .audit-more-actions .audit-primary-cta{margin:0;justify-content:center;text-align:center;padding:15px 20px;min-height:50px;width:min(100%,410px);font-size:13px;border-radius:12px;box-shadow:0 10px 20px rgba(17,31,46,.16)} .audit-result .jag-audit-example-link{color:#1c5a8b;text-align:center;font-size:12px;text-decoration:underline;text-underline-offset:3px;font-weight:800;display:inline-flex;justify-content:center;padding:9px 10px} .audit-result .jag-audit-example-link:focus-visible{outline:3px solid #6ab4ee;outline-offset:2px} .audit-result .audit-more--premium .audit-more-foot{margin:8px 0 0;text-align:center;color:#647689;font-size:10.5px} /* Diálogo: elementos de control encapsulados para que reglas genéricas del sitio no cambien su aspecto. */ .jag-audit-order-overlay{padding:18px;align-items:center;overscroll-behavior:contain;backdrop-filter:blur(5px);background:rgba(11,23,37,.68)} .jag-audit-order-box{width:min(100%,510px);max-height:calc(100dvh - 36px);overflow-y:auto;padding:27px;border-radius:21px;box-shadow:0 30px 90px rgba(4,18,37,.33);font-size:14px} .jag-audit-order-box .jag-order-overline{font-size:10px;font-weight:900;letter-spacing:.11em;color:#c21b3a;margin-bottom:8px} .jag-audit-order-box h2{font-size:clamp(22px,4vw,28px);line-height:1.15;letter-spacing:-.035em;margin:0 24px 8px 0;color:#14263b} .jag-audit-order-box .jag-order-description{font-size:12.5px;line-height:1.55;color:#596b7e;margin:0 0 12px} .jag-audit-order-box .jag-audit-order-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid #d8e4ee;border-radius:100px;top:16px;right:16px;font-size:22px;background:#f8fafc} .jag-audit-order-box .jag-order-summary{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:10px;background:#f2f7fc;border:1px solid #dce8f3;border-radius:12px;padding:12px;margin:15px 0} .jag-audit-order-box .jag-order-summary>div{min-width:0}.jag-audit-order-box .jag-order-summary small{display:block;color:#617890;font-size:10px;margin-bottom:2px} .jag-audit-order-box .jag-order-summary strong{display:block;font-size:12.5px;overflow-wrap:anywhere;line-height:1.35;color:#183f60} .jag-audit-order-box .jag-order-summary>div:last-child{border-left:1px solid #cddde9;padding-left:12px}.jag-audit-order-box .jag-order-summary>div:last-child strong{font-size:17px;color:#bd1b39} .jag-audit-order-box .jag-order-form{display:block}.jag-audit-order-box .jag-order-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px} .jag-audit-order-box .jag-order-fields label:first-child{grid-column:1/-1} .jag-audit-order-box .jag-order-fields label{display:block;color:#253b50;font-size:11.5px;font-weight:800;margin:0;min-width:0} .jag-audit-order-box .jag-order-fields input{display:block;min-height:43px;width:100%;font-size:13px;margin-top:5px;padding:9px 11px} .jag-audit-order-box .jag-order-fields input::placeholder{color:#91a2b3} .jag-audit-order-box .jag-order-privacy{display:flex;gap:9px;align-items:flex-start;font-size:11px!important;color:#5b7186!important;line-height:1.45;margin:14px 0 12px;font-weight:500!important} .jag-audit-order-box .jag-order-privacy input{flex:0 0 auto;margin-top:2px;min-width:15px;min-height:15px} .jag-audit-order-box .jag-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px} .jag-audit-order-box .jag-order-action{display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;min-height:46px;width:100%;border-radius:10px;border:0;cursor:pointer;padding:10px 12px;font-size:12px;line-height:1.25;font-weight:850;box-sizing:border-box} .jag-audit-order-box .jag-order-action--whatsapp{background:#08785d;color:#fff}.jag-audit-order-box .jag-order-action--email{background:#152c46;color:#fff} .jag-audit-order-box .jag-order-action:hover{filter:brightness(1.08);color:#fff}.jag-audit-order-box .jag-order-action:disabled{opacity:.55;cursor:progress} .jag-audit-order-box .jag-order-action:focus-visible{outline:3px solid #77bcee;outline-offset:2px} .jag-audit-order-box .jag-order-foot{font-size:10.5px;color:#647a8e;text-align:center;margin:10px 0 0;line-height:1.5} .jag-audit-order-box .jag-order-status:not(:empty){font-size:12px;line-height:1.5;padding:10px;border-radius:9px;background:#eaf2fb;color:#1a4c74;margin:8px 0 12px;font-weight:650} .jag-audit-order-box .jag-order-status.is-error{background:#ffeded;color:#a32b39}.jag-audit-order-box .jag-order-status.is-success{background:#e8f8f0;color:#166c4c} @media(max-width:600px){.audit-result .audit-finding-explanation{grid-template-columns:1fr}.audit-result .audit-finding--improved{padding:14px}.audit-result .audit-finding--improved .audit-finding-top{flex-wrap:wrap}.jag-audit-order-overlay{padding:8px;align-items:center}.jag-audit-order-box{width:100%;max-height:calc(100dvh - 16px);padding:19px 16px;border-radius:17px}.jag-audit-order-box .jag-order-fields{grid-template-columns:1fr}.jag-audit-order-box .jag-order-fields label:first-child{grid-column:auto}.jag-audit-order-box .jag-order-summary{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.jag-audit-order-box .jag-order-actions{grid-template-columns:1fr 1fr}.jag-audit-order-box .jag-order-action{font-size:11px;padding:9px 8px}.audit-result .audit-more-actions .audit-primary-cta{font-size:12px}} @media(max-height:630px){.jag-audit-order-box{max-height:calc(100dvh - 12px);padding:15px}.jag-audit-order-box .jag-order-summary{margin:8px 0;padding:8px}.jag-audit-order-box .jag-order-privacy{margin:8px 0}} /* Diagnóstico web: escala Lighthouse accesible y visible bajo los cuatro indicadores (v7.0). */ .audit-result .audit-result-scale{border:1px solid #dde6ee;border-radius:12px;padding:14px 16px;background:#f6f9fc;margin:15px 0 20px}.audit-result .audit-result-scale>strong{font-size:13px;color:#173650}.audit-result .audit-result-scale-track{display:grid;grid-template-columns:49fr 40fr 11fr;gap:3px;height:10px;overflow:hidden;border-radius:12px;margin:11px 0 7px}.audit-result .audit-result-scale-track span:nth-child(1){background:#c54a55}.audit-result .audit-result-scale-track span:nth-child(2){background:#d9a034}.audit-result .audit-result-scale-track span:nth-child(3){background:#1b896e}.audit-result .audit-result-scale-labels{display:flex;flex-wrap:wrap;gap:6px}.audit-result .audit-result-scale-labels span{background:white;padding:4px 8px;border:1px solid #e1e9f0;border-radius:6px;font-size:11px;color:#35536d}.audit-result .audit-result-scale-labels b{font-weight:800}.audit-result .audit-result-scale p{font-size:11.5px;color:#526c80;margin:9px 0 0;line-height:1.55} /* V7.3 — uniformidad de tarjetas de SERVICIOS; no afecta al Home ni al panel privado. 3 columnas en escritorio, 2 en tablet y 1 en teléfono. No inventa nuevas tarjetas. */ @media(min-width:960px){ body:not(.page-home) .section--cards .cards-grid:has(> .feature-card:nth-child(3)){ grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:none!important; } body:not(.page-home) .section--cards .cards-grid:has(> .feature-card:nth-child(4):last-child) > .feature-card:last-child{grid-column:2;} } @media(min-width:651px) and (max-width:959px){ body:not(.page-home) .section--cards .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important;} } @media(max-width:650px){ body:not(.page-home) .section--cards .cards-grid{grid-template-columns:minmax(0,1fr)!important;max-width:none!important;} } /* Compra Ágil: única tarjeta comercial presentada en 3 columnas internas, no 2. */ body.page-asesoria-compra-agil .section--pricing{background:linear-gradient(160deg,#f0f5fa,#fff 70%)} body.page-asesoria-compra-agil .section--pricing .section-heading{max-width:940px} body.page-asesoria-compra-agil .section--pricing .pricing-grid--single{max-width:none;grid-template-columns:minmax(0,1fr)} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .section--pricing .jag-plan--agil{padding:0!important;display:block;overflow:hidden;border:1px solid #d5e2ec;border-top:0;border-radius:19px;box-shadow:0 18px 52px rgba(13,36,58,.09)} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__headline{padding:20px 29px 22px;background:linear-gradient(100deg,#10263f,#174b70);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__headline:before{content:"";height:5px;background:linear-gradient(90deg,#d50834,#ea707e);top:0;left:0;right:0;position:absolute} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__headline span{color:#ffd1d9;letter-spacing:.11em;font-size:10px;font-weight:850} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__headline strong{font-size:clamp(13px,1.5vw,18px);line-height:1.4;text-align:right;max-width:470px} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__columns>div{min-width:0;padding:29px 27px} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__columns>div+div{border-left:1px solid #e0e9f0} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__offer{background:linear-gradient(180deg,#f1f7ff,#fff)} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__mini{font-size:10px;letter-spacing:.105em;color:#1b648e;font-weight:860;display:block;margin-bottom:11px} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil h3{margin:0 0 12px;color:#13273b;font-size:clamp(21px,2.2vw,28px);line-height:1.2} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__price{font-size:clamp(38px,4vw,54px);font-weight:850;line-height:1.08;letter-spacing:-.06em;color:#c3153e;margin:5px 0} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__period{display:inline-block;font-size:11px;font-weight:800;background:#dff3e9;color:#156248;padding:5px 11px;border-radius:40px;margin:6px 0 18px} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__pitch{font-size:13px;line-height:1.7;color:#425770;margin-bottom:17px} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__pills{display:flex;gap:6px;flex-wrap:wrap} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__pills span{background:#e8f2fc;color:#24547a;border:1px solid #d2e4f4;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:750} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil h4{font-size:18px;line-height:1.3;letter-spacing:-.03em;color:#152b40;margin:0 0 18px} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__outcome ul{padding:0;margin:0;list-style:none;display:grid;gap:15px} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__outcome li{position:relative;padding-left:25px;color:#38536b;font-size:13px;line-height:1.65} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__outcome li:before{content:"✓";position:absolute;left:0;top:0;color:#12805b;font-weight:900} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__features{border:0;padding:0;margin:0;display:grid;gap:12px;list-style:none} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__features li{position:relative;padding-left:23px;font-size:12.5px;color:#38536b;line-height:1.6} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__features li:before{content:"✓";left:0;top:0;position:absolute;color:#12805b;font-weight:900} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__closing{background:#f7fafc;border-top:1px solid #dee7ef;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 29px} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__closing>div{min-width:0;max-width:610px} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__closing strong{font-size:15px;color:#182d41} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__closing p{font-size:12px;color:#486179;line-height:1.6;margin-top:6px} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__action{min-width:245px;flex:0 0 auto;background:#c90c34!important;display:inline-flex;min-height:50px;border-radius:9px;font-size:12px;line-height:1.4;padding:12px 18px;white-space:normal;text-align:center;margin:0} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__action:hover{background:#a9092b!important} @media(max-width:959px){:is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__columns{grid-template-columns:repeat(2,minmax(0,1fr))} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__details{grid-column:1/-1;border-top:1px solid #e0e9f0;border-left:0!important} } @media(max-width:650px){:is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__headline{display:block;padding:19px 20px} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__headline strong{display:block;text-align:left;margin-top:9px} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__columns{grid-template-columns:1fr} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__columns>div{padding:22px 20px} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__columns>div+div{border-left:0;border-top:1px solid #e0e9f0} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__details{grid-column:auto} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__closing{flex-direction:column;align-items:stretch;padding:21px 20px;gap:17px} :is(body.page-asesoria-compra-agil,body.page-asesoria-licitaciones) .jag-plan--agil .jag-plan__action{width:100%;min-width:0} } /* Sobre mí v7.6: diseño editorial independiente. No afecta al resto del sitio. */ .page-sobre-mi{--about-navy:#14263c;--about-soft:#f4f8fc;--about-red:#da1239} .page-sobre-mi .section--hero{padding:76px 0 86px;background:radial-gradient(ellipse at 70% 35%,#244766 0%,#14283f 48%,#0e1c2d 100%);color:#fff} .page-sobre-mi .section--hero .hero-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.82fr);gap:clamp(28px,5vw,70px)} .page-sobre-mi .section--hero .eyebrow{color:#ff8fa8;letter-spacing:.12em} .page-sobre-mi .section--hero .eyebrow:before{background:#ff8fa8} .page-sobre-mi .section--hero h1{font-size:clamp(2.65rem,5vw,4.6rem);max-width:760px;line-height:1.1;letter-spacing:-.057em} .page-sobre-mi .section--hero .headline-underline{color:#fff;border-color:#ff4974} .page-sobre-mi .section--hero .prose{color:#e0e9f4;font-size:clamp(15px,1.3vw,17px);max-width:680px;line-height:1.78} .page-sobre-mi .section--hero .hero-qualities{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px} .page-sobre-mi .section--hero .hero-qualities span{border:1px solid #58718b;background:rgba(255,255,255,.075);padding:8px 11px;border-radius:999px;color:#e3edf8;font-size:11px;font-weight:750} .page-sobre-mi .section--hero .hero-media{position:relative;min-width:0;isolation:isolate} .page-sobre-mi .section--hero .hero-photo{width:100%;height:min(510px,45vw);min-height:380px;object-fit:var(--jag-fit,cover);object-position:var(--jag-pos-x,50%) var(--jag-pos-y,35%);border-radius:20px 76px 20px 20px;box-shadow:0 28px 75px rgba(0,0,0,.22)} .page-sobre-mi .section--hero .hero-media-caption{background:#fff;color:#152941;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.2);border-bottom:4px solid #d10b37} .page-sobre-mi .section--hero .hero-media-caption span{color:#52667e} .page-sobre-mi .section--hero .btn--outline{color:#fff;border-color:#7d91a6} .page-sobre-mi .section--hero .btn--outline:hover{background:rgba(255,255,255,.12)} .page-sobre-mi .section--cards,.page-sobre-mi .section--split{padding:clamp(60px,6vw,94px) 0} .page-sobre-mi .section-heading{max-width:860px;margin-bottom:28px} .page-sobre-mi .section-heading h2{font-size:clamp(2rem,3.35vw,3.25rem);max-width:850px} .page-sobre-mi .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px} .page-sobre-mi .section--cards .feature-card{border:1px solid #dfe6ef;border-top:3px solid #d30834;border-radius:15px;background:#fff;padding:28px;min-height:245px;box-shadow:0 9px 25px rgba(15,35,55,.035)} .page-sobre-mi .section--cards .feature-card:nth-child(3n+2){border-top-color:#146ea3} .page-sobre-mi .section--cards .feature-card:nth-child(3n){border-top-color:#14876b} .page-sobre-mi .section--cards .feature-card h3{font-size:clamp(18px,1.55vw,21px);line-height:1.3;letter-spacing:-.03em} .page-sobre-mi .section--cards .feature-card p{font-size:14px;line-height:1.73;color:#455a70} .page-sobre-mi .section--cards .feature-card .card-arrow{font-size:12px} .page-sobre-mi #mi-recorrido .feature-card h3{font-size:clamp(19px,1.75vw,24px)} .page-sobre-mi #mercado-publico-experiencia{background:#eff5fa} .page-sobre-mi #mercado-publico-experiencia .split-layout{align-items:center;gap:clamp(28px,5vw,75px)} .page-sobre-mi #mercado-publico-experiencia h2{font-size:clamp(2.1rem,3.4vw,3.5rem)} .page-sobre-mi #mercado-publico-experiencia .split-visual{padding:13px;background:#fff;border-radius:20px;box-shadow:0 22px 65px rgba(15,32,51,.08)} .page-sobre-mi #mercado-publico-experiencia .split-photo{border-radius:12px;max-height:420px;object-fit:cover} .page-sobre-mi #mercado-publico-experiencia .prose{line-height:1.85;white-space:pre-line} .page-sobre-mi #formacion-profesional .feature-card{background:#fff;min-height:210px} .page-sobre-mi #formacion-profesional .feature-card p{margin-bottom:0} .page-sobre-mi #hablemos{padding:clamp(52px,6vw,85px) 0;background:linear-gradient(122deg,#10263e 0%,#203a57 100%)} .page-sobre-mi #hablemos .cta-layout{align-items:center} .page-sobre-mi #hablemos h2{font-size:clamp(2rem,3.5vw,3.2rem);max-width:780px} .page-sobre-mi #hablemos .prose{max-width:720px;color:#d9e5f1} @media(max-width:940px){.page-sobre-mi .section--hero .hero-layout{grid-template-columns:1fr;gap:32px}.page-sobre-mi .section--hero .hero-media{max-width:650px}.page-sobre-mi .section--hero .hero-photo{height:410px;min-height:0}.page-sobre-mi .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.page-sobre-mi .section--hero{padding:43px 0 60px}.page-sobre-mi .section--hero h1{font-size:clamp(2.3rem,9vw,3.25rem)}.page-sobre-mi .section--hero .hero-photo{height:350px;object-position:var(--jag-mobile-pos-x,50%) var(--jag-mobile-pos-y,35%);border-radius:16px 48px 16px 16px}.page-sobre-mi .section--hero .hero-qualities{gap:6px}.page-sobre-mi .section--hero .hero-qualities span{font-size:10px;padding:7px 9px}.page-sobre-mi .cards-grid{grid-template-columns:1fr}.page-sobre-mi .section--cards .feature-card{min-height:0;padding:24px}.page-sobre-mi .section--hero .actions{flex-direction:column;align-items:stretch}.page-sobre-mi .section--hero .actions .btn{width:100%}.page-sobre-mi #mercado-publico-experiencia .split-layout{grid-template-columns:1fr}.page-sobre-mi #hablemos .cta-layout{align-items:flex-start}} /* Sobre mí v7.7: tipografía legible y presentación escaneable. Todo limitado a la página. */ .page-sobre-mi .section--hero{background:linear-gradient(125deg,#f7f9fd 0%,#eaf1f8 100%);color:#15233a;} .page-sobre-mi .section--hero h1,.page-sobre-mi .section--hero .headline-underline{color:#16253a;text-shadow:none;} .page-sobre-mi .section--hero .headline-underline{text-decoration-color:#d40739;text-decoration-thickness:.085em;text-underline-offset:.11em;} .page-sobre-mi .section--hero .eyebrow{color:#b70e36;} .page-sobre-mi .section--hero .eyebrow:before{background:#b70e36;} .page-sobre-mi .section--hero .hero-copy .prose{color:#314961;line-height:1.72;max-width:550px;font-size:clamp(15px,1.2vw,17px);} .page-sobre-mi .section--hero .hero-qualities{gap:9px;margin-top:24px;} .page-sobre-mi .section--hero .hero-qualities span{color:#263c56;background:#fff;border:1px solid #c9d8e6;font-size:11px;} .page-sobre-mi .section--hero .btn--outline{color:#15263d;border-color:#a3b5c9;background:#fff;} .page-sobre-mi .section--hero .btn--outline:hover{color:#15263d;background:#e9f1f9;} .page-sobre-mi #mi-forma-de-aportar{padding-block:clamp(54px,5vw,80px);background:#fff;} .page-sobre-mi #mi-forma-de-aportar .steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;} .page-sobre-mi #mi-forma-de-aportar .feature-card{min-width:0;min-height:190px;padding:23px 20px;border-radius:14px;border:1px solid #dce5ed;background:#f6f9fc;border-top:3px solid #1b6795;box-shadow:none;} .page-sobre-mi #mi-forma-de-aportar .feature-card:nth-child(4n+1){border-top-color:#d40739;} .page-sobre-mi #mi-forma-de-aportar .feature-card:nth-child(4n+3){border-top-color:#148b70;} .page-sobre-mi #mi-forma-de-aportar .feature-card .card-index{margin-bottom:14px;} .page-sobre-mi #mi-forma-de-aportar .feature-card h3{font-size:17px;line-height:1.35;} .page-sobre-mi #mi-forma-de-aportar .feature-card p{color:#344e64;line-height:1.56;font-size:13px;} .page-sobre-mi #mi-recorrido .feature-card{display:flex;flex-direction:column;} .page-sobre-mi #mi-recorrido .feature-card p{margin-bottom:14px;} .page-sobre-mi .jag-about-chips{display:flex;gap:7px;flex-wrap:wrap;align-items:flex-start;margin-top:auto;margin-bottom:18px;} .page-sobre-mi .jag-about-chips span{display:inline-flex;align-items:center;border-radius:7px;padding:6px 9px;background:#fff1f4;color:#9c1234;border:1px solid #f6ced8;font-weight:750;font-size:11px;line-height:1.3;} .page-sobre-mi #mi-recorrido .feature-card:nth-child(3n+2) .jag-about-chips span{background:#eaf4fe;color:#125784;border-color:#c7dff4;} .page-sobre-mi #mi-recorrido .feature-card:nth-child(3n) .jag-about-chips span{background:#e9f8f0;color:#116c52;border-color:#bae5d3;} .page-sobre-mi #mi-recorrido .card-arrow{margin-top:0;} .page-home .section--video .split-layout--video{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(24px,4vw,62px);} .page-home .section--video .video-poster{border:1px solid #263648;border-radius:16px;box-shadow:0 18px 45px rgba(9,21,39,.13);} @media(max-width:990px){.page-sobre-mi #mi-forma-de-aportar .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.page-home .section--video .split-layout--video{grid-template-columns:1fr;}} @media(max-width:650px){.page-sobre-mi #mi-forma-de-aportar .steps-grid{grid-template-columns:1fr;}.page-sobre-mi #mi-forma-de-aportar .feature-card{min-height:0;}.page-sobre-mi .section--hero .hero-qualities span{font-size:10px;padding:7px 9px;}.page-home .section--video .video-poster{aspect-ratio:16/9;}} /* 7.8 · Compra Ágil: etiquetas informativas, completas y adaptables. */ .page-asesoria-compra-agil section[id^="v63-"] .jag-v63-tag{ display:inline-flex;align-items:center;max-width:100%;width:fit-content; white-space:normal;overflow-wrap:break-word;word-break:normal; font-size:10.5px;line-height:1.36;letter-spacing:.035em; padding:7px 11px;border-radius:9px;margin:0 0 14px; border:1px solid rgba(24,104,145,.11);text-transform:uppercase; } .page-asesoria-compra-agil section[id^="v63-hero-"] .hero-copy h1{ font-size:clamp(2.15rem,3.3vw,3.5rem);max-width:665px; line-height:1.10;overflow-wrap:normal; } .page-asesoria-compra-agil section[id^="v63-hero-"] .hero-copy .prose{ max-width:590px;font-size:clamp(15px,1.08vw,17px);line-height:1.7; } @media(max-width:650px){ .page-asesoria-compra-agil section[id^="v63-hero-"] .hero-copy h1{font-size:clamp(2rem,8.4vw,2.55rem)} .page-asesoria-compra-agil section[id^="v63-hero-"] .hero-copy .prose{font-size:15px;line-height:1.58} .page-asesoria-compra-agil section[id^="v63-"] .jag-v63-tag{font-size:10px;max-width:100%;} } /* Home: vídeo de presentación integrado en el bloque de trayectoria. */ .page-home .section--video:has(.split-layout--video){scroll-margin-top:85px;} /* V7.10: único panel comercial de tres columnas para subservicios MP. */ .section--pricing .jag-plan--custom{padding:0!important;display:block;overflow:hidden;border:1px solid #d5e2ec;border-top:0;border-radius:19px;box-shadow:0 18px 52px rgba(13,36,58,.09)} .section--pricing .jag-plan--custom .jag-plan__headline{padding:20px 29px 22px;background:linear-gradient(100deg,#10263f,#174b70);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative} .section--pricing .jag-plan--custom .jag-plan__headline:before{content:"";height:5px;background:linear-gradient(90deg,#d50834,#ea707e);top:0;left:0;right:0;position:absolute} .section--pricing .jag-plan--custom .jag-plan__headline span{color:#ffd1d9;letter-spacing:.11em;font-size:10px;font-weight:850} .section--pricing .jag-plan--custom .jag-plan__headline strong{font-size:clamp(13px,1.5vw,18px);line-height:1.4;text-align:right;max-width:470px} .section--pricing .jag-plan--custom .jag-plan__columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0} .section--pricing .jag-plan--custom .jag-plan__columns>div{min-width:0;padding:29px 27px} .section--pricing .jag-plan--custom .jag-plan__columns>div+div{border-left:1px solid #e0e9f0} .section--pricing .jag-plan--custom .jag-plan__offer{background:linear-gradient(180deg,#f1f7ff,#fff)} .section--pricing .jag-plan--custom .jag-plan__mini{font-size:10px;letter-spacing:.105em;color:#1b648e;font-weight:860;display:block;margin-bottom:11px} .section--pricing .jag-plan--custom h3{margin:0 0 12px;color:#13273b;font-size:clamp(21px,2.2vw,28px);line-height:1.2} .section--pricing .jag-plan--custom .jag-plan__price{font-size:clamp(38px,4vw,54px);font-weight:850;line-height:1.08;letter-spacing:-.06em;color:#c3153e;margin:5px 0} .section--pricing .jag-plan--custom .jag-plan__period{display:inline-block;font-size:11px;font-weight:800;background:#dff3e9;color:#156248;padding:5px 11px;border-radius:40px;margin:6px 0 18px} .section--pricing .jag-plan--custom .jag-plan__pitch{font-size:13px;line-height:1.7;color:#425770;margin-bottom:17px} .section--pricing .jag-plan--custom .jag-plan__pills{display:flex;gap:6px;flex-wrap:wrap} .section--pricing .jag-plan--custom .jag-plan__pills span{background:#e8f2fc;color:#24547a;border:1px solid #d2e4f4;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:750} .section--pricing .jag-plan--custom h4{font-size:18px;line-height:1.3;letter-spacing:-.03em;color:#152b40;margin:0 0 18px} .section--pricing .jag-plan--custom .jag-plan__outcome ul{padding:0;margin:0;list-style:none;display:grid;gap:15px} .section--pricing .jag-plan--custom .jag-plan__outcome li{position:relative;padding-left:25px;color:#38536b;font-size:13px;line-height:1.65} .section--pricing .jag-plan--custom .jag-plan__outcome li:before{content:"✓";position:absolute;left:0;top:0;color:#12805b;font-weight:900} .section--pricing .jag-plan--custom .jag-plan__features{border:0;padding:0;margin:0;display:grid;gap:12px;list-style:none} .section--pricing .jag-plan--custom .jag-plan__features li{position:relative;padding-left:23px;font-size:12.5px;color:#38536b;line-height:1.6} .section--pricing .jag-plan--custom .jag-plan__features li:before{content:"✓";left:0;top:0;position:absolute;color:#12805b;font-weight:900} .section--pricing .jag-plan--custom .jag-plan__closing{background:#f7fafc;border-top:1px solid #dee7ef;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 29px} .section--pricing .jag-plan--custom .jag-plan__closing>div{min-width:0;max-width:610px} .section--pricing .jag-plan--custom .jag-plan__closing strong{font-size:15px;color:#182d41} .section--pricing .jag-plan--custom .jag-plan__closing p{font-size:12px;color:#486179;line-height:1.6;margin-top:6px} .section--pricing .jag-plan--custom .jag-plan__action{min-width:245px;flex:0 0 auto;background:#c90c34!important;display:inline-flex;min-height:50px;border-radius:9px;font-size:12px;line-height:1.4;padding:12px 18px;white-space:normal;text-align:center;margin:0} .section--pricing .jag-plan--custom .jag-plan__action:hover{background:#a9092b!important} @media(max-width:959px){.section--pricing .jag-plan--custom .jag-plan__columns{grid-template-columns:repeat(2,minmax(0,1fr))} .section--pricing .jag-plan--custom .jag-plan__details{grid-column:1/-1;border-top:1px solid #e0e9f0;border-left:0!important} } @media(max-width:650px){.section--pricing .jag-plan--custom .jag-plan__headline{display:block;padding:19px 20px} .section--pricing .jag-plan--custom .jag-plan__headline strong{display:block;text-align:left;margin-top:9px} .section--pricing .jag-plan--custom .jag-plan__columns{grid-template-columns:1fr} .section--pricing .jag-plan--custom .jag-plan__columns>div{padding:22px 20px} .section--pricing .jag-plan--custom .jag-plan__columns>div+div{border-left:0;border-top:1px solid #e0e9f0} .section--pricing .jag-plan--custom .jag-plan__details{grid-column:auto} .section--pricing .jag-plan--custom .jag-plan__closing{flex-direction:column;align-items:stretch;padding:21px 20px;gap:17px} .section--pricing .jag-plan--custom .jag-plan__action{width:100%;min-width:0} } .section--pricing .jag-plan--custom .jag-plan__price--quote{font-size:clamp(23px,2.5vw,34px);letter-spacing:-.045em;line-height:1.15;margin-block:12px} .section--pricing .jag-plan--custom .jag-plan__features{margin:0;gap:11px} .section--pricing .jag-plan--custom .jag-plan__action{white-space:normal} /* Textos de apoyo y etiquetas sustantivas. Tres columnas en escritorio. */ :is(.page-auditoria-licitaciones,.page-gestion-postulaciones-mercado-publico,.page-inscripcion-mercado-publico,.page-acompanamiento-mercado-publico,.page-capacitacion-mercado-publico,.page-consultoria-mercado-publico,.page-inteligencia-comercial-mercado-publico,.page-charlas-mercado-publico,.page-plataforma-licitaciones-compra-agil) section[id^="v63-"] .jag-v63-tag{display:inline-flex;max-width:100%;white-space:normal;overflow-wrap:break-word;word-break:normal;line-height:1.35;font-size:10px;padding:7px 10px;border-radius:8px;margin-bottom:15px} :is(.page-auditoria-licitaciones,.page-gestion-postulaciones-mercado-publico,.page-inscripcion-mercado-publico,.page-acompanamiento-mercado-publico,.page-capacitacion-mercado-publico,.page-consultoria-mercado-publico,.page-inteligencia-comercial-mercado-publico,.page-charlas-mercado-publico,.page-plataforma-licitaciones-compra-agil) section[id^="v63-"] .feature-card p{font-size:13px;line-height:1.72;color:#465b70} :is(.page-auditoria-licitaciones,.page-gestion-postulaciones-mercado-publico,.page-inscripcion-mercado-publico,.page-acompanamiento-mercado-publico,.page-capacitacion-mercado-publico,.page-consultoria-mercado-publico,.page-inteligencia-comercial-mercado-publico,.page-charlas-mercado-publico,.page-plataforma-licitaciones-compra-agil) section[id^="v63-"] .feature-card h3{font-size:clamp(17px,1.4vw,20px);line-height:1.3} @media(min-width:960px){:is(.page-auditoria-licitaciones,.page-gestion-postulaciones-mercado-publico,.page-inscripcion-mercado-publico,.page-acompanamiento-mercado-publico,.page-capacitacion-mercado-publico,.page-consultoria-mercado-publico,.page-inteligencia-comercial-mercado-publico,.page-charlas-mercado-publico,.page-plataforma-licitaciones-compra-agil) section[id^="v63-"] .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} /* El panel especial ocupa todo el ancho: evita heredar el máximo de 860px y el grid interior del antiguo bloque de precio único. */ body:not(.page-home) .section--pricing .pricing-grid--single:has(> .jag-plan--custom){display:block;max-width:none;width:100%} body:not(.page-home) .section--pricing .pricing-grid--single > .jag-plan--custom{display:block;grid-template-columns:none;padding:0!important;max-width:none;width:100%} /* V7.11: uniformidad visual de Marketing, CX, Consultoría y Desarrollo Web. */ :is(body.page-puesta-en-marcha-digital,body.page-google-ads,body.page-meta-ads,body.page-google-ads-meta-ads,body.page-community-manager,body.page-gestion-redes-sociales,body.page-creacion-redes-sociales,body.page-auditoria-marketing-digital,body.page-posicionamiento-seo,body.page-email-marketing,body.page-email-marketing-automatizaciones,body.page-automatizaciones-whatsapp,body.page-diagnostico-experiencia-clientes,body.page-encuestas-satisfaccion,body.page-cliente-incognito,body.page-auditoria-atencion-calidad,body.page-estudios-mercado,body.page-consultoria-comercial,body.page-relatorias-marketing-emprendimiento,body.page-capacitaciones,body.page-diseno-paginas-web,body.page-landing-pages,body.page-desarrollo-plataformas-web,body.page-auditoria-sitios-web,body.page-marketing-digital,body.page-experiencia-clientes,body.page-consultoria-empresarial,body.page-desarrollo-web,body.page-impulsa-negocio) section[id^="v63-"] .jag-v63-tag{display:inline-flex;max-width:100%;white-space:normal;overflow-wrap:break-word;font-size:10px;line-height:1.35;padding:7px 10px;border-radius:8px;margin-bottom:14px} :is(body.page-puesta-en-marcha-digital,body.page-google-ads,body.page-meta-ads,body.page-google-ads-meta-ads,body.page-community-manager,body.page-gestion-redes-sociales,body.page-creacion-redes-sociales,body.page-auditoria-marketing-digital,body.page-posicionamiento-seo,body.page-email-marketing,body.page-email-marketing-automatizaciones,body.page-automatizaciones-whatsapp,body.page-diagnostico-experiencia-clientes,body.page-encuestas-satisfaccion,body.page-cliente-incognito,body.page-auditoria-atencion-calidad,body.page-estudios-mercado,body.page-consultoria-comercial,body.page-relatorias-marketing-emprendimiento,body.page-capacitaciones,body.page-diseno-paginas-web,body.page-landing-pages,body.page-desarrollo-plataformas-web,body.page-auditoria-sitios-web,body.page-marketing-digital,body.page-experiencia-clientes,body.page-consultoria-empresarial,body.page-desarrollo-web,body.page-impulsa-negocio) section[id^="v63-"] .feature-card p{font-size:13px;line-height:1.75;color:#445b70} :is(body.page-puesta-en-marcha-digital,body.page-google-ads,body.page-meta-ads,body.page-google-ads-meta-ads,body.page-community-manager,body.page-gestion-redes-sociales,body.page-creacion-redes-sociales,body.page-auditoria-marketing-digital,body.page-posicionamiento-seo,body.page-email-marketing,body.page-email-marketing-automatizaciones,body.page-automatizaciones-whatsapp,body.page-diagnostico-experiencia-clientes,body.page-encuestas-satisfaccion,body.page-cliente-incognito,body.page-auditoria-atencion-calidad,body.page-estudios-mercado,body.page-consultoria-comercial,body.page-relatorias-marketing-emprendimiento,body.page-capacitaciones,body.page-diseno-paginas-web,body.page-landing-pages,body.page-desarrollo-plataformas-web,body.page-auditoria-sitios-web,body.page-marketing-digital,body.page-experiencia-clientes,body.page-consultoria-empresarial,body.page-desarrollo-web,body.page-impulsa-negocio) section[id^="v63-"] .feature-card h3{font-size:clamp(17px,1.4vw,20px);line-height:1.3} @media(min-width:960px){:is(body.page-puesta-en-marcha-digital,body.page-google-ads,body.page-meta-ads,body.page-google-ads-meta-ads,body.page-community-manager,body.page-gestion-redes-sociales,body.page-creacion-redes-sociales,body.page-auditoria-marketing-digital,body.page-posicionamiento-seo,body.page-email-marketing,body.page-email-marketing-automatizaciones,body.page-automatizaciones-whatsapp,body.page-diagnostico-experiencia-clientes,body.page-encuestas-satisfaccion,body.page-cliente-incognito,body.page-auditoria-atencion-calidad,body.page-estudios-mercado,body.page-consultoria-comercial,body.page-relatorias-marketing-emprendimiento,body.page-capacitaciones,body.page-diseno-paginas-web,body.page-landing-pages,body.page-desarrollo-plataformas-web,body.page-auditoria-sitios-web,body.page-marketing-digital,body.page-experiencia-clientes,body.page-consultoria-empresarial,body.page-desarrollo-web,body.page-impulsa-negocio) section[id^="v63-"] .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} /* V7.11 — etiquetas completas en las cuatro páginas de categoría. */ :is(body.page-marketing-digital,body.page-experiencia-clientes,body.page-consultoria-empresarial,body.page-desarrollo-web) .jag-v63-tag{white-space:normal;overflow-wrap:break-word;max-width:100%;line-height:1.35} @media(min-width:960px){:is(body.page-marketing-digital,body.page-experiencia-clientes,body.page-consultoria-empresarial,body.page-desarrollo-web) .cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} /* V7.12: las etiquetas de tarjetas en los cuatro portales de servicios también deben ser chips legibles (sus secciones usan anchor servicios, no v63-*). No afectan etiquetas ni tarjetas de otras páginas. */ :is(body.page-marketing-digital,body.page-experiencia-clientes,body.page-consultoria-empresarial,body.page-desarrollo-web,body.page-impulsa-negocio) .section--cards .feature-card > .jag-v63-tag{ display:inline-flex;align-self:flex-start;align-items:center;box-sizing:border-box; max-width:100%;width:auto;min-height:27px;padding:6px 10px;margin:0 0 15px; background:#eaf2fc;color:#164779;border:1px solid #c7dcee;border-radius:7px; font-size:10px;font-weight:800;line-height:1.35;letter-spacing:.025em; white-space:normal;overflow-wrap:anywhere;word-break:normal;text-align:left; } :is(body.page-marketing-digital,body.page-experiencia-clientes,body.page-consultoria-empresarial,body.page-desarrollo-web,body.page-impulsa-negocio) .section--cards .feature-card > .jag-v63-tag--2{ background:#eaf6ef;border-color:#c8e7d5;color:#13744b; } :is(body.page-marketing-digital,body.page-experiencia-clientes,body.page-consultoria-empresarial,body.page-desarrollo-web,body.page-impulsa-negocio) .section--cards .feature-card > .jag-v63-tag--3{ background:#fff0f3;border-color:#f0ced7;color:#a61d44; } :is(body.page-marketing-digital,body.page-experiencia-clientes,body.page-consultoria-empresarial,body.page-desarrollo-web,body.page-impulsa-negocio) .section--cards .feature-card > .jag-v63-tag--4{ background:#f1edfb;border-color:#ded3f4;color:#60419a; } /* V7.13: consentimiento compacto, centrado horizontalmente y cerca del borde inferior. */ .cookie-banner{top:auto!important;bottom:max(14px,env(safe-area-inset-bottom,0px))!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(300px,calc(100vw - 24px))!important;max-width:300px!important;padding:12px 14px!important;border-radius:12px!important;font-size:11px!important;z-index:1000!important;box-shadow:0 12px 32px #142b4330!important} .cookie-banner p{font-size:11px!important;line-height:1.45!important;margin:0 0 9px!important}.cookie-banner .btn{padding:8px 13px!important;font-size:11px!important;min-height:32px!important} /* V7.14 · Menor separación real entre menú y portada, uniforme y responsive. */ body:not(.page-home) main#contenido > section.section--hero:first-child{padding-top:42px} body.page-home main#contenido > section.section--hero:first-child{padding-top:57px} @media(max-width:650px){ body:not(.page-home) main#contenido > section.section--hero:first-child{padding-top:25px} body.page-home main#contenido > section.section--hero:first-child{padding-top:34px} } /* Dos herramientas: bloque compacto fuera de los selectores section:nth-of-type del Home. */ .jag-home-tools{padding:28px 0 31px;background:#f6f9fc;border-bottom:1px solid #e2e8f0} .jag-home-tools-heading{font-size:14px!important;letter-spacing:-.01em;margin:0 0 12px!important;color:#243c56;font-weight:800} .jag-home-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .jag-home-tool{border:1px solid #dce6f0;border-top:3px solid #236ca6;background:#fff;border-radius:13px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:0} .jag-home-tool--web{border-top-color:#d50032} .jag-home-tool h3{font-size:16px!important;line-height:1.25;letter-spacing:-.02em;color:#142a42;margin:0 0 6px} .jag-home-tool p{font-size:12px;line-height:1.5;color:#53677e;max-width:520px} .jag-home-tool a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:800;border:1px solid #174b75;background:#174b75;color:#fff;border-radius:8px;padding:11px 13px;white-space:nowrap} .jag-home-tool--web a{background:#d50032;border-color:#d50032} .jag-home-tool a:hover{filter:brightness(.93)} @media(max-width:960px){.jag-home-tool{flex-direction:column;align-items:stretch}.jag-home-tool a{align-self:flex-start}} @media(max-width:620px){.jag-home-tools{padding:20px 0 24px}.jag-home-tools-grid{grid-template-columns:1fr;gap:10px}.jag-home-tool{padding:15px}.jag-home-tool h3{font-size:15px!important}.jag-home-tool a{font-size:11px}.jag-home-tools-heading{font-size:13px!important}} /* V7.19: espacios más compactos entre cabecera, contenido y pie de página. Mantener separaciones legibles, sin alterar componentes ni tarjetas. */ .site-footer{padding-top:38px} .site-footer .footer-upper{padding-bottom:30px} .site-footer .footer-bottom{padding-top:15px} body:not(.page-home) main#contenido > section.section--hero:first-child{padding-top:30px} body.page-home main#contenido > section.section--hero:first-child{padding-top:43px} @media(max-width:650px){ .site-footer{padding-top:25px} .site-footer .footer-upper{padding-bottom:23px} .site-footer .footer-bottom{padding-top:13px} body:not(.page-home) main#contenido > section.section--hero:first-child{padding-top:18px} body.page-home main#contenido > section.section--hero:first-child{padding-top:26px} } /* Calculadoras: lectura clara, formato chileno y explicaciones. */ .tool-panel .calc-explanation{background:#eff5fb;border-left:3px solid #1c6ca4;border-radius:10px;padding:14px 16px;margin-bottom:17px;color:#172e48} .tool-panel .calc-explanation strong{display:block;font-weight:800} .tool-panel .calc-explanation p{margin:5px 0 7px;line-height:1.5} .tool-panel .calc-explanation small{display:block;color:#4d637b;line-height:1.5} .tool-panel input[data-format="thousands"]{font-variant-numeric:tabular-nums} .tool-panel .calc-results-heading{display:block;margin-bottom:10px;color:#173b5c} .tool-panel .calc-result:not(.error){display:block} .tool-panel .calc-result-row{padding:10px 0;border-bottom:1px solid #dce6ee;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start} .tool-panel .calc-result-row:last-child{border-bottom:0} .tool-panel .calc-result-row>strong{font-size:.91rem} .tool-panel .calc-result-row>span{font-variant-numeric:tabular-nums;font-weight:800;color:#14649b;text-align:right;overflow-wrap:anywhere} .tool-panel .calc-result-row>small{grid-column:1 / -1;color:#506477;font-size:.8rem;line-height:1.45;margin-top:3px} .tool-panel .calc-interpretation{font-size:.9rem;line-height:1.55;color:#284156;margin:12px 0} @media (max-width:540px){.tool-panel .calc-result-row{grid-template-columns:1fr;gap:3px}.tool-panel .calc-result-row>span{text-align:left}} /* V7.31: calculadoras compactas y sin instrucciones de formato que distraigan. */ .tool-panel .calc-intro{margin:0 0 17px;padding:0;color:#465468;font-size:14px;line-height:1.55} .tool-panel input[data-format="thousands"]{font-variant-numeric:tabular-nums;letter-spacing:.01em}