/* Fuentes alojadas en el propio servidor (V73): DM Sans y Manrope, licencia SIL Open Font License. Sustituyen a la carga desde Google Fonts. */
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:400;src:url('assets/fonts/dm-sans-latin-400-normal.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:500;src:url('assets/fonts/dm-sans-latin-500-normal.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:600;src:url('assets/fonts/dm-sans-latin-600-normal.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'DM Sans';font-style:normal;font-display:swap;font-weight:700;src:url('assets/fonts/dm-sans-latin-700-normal.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:500;src:url('assets/fonts/manrope-latin-500-normal.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:600;src:url('assets/fonts/manrope-latin-600-normal.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:700;src:url('assets/fonts/manrope-latin-700-normal.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:800;src:url('assets/fonts/manrope-latin-800-normal.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
  --navy:#0B2545;
  --navy-2:#123A63;
  --turq:#1FA8A0;
  --turq-dark:#178F88;
  --layer-grey:#B7CFC9;
  --mint:#DDF2EE;
  --mist:#F4F8F7;
  --line:#DCE6E5;
  --text:#0B2545;
  --muted:#60727F;
  --white:#fff;
  --sand:#E8DED0;
  --shadow:0 18px 50px rgba(11,37,69,.09);
  --radius:22px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:#fff;font-family:"DM Sans",Arial,sans-serif;line-height:1.6;overflow-x:hidden}
h1,h2,h3,p,a,li{overflow-wrap:break-word}
body.locked{overflow:hidden}
a{color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,230,229,.8)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{width:188px;height:auto}
.nav-links{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}
.nav-links a{text-decoration:none;color:var(--navy)}
.nav-links a:hover{color:var(--turq-dark)}
.nav-cta{padding:11px 17px;border-radius:999px;background:var(--navy);color:#fff!important}
.menu-btn{display:none;background:none;border:0;font-size:26px;color:var(--navy);padding:10px;line-height:1;cursor:pointer}
.hero{padding:96px 0 84px;overflow:hidden;background:
 radial-gradient(circle at 85% 20%,rgba(31,168,160,.12),transparent 28%),
 linear-gradient(180deg,#fff 0%,#F6FAF9 100%)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}
.eyebrow{display:inline-flex;gap:10px;align-items:center;color:var(--turq-dark);font-family:"DM Sans",Arial,sans-serif;font-weight:700;font-size:13px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}
.eyebrow:before{content:"";width:30px;height:2px;background:var(--turq)}
h1,h2,h3{font-family:"Manrope",Arial,sans-serif;color:var(--navy);line-height:1.08;margin:0 0 22px;letter-spacing:-.025em}
h1{font-size:clamp(44px,6vw,76px);max-width:820px;font-weight:800}
h2{font-size:clamp(34px,4.5vw,54px)}
h3{font-size:23px}
.service-page-hero h1{font-size:clamp(26px,3vw,38px);max-width:700px;font-weight:800;line-height:1.18}
.lead{font-size:20px;line-height:1.55;color:#405462;max-width:700px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;text-decoration:none;font-weight:700;border:1px solid transparent;cursor:pointer;font:inherit}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{background:#0B1C2C}
.btn-secondary{border-color:var(--navy);color:var(--navy);background:#fff}
.btn-secondary:hover{background:var(--mist)}
.hero-visual{position:relative;min-height:400px}
.layer-card{position:absolute;width:80%;padding:30px 32px;border-radius:32px;box-shadow:10px 22px 34px rgba(11,37,69,.30),2px 4px 8px rgba(11,37,69,.18);transform:rotate(6deg)}
.layer-card.one{right:0;top:0;background:var(--navy);color:#fff;z-index:3}
.layer-card.two{right:9%;top:104px;background:var(--turq);color:#fff;z-index:2}
.layer-card.three{right:18%;top:208px;background:var(--layer-grey);color:var(--navy);z-index:1}
.layer-card strong{display:block;font-family:"Manrope";font-size:26px;margin-bottom:8px}
.layer-card span{font-size:14px;opacity:.9}
.section{padding:92px 0}
.section.alt{background:var(--mist)}
.section.dark{background:var(--navy);color:#fff}
.section.dark h2,.section.dark h3{color:#fff}
.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}
.section-head p{max-width:610px;color:var(--muted);margin:0}
.dark .section-head p{color:#C6D2DB}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;transition:.2s;position:relative;box-shadow:5px 5px 0 rgba(31,168,160,.14),10px 10px 0 rgba(11,37,69,.06)}
.card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 rgba(31,168,160,.18),16px 16px 0 rgba(11,37,69,.08)}
.card .num{font-family:"Manrope";font-size:13px;color:var(--turq-dark);font-weight:800;letter-spacing:.1em}
.card p{color:var(--muted);margin-bottom:0}
.card a{display:inline-flex;margin-top:18px;color:var(--turq-dark);font-weight:700;text-decoration:none}
.pill{display:inline-block;padding:7px 11px;border-radius:999px;background:var(--mint);color:var(--turq-dark);font-weight:700;font-size:12px}
.statement{font-size:clamp(22px,2.6vw,32px);max-width:1140px;margin:0 auto;font-family:"Manrope";font-weight:800;line-height:1.25;text-align:center}
.statement span{margin-bottom:6px}
.statement span:last-child{margin-bottom:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.list{display:grid;gap:12px}
.list-item{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}
.list-item b{min-width:28px;color:var(--turq-dark)}
.service-page-hero{padding:76px 0 55px;background:var(--mist)}
.service-layout{display:grid;grid-template-columns:1fr 340px;gap:60px}
.service-nav{position:sticky;top:104px;align-self:start;border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff}
.service-nav a{display:block;text-decoration:none;padding:9px 0;color:var(--muted);font-weight:600}
.service-nav a:hover{color:var(--turq-dark)}
.service-block{padding:14px 0;border-bottom:1px solid var(--line)}
.service-block h2{margin-bottom:14px}
.service-block:last-child{border-bottom:0}
.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}
.check{padding:18px;border-radius:16px;background:var(--mist);border:1px solid var(--line)}
.check:before{content:"✓";font-weight:800;color:var(--turq-dark);margin-right:9px}
.service-block.panel{background:var(--mist);border-radius:24px;padding:36px;border-bottom:0;margin:14px 0}
.service-block.panel .check{background:#fff}
.cta{padding:55px;border-radius:30px;background:linear-gradient(135deg,var(--navy),var(--navy-2));color:#fff}
.cta h2{color:#fff;max-width:760px}
.cta p{color:#D5E0E7;max-width:700px}
.footer{background:var(--navy);color:#D6E0E6;padding:55px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}
.footer a{text-decoration:none}
.footer a:hover{color:#fff}
.footer h3{color:#fff;font-size:15px}
.footer p,.footer li{font-size:14px;color:#AFC0CA}
.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#93A7B3}
.legal{padding:70px 0}
.legal .content{max-width:900px}
.legal h2{font-size:31px;margin-top:45px}
.legal h3{font-size:21px;margin-top:30px}
.legal p,.legal li{color:#536774}
.notice{padding:16px 18px;border-left:4px solid var(--turq);background:var(--mist);border-radius:8px;margin:25px 0}
.contact-form{display:grid;gap:15px}
.field{display:grid;gap:7px}
.field label{font-weight:700;font-size:14px;color:var(--navy)}
.field input,.field textarea,.field select{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fff}
.field textarea{min-height:150px;resize:vertical}
.field small{color:var(--muted)}
.cookie-overlay{position:fixed;inset:0;z-index:100;background:rgba(8,24,37,.58);display:flex;align-items:flex-end;justify-content:center;padding:20px}
.cookie-box{width:min(1050px,100%);background:#fff;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.3);padding:25px}
.cookie-box h2{font-size:25px;margin-bottom:8px}
.cookie-box p{margin:0;color:var(--muted);font-size:14px}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.cookie-actions .btn{min-width:150px}
.cookie-settings{display:none;margin-top:18px;border-top:1px solid var(--line);padding-top:18px}
.cookie-settings.open{display:block}
.cookie-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}
.cookie-row small{display:block;color:var(--muted)}
.switch{font-weight:700;color:var(--turq-dark)}
.cookie-mini{position:fixed;right:18px;bottom:18px;z-index:80;border:1px solid var(--line);background:#fff;color:var(--navy);padding:10px 13px;border-radius:999px;box-shadow:var(--shadow);font-weight:700;cursor:pointer;display:none}
.cookie-mini.show{display:block}
@media(max-width:900px){
 .nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 20px;flex-direction:column;align-items:stretch;gap:16px}
 .nav-links.open{display:flex}.menu-btn{display:block}
 .nav-links .nav-cta{margin-top:6px;text-align:center;padding:13px 17px}
 .hero-grid,.split,.service-layout{grid-template-columns:1fr}.hero{padding-top:70px}.hero-visual{min-height:400px}
 .grid-3{grid-template-columns:1fr 1fr}.section-head{display:block}
 .service-nav{position:static}
 .footer-grid{grid-template-columns:1fr 1fr}
 .section{padding:64px 0}
 .cta{padding:38px}
 .service-block{padding:10px 0}
 .service-block.panel{padding:26px}
}
.article-meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:18px}
.direct-answer{padding:22px 26px;border-radius:16px;background:var(--mint);border:1px solid var(--line);font-size:18px;color:var(--navy);margin:26px 0 10px}
.direct-answer b{color:var(--turq-dark)}
.faq{display:grid;gap:14px;margin-top:10px}
.faq-item{border:1px solid var(--line);border-radius:16px;padding:20px 24px;background:#fff}
.faq-item h3{font-size:18px;margin-bottom:8px}
.faq-item p{color:var(--muted);margin:0}
.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:14px}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb a:hover{color:var(--turq-dark)}
@media(max-width:620px){
 .container{width:min(var(--max),calc(100% - 28px))}
 .grid-3,.grid-2,.checklist,.footer-grid{grid-template-columns:1fr}
 .nav{height:70px}.brand img{width:165px}
 h1{font-size:43px}.lead{font-size:18px}.section{padding:65px 0}
 .hero-visual{min-height:340px}.layer-card{padding:20px 24px;border-radius:26px;transform:rotate(6deg)}.layer-card strong{font-size:21px}
 .layer-card.one{width:88%;top:0}.layer-card.two{width:88%;right:6%;top:86px}.layer-card.three{width:88%;right:12%;top:172px}
 .cookie-overlay{padding:10px}.cookie-box{padding:20px}.cookie-actions .btn{width:100%}
 .cta{padding:28px 22px}.cta h2{font-size:26px}
 .service-block{padding:8px 0}
 .service-block.panel{padding:20px;border-radius:18px}
 .quiz-block{padding:22px 20px}
 .direct-answer{padding:18px 20px;font-size:16px}
 .service-page-hero{padding:56px 0 40px}
}

/* Motivo decorativo de capas: geometria exacta del icono (mismos polígonos), 3 colores del logo */
.service-page-hero{position:relative;overflow:hidden}
.service-page-hero::after{content:"";position:absolute;top:14px;right:-20px;width:280px;height:221px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20190%20150%22%20width%3D%22280%22%20height%3D%22221%22%3E%0A%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%230B2545%22%20opacity%3D%220.16%22/%3E%0A%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%231FA8A0%22%20opacity%3D%220.18%22/%3E%0A%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%220.32%22/%3E%0A%3C/svg%3E");background-repeat:no-repeat;pointer-events:none;z-index:0}
.hero-contacto{min-height:250px}
.service-page-hero .container{position:relative;z-index:1}
.section.dark{position:relative;overflow:hidden}
.section.dark::after{content:"";position:absolute;top:14px;right:-10px;width:280px;height:221px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20190%20150%22%20width%3D%22280%22%20height%3D%22221%22%3E%0A%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%23718193%22%20opacity%3D%220.30%22/%3E%0A%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%231FA8A0%22%20opacity%3D%220.32%22/%3E%0A%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%220.24%22/%3E%0A%3C/svg%3E");background-repeat:no-repeat;pointer-events:none;z-index:0}
.section.dark{min-height:260px}
.section.dark .container{position:relative;z-index:1}
.cta{position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;top:50%;right:90px;transform:translateY(-50%);width:250px;height:198px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20190%20150%22%20width%3D%22280%22%20height%3D%22221%22%3E%0A%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%23718193%22%20opacity%3D%220.30%22/%3E%0A%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%231FA8A0%22%20opacity%3D%220.32%22/%3E%0A%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%220.24%22/%3E%0A%3C/svg%3E");background-repeat:no-repeat;pointer-events:none}
.cta>*{position:relative;z-index:1}
@media(max-width:620px){
 .service-page-hero::after,.section.dark::after,.cta::after{display:none}
}


.pill-nav{display:flex;gap:10px;flex-wrap:wrap}
.pill-nav-item{display:inline-flex;padding:10px 18px;border-radius:999px;border:1px solid var(--line);color:var(--navy);font-weight:700;font-size:14px;text-decoration:none;background:#fff}
.pill-nav-item:hover{background:var(--mint);border-color:var(--turq);color:var(--turq-dark)}

/* Test interactivo del checklist: dos capas de resultado */
.quiz-block{border:1px solid var(--line);border-radius:24px;padding:30px 32px;background:#fff}
.quiz-q{margin-bottom:24px}
.quiz-q p{font-weight:700;color:var(--navy);margin-bottom:10px}
.quiz-options{display:flex;gap:10px;flex-wrap:wrap}
.quiz-options label{border:1px solid var(--line);border-radius:999px;padding:9px 18px;cursor:pointer;font-size:14px;color:var(--navy);transition:.15s}
.quiz-options input{margin-right:6px}
.quiz-options input:checked+span,.quiz-options label:has(input:checked){background:var(--mint);border-color:var(--turq)}
.quiz-submit{margin-top:6px}
.quiz-result{margin-top:24px;padding:22px 26px;border-radius:18px;display:none}
.quiz-result.show{display:block}
.quiz-result.ok{background:var(--mint)}
.quiz-result.warn{background:#FFF4E2}
.quiz-result.bad{background:#FBE9E7}
.quiz-result h3{font-size:19px;margin-bottom:8px}
.quiz-report{margin-top:22px;padding-top:22px;border-top:1px solid var(--line);display:none}
.quiz-report.show{display:block}
.quiz-report .field{margin-bottom:14px}

/* V73: tablas de las páginas legales y primera capa informativa de los formularios */
.legal .table-wrap{overflow-x:auto;margin:20px 0}
.legal table{width:100%;border-collapse:collapse;font-size:15px}
.legal th,.legal td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top;color:#536774}
.legal th{background:var(--mist);color:var(--navy)}
.info-capa{font-size:13px;line-height:1.5;color:var(--muted);background:var(--mist);border-radius:10px;padding:12px 14px;margin:0 0 14px}
.info-capa p{margin:0 0 4px}
.info-capa p:last-child{margin-bottom:0}
.info-capa strong{color:var(--navy)}
.field input[type="checkbox"]{width:auto;flex:0 0 auto;padding:0}


/* =====================================================================
   V77: estética editorial en toda la web
   - Sin tarjetas con sombra: filas separadas por líneas finas de 1 px.
   - Newsreader (serif, SIL OFL) solo para números grandes y frases destacadas.
   - Los títulos pequeños mantienen el estilo .eyebrow (DM Sans, mayúsculas).
   - La composición de capas del inicio (.layer-card) no se modifica.
   ===================================================================== */
@font-face{font-family:'Newsreader';font-style:normal;font-display:swap;font-weight:300;src:url('assets/fonts/newsreader-latin-300-normal.woff2') format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-display:swap;font-weight:400;src:url('assets/fonts/newsreader-latin-400-normal.woff2') format('woff2')}
:root{--serif:'Newsreader',Georgia,'Times New Roman',serif;--hair:rgba(11,37,69,.10);--hair-dark:rgba(255,255,255,.10)}
a:focus-visible,button:focus-visible{outline:2px solid var(--turq);outline-offset:3px}

/* Etiquetas pequeñas: mismo estilo que .eyebrow */
.pill,.card .num{display:inline-block;padding:0;border-radius:0;background:none;color:var(--turq-dark);font-family:"DM Sans",Arial,sans-serif;font-weight:700;font-size:12px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}

/* Rejillas de tarjetas convertidas en índice de filas */
.grid-3{display:block;border-bottom:1px solid var(--hair)}
.card{--mk:96px;display:grid;grid-template-columns:var(--mk) minmax(0,1fr) auto;column-gap:0;align-items:baseline;border:0;border-top:1px solid var(--hair);border-radius:0;box-shadow:none;background:transparent;padding:28px 0;transition:background-color .3s ease,padding .3s ease}
.card:hover{transform:none;box-shadow:none}
.card:not(:has(.num,.pill)){--mk:0px}
.card>.num,.card>.pill{grid-column:1;grid-row:1 / span 3;padding-right:24px;padding-top:6px}
.card>h3{grid-column:2;margin:0 0 8px}
.card>p{grid-column:2;max-width:680px;margin:0}
.card>a{grid-column:3;grid-row:1;align-self:center;margin:0 0 0 40px;white-space:nowrap;font-size:14px}
.card>a::after{content:"";position:absolute;inset:0}
.card:has(>a):hover,.card:has(>a):focus-within{background:rgba(221,242,238,.7);padding-left:18px;padding-right:18px}
.card:has(>a):hover h3,.card:has(>a):focus-within h3{color:var(--turq-dark)}

/* Checklists, preguntas frecuentes y respuesta directa */
.check{background:transparent;border:0;border-top:1px solid var(--hair);border-radius:0;padding:16px 0}
.service-block.panel .check{background:transparent}
.faq{gap:0;border-bottom:1px solid var(--hair)}
.faq-item{border:0;border-top:1px solid var(--hair);border-radius:0;padding:24px 0;background:transparent}
.direct-answer{border:0;border-left:2px solid var(--turq);border-radius:0 4px 4px 0}
.notice{border-radius:0 4px 4px 0}

/* Navegación lateral de las páginas de servicio */
.service-nav{border:0;border-left:1px solid var(--hair);border-radius:0;padding:4px 0 4px 22px;background:transparent}

/* Paneles, formularios, test y avisos: esquinas contenidas */
.service-block.panel{border-radius:4px}
.quiz-block{border-radius:4px;border-color:var(--hair)}
.quiz-result{border-radius:4px}
.field input,.field textarea,.field select{border-radius:4px}
.info-capa{border-radius:4px}
.cookie-box{border-radius:8px}

/* Bloque de llamada a la acción */
.cta{border-radius:4px;background:var(--navy);border-top:1px solid var(--turq);padding:64px}

/* Frase destacada */
.statement{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.6vw,34px);line-height:1.24;letter-spacing:-.01em;text-align:left;max-width:880px;margin:0;padding-left:32px;border-left:1px solid var(--turq)}
.statement span{margin-bottom:10px}

/* ---------- Página inicial ---------- */
.home .hero{padding:88px 0 96px}
.home .hero h1{font-size:clamp(32px,3.6vw,44px);line-height:1.12;letter-spacing:-.025em;max-width:640px}
.home-kicker{display:flex;margin-bottom:30px}
.home-h1-line{display:block}
.home .hero .lead strong{font-weight:600}
.home .eyebrow{margin-bottom:24px}

.home-idea{padding:88px 0 72px}
.home-idea-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,7vw,112px);align-items:start}
.home-idea-aside{position:sticky;top:120px}
.home-idea-aside h2{font-size:clamp(26px,2.6vw,34px);line-height:1.16;margin-bottom:26px}
.home-idea-aside p{color:var(--muted);max-width:440px;margin:0}
.home-idea-list{list-style:none;margin:0;padding:0}
.home-idea-item{display:grid;grid-template-columns:clamp(72px,7vw,96px) minmax(0,1fr);gap:24px;border-top:1px solid var(--hair);padding:26px 0 30px}
.home-idea-item:last-child{padding-bottom:0}
.home-idea-num{font-family:var(--serif);font-weight:300;font-size:clamp(48px,4.4vw,64px);line-height:.9;color:var(--turq);letter-spacing:-.04em;font-variant-numeric:lining-nums}
.home-idea-item h3{font-size:clamp(19px,1.6vw,22px);margin:4px 0 8px}
.home-idea-item p{color:var(--muted);margin:0;max-width:480px;font-size:16px}

.home-areas{background:var(--mist);padding:112px 0 120px}
.home-areas-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:end;margin-bottom:64px}
.home-areas-head h2{font-size:clamp(26px,2.6vw,34px);line-height:1.16;margin:0}
.home-areas-head>p{color:var(--muted);margin:0;max-width:440px}
.home-areas-list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--hair)}
.home-area{border-top:1px solid var(--hair)}
.home-area a{display:grid;grid-template-columns:72px minmax(0,1fr) 48px;gap:24px;align-items:start;padding:30px 20px 30px 0;text-decoration:none;color:var(--navy);transition:background-color .35s ease,padding .35s ease}
.home-area-num{font-weight:700;font-size:12px;letter-spacing:.12em;color:var(--turq-dark);padding-top:12px}
.home-area h3{font-size:clamp(20px,2vw,26px);font-weight:700;margin:0;line-height:1.2;transition:color .25s ease}
.home-area-desc{display:grid;grid-template-rows:1fr}
.home-area-desc>div{overflow:hidden;min-height:0}
.home-area-desc p{margin:0;padding-top:14px;max-width:640px;color:var(--muted);font-size:16px}
.home-area-arrow{justify-self:end;margin-top:6px;width:40px;height:40px;border:1px solid var(--hair);border-radius:50%;display:grid;place-items:center;color:var(--navy);transition:transform .35s ease,background-color .25s ease,border-color .25s ease,color .25s ease}
.home-area-arrow svg{width:16px;height:16px}
.home-area a:hover,.home-area a:focus-visible{background:rgba(221,242,238,.7);padding-left:20px}
.home-area a:hover h3,.home-area a:focus-visible h3{color:var(--turq-dark)}
.home-area a:hover .home-area-desc,.home-area a:focus-visible .home-area-desc{grid-template-rows:1fr}
.home-area a:hover .home-area-arrow,.home-area a:focus-visible .home-area-arrow{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateX(-6px)}

.home-manifest{padding:120px 0}
.home-statement{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.6vw,34px);line-height:1.22;letter-spacing:-.01em;max-width:860px;margin:0;padding-left:32px;border-left:1px solid var(--turq);color:#fff}
.home-manifest .actions{margin-top:44px;padding-left:33px}
.home-manifest .home-despachos{margin:26px 0 0 33px;font-size:14px;color:#C6D2DB;border-top:1px solid var(--hair-dark);padding-top:22px;max-width:860px}
.home-manifest .home-despachos a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.home-cta-wrap{padding:112px 0}

/* Pantallas táctiles: sin cursor, las descripciones se ven siempre */
@media (hover:none){.home-area-desc{grid-template-rows:1fr}}

@media(max-width:900px){
  .cta{padding:40px}
  .home-idea{padding:80px 0 40px}
  .home-idea-grid,.home-areas-head{grid-template-columns:1fr}
  .home-idea-aside{position:static}
  .home-idea-item{padding:24px 0 28px}
  .home-areas{padding:80px 0}
  .home-areas-head{margin-bottom:40px;gap:20px}
  .home-manifest{padding:88px 0}
  .home-cta-wrap{padding:72px 0}
}
@media(max-width:620px){
  .card{--mk:0px;grid-template-columns:minmax(0,1fr);padding:24px 0}
  .card>.num,.card>.pill{grid-row:auto;padding:0 0 8px}
  .card>h3,.card>p,.card>a{grid-column:1}
  .card>a{grid-row:auto;margin:14px 0 0}
  .card:has(>a):hover,.card:has(>a):focus-within{padding-left:0;padding-right:0}
  .cta{padding:30px 22px}
  .statement{padding-left:20px}
  .home .hero h1{font-size:32px}
  .home-idea-item{grid-template-columns:1fr;gap:12px}
  .home-idea-num{font-size:48px}
  .home-area a{grid-template-columns:40px minmax(0,1fr) 40px;gap:14px;padding:24px 0}
  .home-area a:hover,.home-area a:focus-visible{padding-left:0}
  .home-area-arrow{width:34px;height:34px}
  .home-statement{padding-left:20px}
  .home-manifest .actions{padding-left:21px}
  .home-manifest .home-despachos{margin-left:21px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
}

/* V78: escala tipográfica más contenida */
h2{font-size:clamp(24px,2.4vw,30px);line-height:1.18}
h3{font-size:20px;line-height:1.25}
.cta h2{font-size:clamp(26px,2.6vw,34px);line-height:1.16}
.legal h2{font-size:26px}
.legal h3{font-size:19px}

/* =====================================================================
   V80: más relieve
   ===================================================================== */

/* 1. Firma de capas: sombra doble desplazada con los colores del logo, solo en el bloque de llamada a la acción */
.cta{box-shadow:10px 10px 0 var(--turq),20px 20px 0 var(--layer-grey);margin:0 20px 20px 0}

/* 2. Cabeceras interiores en azul marino, con el motivo de capas más grande y la entradilla en serif */
.service-page-hero{background:var(--navy);color:#fff;padding:72px 0 64px!important}
.service-page-hero h1{color:#fff}
.service-page-hero .eyebrow{color:#7FE1DB}
.service-page-hero .eyebrow::before{background:#7FE1DB}
.service-page-hero .lead{font-family:var(--serif);font-weight:300;font-size:clamp(19px,1.7vw,22px)!important;line-height:1.5;color:#D5E0E7;max-width:640px}
.service-page-hero .breadcrumb,.service-page-hero .breadcrumb a{color:#AFC0CA}
.service-page-hero .breadcrumb a:hover{color:#fff}
.service-page-hero .article-meta{color:#AFC0CA}
.service-page-hero::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20190%20150%22%20width%3D%22280%22%20height%3D%22221%22%3E%0A%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%23718193%22%20opacity%3D%220.30%22/%3E%0A%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%231FA8A0%22%20opacity%3D%220.32%22/%3E%0A%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%220.24%22/%3E%0A%3C/svg%3E");background-size:contain;background-position:center;width:460px;height:363px;top:50%;right:-90px;transform:translateY(-50%)}
.hero-contacto{min-height:0}

/* 3. Ritmo de fondos en las áreas: preguntas frecuentes en franja gris, llamada final aparte */
.area-faq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,6vw,96px);align-items:start}
.area-faq-grid h2{position:sticky;top:120px;margin:0}
.area-faq .faq{margin-top:0}
.area-cta{padding:96px 0 104px}

/* 4. Seis capas de la portada: descripción visible en una línea, completa al pasar el cursor,
      y una marca vertical con los tres colores de las capas */
.home-area{--c:var(--navy)}
.home-area:nth-child(3n+2){--c:var(--turq)}
.home-area:nth-child(3n){--c:var(--layer-grey)}
.home-area a{position:relative}
.home-area a::before{content:"";position:absolute;left:0;top:32px;width:3px;height:26px;background:var(--c);transition:top .35s ease,height .35s ease}
.home-area a:hover::before,.home-area a:focus-visible::before{top:0;height:100%}
.home-area-num{padding-left:18px}
.home-area-desc p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding-top:8px}
.home-area a:hover .home-area-desc p,.home-area a:focus-visible .home-area-desc p{-webkit-line-clamp:unset;display:block}

/* 5. Las capas de la portada se apilan una vez al cargar; la posición final es la de siempre */
@keyframes ll-stack{from{opacity:0;transform:translateY(-46px) rotate(6deg)}to{opacity:1;transform:rotate(6deg)}}
.home .layer-card{animation:ll-stack 1.4s cubic-bezier(.22,.61,.36,1) both}
.home .layer-card.one{animation-delay:.15s}
.home .layer-card.two{animation-delay:.6s}
.home .layer-card.three{animation-delay:1.05s}

@media(max-width:900px){
  .area-faq-grid{grid-template-columns:1fr;gap:24px}
  .area-faq-grid h2{position:static}
  .service-page-hero{padding:56px 0 48px!important}
}
@media(max-width:620px){
  .cta{box-shadow:6px 6px 0 var(--turq),12px 12px 0 var(--layer-grey);margin:0 12px 12px 0}
  .home-area-num{padding-left:12px}
  .home-area a::before{top:26px}
  .home-area-desc p{-webkit-line-clamp:unset;display:block}
}
@media (hover:none){.home-area-desc p{-webkit-line-clamp:unset;display:block}}
@media (prefers-reduced-motion:reduce){.home .layer-card{animation:none}}

/* =====================================================================
   V81: degradado azul, motivo de capas más claro y entero
   Fondo de los bloques azules: degradado de #0B2545 a #123A63 (como en la versión original).
   Motivo de capas en tres colores de marca: gris verdoso #B7CFC9 y teal #1FA8A0.
   ===================================================================== */
.service-page-hero,.section.dark,.cta{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%)}
.service-page-hero::after,.section.dark::after,.cta::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2230%2015%20140%20125%22%3E%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%220.24%22/%3E%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%231FA8A0%22%20opacity%3D%220.55%22/%3E%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%220.34%22/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}
.service-page-hero::after{width:300px;height:268px;top:50%;right:max(24px,calc((100% - var(--max)) / 2));transform:translateY(-50%)}
.section.dark::after{width:260px;height:232px;top:50%;right:max(24px,calc((100% - var(--max)) / 2));transform:translateY(-50%)}
.cta::after{width:230px;height:205px;right:64px}
@media(max-width:1100px){
  .service-page-hero::after{width:220px;height:196px;opacity:.7}
  .section.dark::after{opacity:.6}
}
@media(max-width:900px){.service-page-hero::after{display:none}}

/* =====================================================================
   V82
   ===================================================================== */
/* Cabeceras interiores: misma altura en todas las páginas */
.service-page-hero{display:flex;align-items:center;min-height:380px;padding:56px 0 48px!important}
.service-page-hero>.container{width:min(var(--max),calc(100% - 40px))}
@media(max-width:900px){.service-page-hero{min-height:360px}}
@media(max-width:620px){.service-page-hero{min-height:430px}.service-page-hero>.container{width:min(var(--max),calc(100% - 28px))}}

/* Motivo de capas de la cabecera: colores del logo en negativo, muy difuminado, a la derecha y entero */
.service-page-hero::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2230%2015%20140%20125%22%3E%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%23FFFFFF%22/%3E%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%235EDCD1%22/%3E%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23919DAB%22/%3E%3C/svg%3E");width:320px;height:286px;right:40px;opacity:.11;filter:blur(1.5px)}
@media(max-width:1100px){.service-page-hero::after{width:240px;height:214px;right:24px;opacity:.09}}

/* Portada: menos hueco entre secciones */
.home .hero{padding:72px 0 72px}
.home-idea{padding:72px 0 64px}
.home-areas{padding:72px 0 80px}
.home-areas-head{margin-bottom:40px}
.home-manifest{padding:80px 0 16px;background:#fff;color:var(--navy)}
.home-cta-wrap{padding:48px 0 88px}

/* Portada: la frase de la firma pasa a fondo claro para no encadenar dos bloques azules */
.home-statement{color:var(--navy)}
.home-manifest .home-despachos{color:var(--muted);border-top-color:var(--hair)}
.home-manifest .home-despachos a{color:var(--navy)}
@media(max-width:900px){
  .home-idea{padding:56px 0 40px}
  .home-areas{padding:56px 0 64px}
  .home-manifest{padding:56px 0 8px}
  .home-cta-wrap{padding:40px 0 64px}
}

/* =====================================================================
   V84
   ===================================================================== */
/* Logo de las cabeceras: colores del logo en negativo al 45 % */
.service-page-hero::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2230%2015%20140%20125%22%3E%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.45%22/%3E%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%235EDCD1%22%20opacity%3D%220.45%22/%3E%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23919DAB%22%20opacity%3D%220.45%22/%3E%3C/svg%3E");opacity:1;filter:none;width:260px;height:232px;right:calc((100% - var(--max)) / 2 + 40px)}
@media(max-width:1100px){.service-page-hero::after{width:220px;height:196px;right:24px;opacity:1}}

/* Portada: frase de la firma en recuadro gris verdoso */
.home-manifest{background:#fff;padding:72px 0 24px}
.home-manifest>.container{background:var(--layer-grey);border-radius:4px;padding:56px 64px 36px}
.mf{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:end}
.mf-lines{display:grid;gap:6px;width:64px;margin-bottom:28px}
.mf-lines span{height:3px;border-radius:2px}
.mf-lines span:nth-child(1){background:var(--navy)}
.mf-lines span:nth-child(2){background:var(--turq);margin-left:10px}
.mf-lines span:nth-child(3){background:#fff;margin-left:20px}
.mf h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,3.6vw,48px);line-height:1.1;letter-spacing:-.015em;margin:0;color:var(--navy)}
.mf p{color:var(--navy);font-size:17px;margin:0 0 22px;max-width:420px}
.mf .btn{background:var(--navy);color:#fff}
.mf-foot{margin:48px 0 0;padding-top:20px;border-top:1px solid rgba(11,37,69,.18);font-size:14px;color:var(--navy)}
.mf-foot a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}

@media(max-width:900px){
  .home-manifest{padding:48px 0 16px}
  .home-manifest>.container{padding:40px 32px 28px}
  .mf{grid-template-columns:1fr;gap:24px;align-items:start}
}
@media(max-width:620px){
  .home-manifest>.container{padding:32px 22px 24px}
}

/* =====================================================================
   V85: cabecera de la portada
   ===================================================================== */
/* Al abrir la portada solo se ve la cabecera: ocupa toda la pantalla bajo el menú.
   Fondo como en la versión original, con el halo turquesa a tamaño fijo */
.home .hero{display:flex;align-items:center;min-height:calc(100vh - 78px);min-height:calc(100svh - 78px);padding:72px 0 80px;
  background:radial-gradient(circle 460px at 85% 20%,rgba(31,168,160,.12),transparent 100%),linear-gradient(180deg,#fff 0%,#F6FAF9 100%)}
/* Etiqueta "Derecho digital y tecnológico": más grande, a la izquierda y dentro del H1 */
.home-kicker{font-size:18px;gap:16px;margin-bottom:34px}
.home-kicker::before{width:44px;height:2px}
@media(max-width:900px){.home .hero{min-height:calc(100svh - 70px);padding:56px 0 64px}}
@media(max-width:620px){.home .hero{min-height:calc(100vh - 70px);min-height:calc(100svh - 70px)}}
@media(max-width:620px){.home-kicker{font-size:14px;gap:12px;margin-bottom:24px}.home-kicker::before{width:30px}}

/* =====================================================================
   V86
   ===================================================================== */
/* Frases destacadas con la letra de los titulares de la web (Manrope) */
.statement{font-family:"Manrope",Arial,sans-serif;font-weight:700;font-size:clamp(21px,2.2vw,28px);line-height:1.32;letter-spacing:-.015em}
.mf h2{font-family:"Manrope",Arial,sans-serif;font-weight:700;font-size:clamp(26px,2.8vw,36px);line-height:1.15;letter-spacing:-.025em}



/* =====================================================================
   V87
   ===================================================================== */
/* Portada: la frase de la firma, en franja de lado a lado con el turquesa claro
   de las filas de áreas al pasar el cursor, y texto en navy */
.home-manifest{background:#E4F4F0;padding:72px 0 64px}
.home-manifest>.container{background:none;border-radius:0;padding:0}
.mf-foot{border-top-color:rgba(11,37,69,.14)}
.home .home-cta-wrap{padding:88px 0 104px}

/* Páginas de servicio y artículos: menos hueco entre bloques */
.section:has(>.service-layout){padding:64px 0 48px}
.area-faq{padding:56px 0 64px}
.area-cta{padding:56px 0 80px}
@media(max-width:900px){
  .home-manifest{padding:48px 0 40px}
  .home .home-cta-wrap{padding:56px 0 72px}
  .section:has(>.service-layout){padding:44px 0 32px}
  .area-faq{padding:44px 0 48px}
  .area-cta{padding:40px 0 64px}
}

/* =====================================================================
   V89: página de Servicios agrupada por las tres capas de la marca
   ===================================================================== */
.sv-hero{min-height:0!important;padding:64px 0 60px!important}
.sv-hero::after{display:none}
.sv-hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,88px);align-items:center}
.sv-direct{color:#D5E0E7;font-size:15px;margin:18px 0 0;max-width:560px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
.sv-index{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.14)}
.sv-index a{display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;font-family:"Manrope",Arial,sans-serif;font-weight:700;font-size:17px;transition:padding .25s ease,background-color .25s ease}
.sv-index a:hover,.sv-index a:focus-visible{background:rgba(255,255,255,.06);padding-left:10px}
.sv-index svg{width:16px;height:16px;color:#7FE1DB}
.sv-dot{width:4px;height:20px;border-radius:2px;background:var(--c)}
.sv-navy{--c:#FFFFFF}.sv-turq{--c:var(--turq)}.sv-grey{--c:var(--layer-grey)}
.sv-layers .sv-navy{--c:var(--navy)}
.sv-layers{padding:40px 0 80px}
.sv-layer{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;padding:44px 0;border-bottom:1px solid var(--hair)}
.sv-layer:last-child{border-bottom:0}
.sv-layer-label{position:sticky;top:110px;align-self:start;padding-left:24px;border-left:6px solid var(--c);border-radius:3px 0 0 3px}
.sv-layer-name{font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:34px;line-height:1.1;color:var(--navy);margin:0 0 8px;letter-spacing:-.02em}
.sv-layer-sub{color:var(--muted);margin:0;font-size:15px}
.sv-block{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid var(--hair);scroll-margin-top:110px}
.sv-block:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.sv-block h2{font-size:clamp(24px,2.4vw,30px);line-height:1.15;margin:0 0 10px}
.sv-block>p{color:var(--muted);margin:0 0 18px;max-width:640px}
.sv-chips{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.sv-chips li{background:#E4F4F0;color:var(--navy);border-radius:999px;padding:8px 15px;font-size:14px;font-weight:600}
.sv-btn{background:var(--navy);color:#fff;padding:11px 22px;font-size:14px}
@media(max-width:900px){
  .sv-hero-grid{grid-template-columns:1fr;gap:28px}
  .sv-layer{grid-template-columns:1fr;gap:24px;padding:32px 0}
  .sv-layer-label{position:static}
  .sv-layer-name{font-size:28px}
}
@media(max-width:620px){
  .sv-hero{padding:44px 0 40px!important}
  .sv-index a{font-size:15px;padding:11px 2px}
  .sv-chips li{font-size:13px;padding:7px 12px}
}

/* =====================================================================
   V89: aviso de cookies visible al entrar, sin bloquear la navegación y con botones iguales
   ===================================================================== */
.cookie-overlay{inset:auto 0 0 0;background:none;padding:16px;pointer-events:none}
.cookie-box{pointer-events:auto;padding:22px 24px;box-shadow:0 12px 40px rgba(11,37,69,.18);border:1px solid var(--hair);display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;align-items:center}
.cookie-box h2{font-size:20px}
.cookie-box h2,.cookie-box>p,.cookie-settings{grid-column:1 / -1}
.cookie-box>p:first-of-type{grid-column:1}
.cookie-box>.cookie-actions{grid-column:2;grid-row:2;margin-top:0}
.cookie-box>p:last-child{margin-top:10px!important}
.cookie-actions .btn{min-width:0;flex:0 0 auto;padding:11px 20px;font-size:14px}
@media(max-width:900px){.cookie-box{display:block}.cookie-box>.cookie-actions{margin-top:14px}}
@media(max-width:620px){.cookie-overlay{padding:8px}.cookie-box{padding:18px}.cookie-box h2{font-size:18px}.cookie-actions{gap:8px}.cookie-actions .btn{width:auto;flex:1 1 auto;padding:10px 14px;font-size:13px}.cookie-box p{font-size:13px}}

/* =====================================================================
   V90: sin numeración; el color de cada grupo (Empresa navy, Digital turquesa,
   Compliance gris verdoso) identifica las áreas en toda la web
   ===================================================================== */
.g-navy{--c:var(--navy)}.g-turq{--c:var(--turq)}.g-grey{--c:var(--layer-grey)}
.home-area.g-navy{--c:var(--navy)}.home-area.g-turq{--c:var(--turq)}.home-area.g-grey{--c:var(--layer-grey)}
/* Portada, "Una idea sencilla": palabra clave en lugar de número */
.home-idea-item{grid-template-columns:clamp(120px,11vw,160px) minmax(0,1fr)}
.home-idea-word{font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:clamp(34px,3.2vw,46px);letter-spacing:-.03em;line-height:1}
/* Portada, "Seis capas": marca de color del grupo */
.home-area a{grid-template-columns:28px minmax(0,1fr) 48px}
.home-area-num{padding:0}
.home-area a::before{width:4px;height:30px;top:34px}
/* Audita: marca de color del grupo en lugar de número */
.card:has(>.pill.bar){--mk:40px}
.card>.pill.bar{width:4px;height:30px;padding:0;background:var(--c);border-radius:2px;align-self:center;grid-row:1 / span 2}
@media(max-width:620px){
  .home-idea-item{grid-template-columns:1fr}
  .home-idea-word{font-size:34px}
  .home-area a{grid-template-columns:16px minmax(0,1fr) 40px}
  .home-area a::before{top:28px}
  .card:has(>.pill.bar){--mk:0px}
  .card>.pill.bar{width:28px;height:3px;align-self:start;margin-bottom:12px}
}

/* =====================================================================
   V91: Soluciones por momentos (Empezar, Crecer, Incorporar, Revisar),
   con las áreas de cada solución en el color de su grupo
   ===================================================================== */
.so-list{padding:40px 0 8px}
.so-moment{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;padding:40px 0;border-bottom:1px solid var(--hair)}
.so-moment:last-child{border-bottom:0;padding-bottom:32px}
.so-word{position:sticky;top:110px;align-self:start;margin:0;font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:clamp(34px,3.2vw,46px);letter-spacing:-.03em;line-height:1;color:var(--turq)}
.so-item{padding:0 0 32px;margin-bottom:32px;border-bottom:1px solid var(--hair)}
.so-item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.so-item h2{font-size:clamp(22px,2.2vw,28px);line-height:1.2;margin:0 0 10px}
.so-item>p{color:var(--muted);margin:0 0 16px;max-width:640px}
.so-chips{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.so-chips a{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border:1px solid var(--hair);border-radius:999px;font-size:13px;font-weight:600;color:var(--navy);text-decoration:none}
.so-chips a::before{content:"";width:4px;height:16px;border-radius:2px;background:var(--c)}
.so-chips a:hover{background:#E4F4F0}
.so-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.so-btn{background:var(--navy);color:#fff;padding:11px 22px;font-size:14px}
.so-read{font-size:14px;color:var(--turq-dark);text-decoration:none;font-weight:600}
.so-despachos{background:#E4F4F0;padding:56px 0}
.so-desp-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:end}
.so-despachos h2{font-size:clamp(24px,2.6vw,32px);margin:0}
.so-despachos p{color:var(--navy);margin:0 0 18px}

@media(max-width:900px){
  .so-moment{grid-template-columns:1fr;gap:20px;padding:32px 0}
  .so-word{position:static;font-size:34px}
  .so-desp-grid{grid-template-columns:1fr;gap:18px;align-items:start}
  .so-despachos{padding:44px 0}
}

/* =====================================================================
   V92: Recursos
   ===================================================================== */
/* Pestañas de categorías */
.pill-nav{display:flex;gap:28px;border-bottom:1px solid var(--hair);flex-wrap:wrap}
.pill-nav-item{border:0!important;border-radius:0!important;background:none!important;padding:14px 0!important;margin-bottom:-1px;border-bottom:2px solid transparent!important;font-weight:700;color:var(--navy)}
.pill-nav-item:hover{border-bottom-color:var(--turq)!important;color:var(--turq-dark)}
.pill-nav-item.is-active{border-bottom-color:var(--navy)!important}
/* Fichas de artículos: tipo, área con el color de su grupo y fecha de publicación */
.card.rc-card{--mk:0px}
.rc-meta{grid-column:1 / -1;grid-row:1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:10px;font-size:13px}
.rc-type{font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--turq-dark)}
.rc-area{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--navy);text-decoration:none}
.rc-area:hover{color:var(--turq-dark)}
.rc-area::before{content:"";width:4px;height:15px;border-radius:2px;background:var(--c)}
.rc-date{color:var(--muted)}
.card.rc-card>h3{grid-row:2}.card.rc-card>p{grid-row:3}.card.rc-card>a{grid-row:2}
/* Índice lateral de los artículos */
.art-toc{display:flex;flex-direction:column;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--hair)}
.art-toc a{font-size:14px;padding:6px 0 6px 12px;border-left:2px solid transparent;margin-left:-2px}
.art-toc a:hover{border-left-color:var(--turq)}
.service-nav:has(.art-toc){position:sticky;top:110px;max-height:calc(100vh - 130px);overflow:auto}
h2[id]{scroll-margin-top:110px}
@media(max-width:900px){.service-nav:has(.art-toc){position:static;max-height:none}.pill-nav{gap:20px}}
@media(max-width:620px){.card.rc-card>a{grid-row:auto}}
.card .rc-meta a.rc-area{margin:0;color:var(--navy);font-size:13px;font-weight:600;display:inline-flex}
.card .rc-meta a.rc-area:hover{color:var(--turq-dark)}
@media(max-width:620px){.pill-nav{flex-wrap:nowrap;overflow-x:auto;gap:22px;row-gap:0;-webkit-overflow-scrolling:touch}.pill-nav-item{white-space:nowrap}.rc-meta{gap:6px 14px}}

/* =====================================================================
   V93: "Qué podemos revisar" en las áreas: seis fichas con la línea del color de su grupo
   ===================================================================== */
.service-block.panel.qp{background:transparent;padding:0;border:0}
.qp .checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.qp .check{background:#fff;border:1px solid var(--hair);border-top:3px solid var(--c);border-radius:4px;padding:20px 18px;min-height:92px;display:flex;align-items:flex-end;font-family:"Manrope",Arial,sans-serif;font-weight:700;font-size:16px;line-height:1.3;color:var(--navy)}
.qp .check:before{display:none}
@media(max-width:1100px){.qp .checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.qp .checklist{grid-template-columns:1fr 1fr;gap:10px}.qp .check{min-height:76px;padding:16px 14px;font-size:14px}}

/* =====================================================================
   V94: "Qué podemos revisar" con fondo turquesa claro (#E4F4F0) en todas las áreas,
   fichas blancas con el texto centrado y marca vertical del color de su grupo
   ===================================================================== */
.service-block.panel.qp{background:#E4F4F0;padding:34px 34px 30px;border-radius:4px;border:0}
.qp h2{margin-top:0}
.qp .checklist{gap:12px;margin-top:20px}
.qp .check{min-height:0;align-items:center;padding:18px;border:0;border-left:4px solid var(--c);box-shadow:0 1px 0 rgba(11,37,69,.06)}
@media(max-width:620px){.service-block.panel.qp{padding:26px 18px 22px}.qp .checklist{gap:10px}.qp .check{padding:14px 12px}}
.service-block.panel.qp .check{background:#fff}
#equipo{scroll-margin-top:90px}
.article-meta a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* =====================================================================
   V96: cabeceras claras en las páginas interiores (áreas, artículos, categorías de Recursos,
   Para despachos y páginas legales). Las páginas de la barra superior siguen en azul.
   Logo en positivo; en áreas y artículos se ilumina la capa de su grupo.
   ===================================================================== */
.service-page-hero.hero-light{background:radial-gradient(circle 460px at 85% 20%,rgba(31,168,160,.12),transparent 100%),linear-gradient(180deg,#fff 0%,#F6FAF9 100%);color:var(--navy);border-bottom:1px solid var(--hair)}
.hero-light h1{color:var(--navy)}
.service-page-hero.hero-light .eyebrow{color:var(--turq-dark)}
.service-page-hero.hero-light .eyebrow::before{background:var(--turq)}
.service-page-hero.hero-light .lead{color:var(--muted)}
.service-page-hero.hero-light .breadcrumb,.service-page-hero.hero-light .breadcrumb a,.service-page-hero.hero-light .article-meta{color:var(--muted)}
.service-page-hero.hero-light .breadcrumb a:hover{color:var(--navy)}
.service-page-hero.hero-light .article-meta a{color:var(--navy)}
.service-page-hero.hero-light::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2230%2015%20140%20125%22%3E%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%230B2545%22%20opacity%3D%220.28%22/%3E%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%231FA8A0%22%20opacity%3D%220.32%22/%3E%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%220.55%22/%3E%3C/svg%3E")}
.service-page-hero.hero-light.g-navy::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2230%2015%20140%20125%22%3E%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%230B2545%22%20opacity%3D%220.8%22/%3E%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%231FA8A0%22%20opacity%3D%220.12%22/%3E%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%220.25%22/%3E%3C/svg%3E")}
.service-page-hero.hero-light.g-turq::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2230%2015%20140%20125%22%3E%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%230B2545%22%20opacity%3D%220.1%22/%3E%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%231FA8A0%22%20opacity%3D%220.85%22/%3E%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%220.25%22/%3E%3C/svg%3E")}
.service-page-hero.hero-light.g-grey::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2230%2015%20140%20125%22%3E%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%230B2545%22%20opacity%3D%220.07%22/%3E%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%231FA8A0%22%20opacity%3D%220.08%22/%3E%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%221%22/%3E%3C/svg%3E")}
.hero-light .breadcrumb{margin-bottom:14px}

/* =====================================================================
   V97
   - Áreas: vuelven a la cabecera azul; el logo (colores del logo en negativo) ilumina la capa de su grupo
     y mantiene visibles las otras dos.
   - Cabeceras claras (artículos, categorías, Para despachos, legales): logo en positivo con más color;
     en los artículos, la capa de su grupo algo más marcada.
   ===================================================================== */
.hero-area .breadcrumb,.hero-area .breadcrumb a{color:#AFC0CA}
.hero-area .breadcrumb a:hover{color:#fff}
.hero-area .breadcrumb{margin-bottom:14px}
.service-page-hero.hero-area.g-navy::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2230%2015%20140%20125%22%3E%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.9%22/%3E%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%235EDCD1%22%20opacity%3D%220.3%22/%3E%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23919DAB%22%20opacity%3D%220.3%22/%3E%3C/svg%3E")}
.service-page-hero.hero-area.g-turq::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2230%2015%20140%20125%22%3E%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.3%22/%3E%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%235EDCD1%22%20opacity%3D%220.9%22/%3E%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23919DAB%22%20opacity%3D%220.3%22/%3E%3C/svg%3E")}
.service-page-hero.hero-area.g-grey::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2230%2015%20140%20125%22%3E%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.3%22/%3E%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%235EDCD1%22%20opacity%3D%220.3%22/%3E%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%220.95%22/%3E%3C/svg%3E")}
.service-page-hero.hero-light::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2230%2015%20140%20125%22%3E%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%230B2545%22%20opacity%3D%220.55%22/%3E%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%231FA8A0%22%20opacity%3D%220.6%22/%3E%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%220.85%22/%3E%3C/svg%3E")}
.service-page-hero.hero-light.g-navy::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2230%2015%20140%20125%22%3E%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%230B2545%22%20opacity%3D%220.85%22/%3E%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%231FA8A0%22%20opacity%3D%220.5%22/%3E%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%220.7%22/%3E%3C/svg%3E")}
.service-page-hero.hero-light.g-turq::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2230%2015%20140%20125%22%3E%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%230B2545%22%20opacity%3D%220.45%22/%3E%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%231FA8A0%22%20opacity%3D%220.9%22/%3E%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%220.7%22/%3E%3C/svg%3E")}
.service-page-hero.hero-light.g-grey::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%2230%2015%20140%20125%22%3E%3Cpolygon%20points%3D%22166%2C35%20109%2C19%2034%2C55%2087%2C72%22%20fill%3D%22%230B2545%22%20opacity%3D%220.45%22/%3E%3Cpolygon%20points%3D%22166%2C70%20137%2C62%2086%2C85%2057%2C76%2033%2C88%2086%2C106%22%20fill%3D%22%231FA8A0%22%20opacity%3D%220.5%22/%3E%3Cpolygon%20points%3D%22165%2C101%20140%2C94%2084%2C119%2057%2C109%2034%2C118%2087%2C136%22%20fill%3D%22%23B7CFC9%22%20opacity%3D%221%22/%3E%3C/svg%3E")}

/* =====================================================================
   V98: foto de María J. Agudo en La firma (Equipo) y recuadro "Escrito por" al final de los artículos
   ===================================================================== */
.team-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:center}
.team-photo{margin:0}
.team-photo img{display:block;width:100%;height:auto;border-radius:4px}
.author-box{display:grid;grid-template-columns:88px minmax(0,1fr);gap:20px;align-items:center;padding:24px;border:1px solid var(--hair);border-radius:4px;background:#fff;margin:8px 0 28px}
.author-box img{width:88px;height:88px;border-radius:50%;object-fit:cover}
.author-box .ab-role{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--turq-dark);margin:0 0 6px}
.author-box .ab-name{font-family:"Manrope",Arial,sans-serif;font-weight:700;font-size:17px;color:var(--navy);margin:0 0 4px}
.author-box p{margin:0;font-size:15px;color:var(--muted)}
.author-box .ab-link{display:inline-block;margin-top:8px;font-size:14px;font-weight:600}
@media(max-width:900px){.team-grid{grid-template-columns:1fr}.team-photo{max-width:420px}}
@media(max-width:620px){.author-box{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:18px}.author-box img{width:64px;height:64px}}

/* V99: La firma, Equipo: párrafo introductorio a todo lo ancho; foto más pequeña a la izquierda
   y texto al lado; textos justificados */
.team-intro{margin:0 0 32px;padding-bottom:28px;border-bottom:1px solid var(--hair)}
.team-intro p{font-size:17px!important;max-width:none}
.team-intro p:last-child{margin-bottom:0}
.team-grid{grid-template-columns:200px minmax(0,1fr);gap:48px;align-items:center}
.team-intro p,.team-text p{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.team-text p:last-child{margin-bottom:0;text-align:left}
@media(max-width:900px){.team-grid{grid-template-columns:1fr;gap:24px}.team-photo{max-width:240px}}
@media(max-width:620px){.team-intro p,.team-text p{text-align:left}}

/* V101: artículos: el recuadro "Respuesta directa" / "Lo esencial" pasa arriba, a todo lo ancho,
   por encima del índice lateral y más cerca de la cabecera */
.section.art-body{padding-top:40px}
.art-lead .direct-answer{margin:0 0 40px}
@media(max-width:900px){.section.art-body{padding-top:28px}.art-lead .direct-answer{margin-bottom:28px}}

/* =====================================================================
   V102: portada en móvil
   - Las tres capas no se solapan: más separación y textos en una línea.
   - La animación empieza cuando la imagen entra en pantalla (en móvil está debajo del texto).
   ===================================================================== */
.js .home .hero-visual:not(.in-view) .layer-card{opacity:0;animation:none}
@media(max-width:620px){
  .hero-visual{min-height:370px}
  .layer-card{padding:18px 20px}
  .layer-card strong{font-size:20px;margin-bottom:6px}
  .layer-card span{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .layer-card.one{width:92%;right:0;top:0}
  .layer-card.two{width:92%;right:4%;top:104px}
  .layer-card.three{width:92%;right:8%;top:208px}
}
@media (prefers-reduced-motion:reduce){.js .home .hero-visual .layer-card{opacity:1}}

/* =====================================================================
   V103: portada en móvil, capas en flujo normal (sin posiciones fijas):
   cada capa monta solo un poco sobre la siguiente, así que ningún texto
   puede quedar tapado aunque el móvil use un tamaño de letra mayor.
   ===================================================================== */
@media(max-width:620px){
  .hero-visual{min-height:0;display:flex;flex-direction:column;padding:18px 0 34px}
  .layer-card{position:relative;top:auto!important;right:auto!important;width:88%!important;padding:18px 20px 22px}
  .layer-card span{white-space:normal;overflow:visible}
  .layer-card.one{margin-left:10%}
  .layer-card.two{margin-left:5%;margin-top:-14px}
  .layer-card.three{margin-left:0;margin-top:-14px}
}

/* =====================================================================
   V107
   - Sin flechas en los enlaces de texto: pasan a ir subrayados.
   - Botones con esquinas ligeramente redondeadas (6 px) en lugar de forma de píldora.
   - Áreas: menú lateral agrupado por Empresa, Digital y Compliance, con el color de cada grupo.
   ===================================================================== */
.btn,.nav-cta{border-radius:6px}
.card>a,.so-read,.ab-link,.service-nav a[href$="linkedin.com/in/maria-jesus-agudo/"]{text-decoration:underline;text-underline-offset:3px}
.card>a:hover,.so-read:hover,.ab-link:hover{text-decoration-thickness:2px}
.sn-groups .sn-g{display:flex;align-items:center;gap:8px;margin:16px 0 4px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.sn-groups .sn-g::before{content:"";width:4px;height:14px;border-radius:2px;background:var(--c)}
.sn-groups a{padding-left:12px}
.sn-groups a.is-current{color:var(--navy);font-weight:700;border-left:2px solid var(--c,var(--turq));padding-left:10px}

/* =====================================================================
   V108: Contacto
   - Columna izquierda: "¿En qué podemos ayudarte?", opciones sin números, con la marca de color
     de su grupo; al pulsar una opción se marca el motivo en el formulario.
   - Formulario: mismos campos uno debajo de otro, pero más bajos y con menos separación.
   ===================================================================== */
.ct-list{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--hair)}
.ct-opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--hair);padding:14px 4px;font:inherit;font-size:16px;color:var(--navy);cursor:pointer;transition:background-color .2s ease}
.ct-opt::before{content:"";width:4px;height:18px;border-radius:2px;background:var(--c);flex:none}
.ct-opt:hover,.ct-opt:focus-visible,.ct-opt.is-selected{background:#E4F4F0}
.ct-opt.is-selected{font-weight:700}
.contact-form{gap:12px}
.contact-form .field{margin:0;gap:5px}
.contact-form .field label{margin:0}
.contact-form h2{margin-bottom:4px!important}
.contact-form input:not([type="checkbox"]),.contact-form select{padding:10px 12px;min-height:0}
.contact-form textarea{min-height:0;padding:10px 12px}
.contact-form .info-capa{font-size:12.5px;line-height:1.5;padding:12px 14px;margin:4px 0 10px}
.contact-form .info-capa p{margin:0 0 4px}

/* V109: Contacto: nombre y empresa en la misma fila (en móvil, uno debajo de otro) */
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:620px){.ct-row{grid-template-columns:1fr;gap:12px}}

/* V110: Soluciones, franja para despachos: etiqueta "Colaboración entre despachos" más grande */
.so-desp-label{font-size:15px;margin-bottom:14px}
.so-desp-label::before{width:36px}

/* V111: Colaboración entre despachos: materias con la marca de color de su grupo */
.dd-areas{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;border-top:1px solid var(--hair)}
.dd-areas li{border-bottom:1px solid var(--hair)}
.dd-areas a{display:flex;align-items:center;gap:12px;padding:16px 4px;color:var(--navy);text-decoration:none;font-weight:600}
.dd-areas a::before{content:"";width:4px;height:18px;border-radius:2px;background:var(--c);flex:none}
.dd-areas a:hover{background:#E4F4F0}
@media(max-width:620px){.dd-areas{grid-template-columns:1fr}}

/* =====================================================================
   V115
   - Soluciones y Recursos: la cabecera azul muestra a la derecha los accesos de la página
     (los cuatro momentos en Soluciones; las cinco categorías en Recursos, que sustituyen a las pestañas).
   - Categorías de Recursos: pestañas más grandes.
   ===================================================================== */
.hh-hero::after{display:none}
.hh-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,88px);align-items:center}
.hh-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.14)}
.hh-list a{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:baseline;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;transition:background-color .25s ease,padding .25s ease}
.hh-list a:hover,.hh-list a:focus-visible{background:rgba(255,255,255,.06);padding-left:10px}
.hh-list b{font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:20px;color:#7FE1DB}
.hh-list span{font-size:15px;color:#D5E0E7}
.so-moment{scroll-margin-top:100px}
.pill-nav{gap:36px}
.pill-nav-item{font-family:"Manrope",Arial,sans-serif;font-size:19px!important;padding:18px 0!important}
@media(max-width:900px){.hh-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:620px){.hh-list a{grid-template-columns:104px minmax(0,1fr);padding:11px 2px}.hh-list b{font-size:17px}.hh-list span{font-size:14px}.pill-nav{gap:24px}.pill-nav-item{font-size:17px!important}}

/* V116: Soluciones: acceso a "Colaboración entre despachos" en la cabecera, diferenciado.
   Contacto: opción "Otra consulta" con marca sin color de grupo. */
.hh-list .hh-alt{margin-top:14px;border-top:1px solid rgba(255,255,255,.14)}
.hh-list .hh-alt b{color:#fff;font-weight:700}
.hh-list .hh-alt span{color:#AFC0CA}
#despachos{scroll-margin-top:100px}
.ct-other::before{background:transparent!important;box-shadow:inset 0 0 0 1px var(--navy)}

/* =====================================================================
   V117
   - Recursos: recuadro de descarga del dossier (turquesa claro, separado de la cabecera).
   - Recursos, "Lo último de cada categoría": el artículo más reciente destacado a la izquierda
     y el último de cada una de las otras categorías a la derecha.
   ===================================================================== */
.dl-wrap{padding:44px 0 0}
.dl-box{background:#E4F4F0;border-radius:4px;padding:30px 34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}
.dl-title{font-family:"Manrope",Arial,sans-serif;font-weight:700;font-size:22px;color:var(--navy);margin:8px 0 6px}
.dl-text{margin:0;color:var(--navy);max-width:640px}
.dl-btn{background:var(--navy);color:#fff;padding:14px 24px}
.grid-3:has(>.fx){display:block;border-bottom:0}
.fx{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;margin-top:10px;align-items:start}
.fx-feat{border:1px solid var(--hair);border-top:3px solid var(--c);border-radius:4px;padding:34px 34px 36px;background:#fff}
.fx-feat h3{font-size:28px;line-height:1.18;margin:14px 0 12px}
.fx-feat h3 a,.fx-item h4 a{color:var(--navy);text-decoration:none}
.fx-feat h3 a:hover,.fx-item h4 a:hover{color:var(--turq-dark)}
.fx-feat p{font-size:16.5px;color:var(--muted);margin:0 0 22px}
.fx-btn{background:var(--navy);color:#fff;padding:11px 20px;font-size:14px}
.fx-side{border-top:1px solid var(--hair)}
.fx-item{padding:15px 0;border-bottom:1px solid var(--hair)}
.fx-item h4{font-size:17px;line-height:1.3;margin:6px 0 0}
.fx .rc-meta{display:flex;grid-column:auto;grid-row:auto;margin:0}
@media(max-width:900px){.dl-box{grid-template-columns:1fr;gap:18px}.fx{grid-template-columns:1fr;gap:24px}.fx-feat{padding:26px}.fx-feat h3{font-size:24px}}
@media(max-width:620px){.dl-wrap{padding-top:28px}.dl-box{padding:24px 20px}.dl-title{font-size:19px}}

/* =====================================================================
   V120: "Qué podemos revisar" en las seis áreas: cada ficha lleva debajo del título
   una línea que explica, en términos de empresa, qué se resuelve.
   ===================================================================== */
.service-block.panel.qp .check.qp-d{flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:16px 18px}
.qp-d b{font-size:16px;line-height:1.3}
.qp-d span{font-family:"DM Sans",Arial,sans-serif;font-weight:400;font-size:13.5px;line-height:1.4;color:var(--muted)}
@media(max-width:620px){.qp-d b{font-size:14px}.qp-d span{font-size:12.5px}}

/* V122: Servicios: el título de cada bloque enlaza también a la página del área */
.sv-title{color:var(--navy);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1.5px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .25s ease,color .2s ease}
.sv-title:hover,.sv-title:focus-visible{color:var(--turq-dark);background-size:100% 1.5px}

/* =====================================================================
   V123: móvil
   - Las cabeceras de las páginas interiores se ajustan a su contenido (sin altura mínima).
   - Categorías de Recursos: las cinco pestañas en una sola fila, visibles de un vistazo.
   ===================================================================== */
@media(max-width:620px){
  .service-page-hero{min-height:0!important;padding:40px 0 36px!important}
  .pill-nav{flex-wrap:nowrap;overflow:visible;gap:0;justify-content:space-between}
  .pill-nav-item{font-size:14px!important;padding:14px 0!important;letter-spacing:-.01em}
}

/* V124: Colaboración entre despachos: espacios más compactos para ver la cabecera
   y los primeros bloques de un vistazo */
body[data-page="despachos"] main>.section{padding:44px 0 40px}
body[data-page="despachos"] main>.section .service-block{margin-bottom:0}
body[data-page="despachos"] main>.section h2{margin-bottom:14px}
body[data-page="despachos"] .grid-3 .card{padding:16px 0}
body[data-page="despachos"] .grid-3 .card h3{margin-bottom:4px}
body[data-page="despachos"] main ol{gap:10px!important;margin-top:8px!important}
body[data-page="despachos"] .faq-item{padding:16px 0}
body[data-page="despachos"] .dd-areas{margin-top:8px}
body[data-page="despachos"] .dd-areas a{padding:12px 4px}
@media(max-width:620px){body[data-page="despachos"] main>.section{padding:32px 0 28px}}

/* =====================================================================
   V126: portada
   - Línea discreta de identidad bajo el titular ("Abogados de empresa...").
   - Franja de confianza bajo los botones.
   - Las capas son botones: al pulsar una se destacan sus áreas (misma animación de caída).
   - Accesos a las seis áreas con el color de su capa.
   La cabecera sigue ocupando toda la pantalla (V85).
   ===================================================================== */
.home-id{margin:-8px 0 20px;font-size:15px;line-height:1.5;color:var(--muted);letter-spacing:.01em}
.home-trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 28px;margin:30px 0 0;padding:18px 0 0;border-top:1px solid var(--line);max-width:600px;font-size:14px;line-height:1.5;color:var(--muted)}
.home-trust li{margin:0}
.home-trust strong{color:var(--navy);font-weight:600}

/* Capas como botones: mismo aspecto y posición de siempre */
button.layer-card{-webkit-appearance:none;appearance:none;border:0;margin:0;font:inherit;line-height:1.4;text-align:left;cursor:pointer;translate:0 0;transition:translate .25s ease,outline-color .25s ease;outline:2px solid transparent;outline-offset:6px}
button.layer-card:hover{translate:0 -4px}
button.layer-card.is-active{outline-color:var(--navy)}
button.layer-card.one.is-active{outline-color:var(--turq)}
button.layer-card:focus-visible{outline:2px solid var(--turq);outline-offset:6px}

/* Accesos a las áreas, agrupados por color de capa */
.home-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:56px}
.home-chip{display:inline-flex;align-items:center;padding:9px 18px;border-radius:999px;background:var(--c);color:#fff;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease}
.home-chip.g-grey{color:var(--navy)}
.home-chip:hover,.home-chip:focus-visible{transform:translateY(-2px)}
.home-chips.is-filtered .home-chip{opacity:.28}
.home-chips.is-filtered .home-chip.is-on{opacity:1;transform:translateY(-3px);box-shadow:0 6px 14px rgba(11,37,69,.18)}

@media(max-width:900px){
  .home-chips{margin-top:40px}
}
@media(max-width:620px){
  .home-id{font-size:14px;margin:-6px 0 16px}
  .home-trust{gap:6px 18px;margin-top:24px;padding-top:14px;font-size:13px}
  .home-chips{gap:8px;margin-top:32px}
  .home-chip{padding:8px 14px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  button.layer-card,.home-chip{transition:none}
  button.layer-card:hover{translate:0 0}
}

/* =====================================================================
   V127: menús desplegables (Servicios, Soluciones y Recursos),
   imágenes conceptuales de Soluciones y color de capa en Recursos
   ===================================================================== */
.nav-item{position:static;display:flex;align-items:center;gap:2px}
.mega-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:28px;padding:0;border:0;background:none;color:var(--navy);cursor:pointer;border-radius:4px}
.mega-toggle span{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
.nav-item.open .mega-toggle span{transform:translateY(2px) rotate(-135deg)}
.mega{display:none}
.mega-capa{margin:0 0 12px;font-family:"DM Sans",Arial,sans-serif;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--turq-dark)}
.mega-col .mega-capa{display:flex;align-items:center;gap:8px;color:var(--navy)}
.mega-col .mega-capa::before{content:"";width:4px;height:15px;border-radius:2px;background:var(--c)}
.mega-link{display:block;padding:10px 0;border-top:1px solid var(--hair);text-decoration:none}
.mega-link b{display:block;font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:15px;color:var(--navy);line-height:1.3}
.mega-link span{display:block;font-weight:400;font-size:13px;color:var(--muted);line-height:1.4;margin-top:2px}
.mega-link:hover b,.mega-link:focus-visible b{color:var(--turq-dark)}
.mega-tile{display:block;text-decoration:none}
.mega-img{display:block;width:100%;height:auto;background:var(--mist);border-radius:10px;transition:background-color .2s ease}
.mega-tile b{display:block;margin-top:10px;font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:15px;color:var(--navy)}
.mega-tile span{display:block;font-weight:400;font-size:13px;color:var(--muted);line-height:1.4;margin-top:2px}
.mega-tile:hover .mega-img,.mega-tile:focus-visible .mega-img{background:var(--mint)}
.mega-tile:hover b,.mega-tile:focus-visible b{color:var(--turq-dark)}
.mega-dossier{background:var(--mist);border-radius:10px;padding:22px 24px;align-self:start}
.mega-dossier-text{margin:0 0 16px;font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:17px;line-height:1.3;color:var(--navy)}
.mega-dossier-btn{display:inline-flex;padding:10px 18px;border-radius:6px;background:var(--navy);color:#fff!important;font-size:14px;font-weight:600;text-decoration:none}
.mega-dossier-btn:hover{background:var(--navy-2)}

@media(min-width:901px){
  .nav-links{align-self:stretch}
  .nav-item{align-self:stretch}
  .mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(var(--max),calc(100% - 40px));background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;box-shadow:0 18px 40px rgba(11,37,69,.10);padding:26px 28px 28px;z-index:50}
  .nav-item:hover>.mega,.nav-item.open>.mega{display:block}
  .nav-item:hover>.mega-toggle span{transform:translateY(2px) rotate(-135deg)}
  .mega-servicios .mega-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
  .mega-soluciones .mega-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
  .mega-recursos .mega-inner{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px}
}
@media(max-width:900px){
  .nav-links{max-height:calc(100vh - 78px);overflow-y:auto}
  .nav-item{flex-wrap:wrap;justify-content:space-between}
  .nav-item>a{flex:1}
  .mega-toggle{width:40px;height:32px}
  .nav-item.open>.mega{display:block;flex-basis:100%;padding:6px 0 4px 12px;border-left:2px solid var(--line);margin-top:8px}
  .mega-col{margin-bottom:12px}
  .mega-col .mega-capa{margin:4px 0 6px}
  .mega-link,.mega-tile{padding:8px 0;border-top:0}
  .mega-img{display:none}
  .mega-tile b{margin-top:0}
  .mega-dossier{margin-top:10px;padding:16px 18px}
  .nav-links .mega a{font-weight:400}
}
@media(max-width:620px){.nav-links{max-height:calc(100vh - 70px)}}

/* Soluciones: imagen conceptual en cada momento y etiqueta de áreas */
.so-item{display:grid;grid-template-columns:minmax(0,1fr) 170px;column-gap:44px}
.so-item>*{grid-column:1}
.so-item>.so-fig{grid-column:2;grid-row:1 / span 6;align-self:start}
.so-fig{margin:0}
.so-img{display:block;width:100%;height:auto;background:var(--mist);border-radius:10px}
.so-areas-label{margin:0 0 8px;font-family:"DM Sans",Arial,sans-serif;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.so-fig-desp{width:150px;margin-bottom:18px}
.so-fig-desp .so-img{background:#fff}
@media(max-width:620px){
  .so-item{grid-template-columns:minmax(0,1fr)}
  .so-item>.so-fig{grid-column:1;grid-row:auto;width:130px;margin-bottom:14px}
  .so-fig-desp{width:120px}
}

/* Recursos: cada ficha lleva la marca de color de su capa */
.card.rc-card,.fx-item{position:relative;padding-left:22px}
.card.rc-card::before,.fx-item::before{content:"";position:absolute;left:0;top:30px;bottom:30px;width:4px;border-radius:2px;background:var(--c)}
.fx-item::before{top:17px;bottom:17px}
.card.rc-card:has(>a):hover,.card.rc-card:has(>a):focus-within{padding-left:34px}
.card.rc-card:has(>a):hover::before,.card.rc-card:has(>a):focus-within::before{left:12px}
@media(max-width:900px){.card.rc-card:has(>a):hover,.card.rc-card:has(>a):focus-within{padding-left:22px}.card.rc-card:has(>a):hover::before,.card.rc-card:has(>a):focus-within::before{left:0}}
@media(prefers-reduced-motion:reduce){.mega-toggle span,.mega-img{transition:none}}
@media(min-width:901px){.nav-links>a,.nav-item>a{white-space:nowrap}}
@media(min-width:901px) and (max-width:1100px){.nav-links{gap:14px}.nav-item{gap:0}}
/* V127: las palabras grandes de Soluciones (Empezar, Crecer, Incorporar, Revisar) nunca se parten */
.so-word{white-space:nowrap;overflow-wrap:normal;word-break:normal;hyphens:none}

/* =====================================================================
   V128: páginas de área. Frase destacada y «Cómo trabajamos» en tres
   pasos marcados con las capas, que se completan paso a paso.
   ===================================================================== */
.area-quote{margin:40px 0 36px;padding:4px 0 4px 24px;border-left:3px solid var(--turq);max-width:640px;font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.2vw,28px);line-height:1.35;color:var(--navy)}
.area-how-intro{margin:0 0 4px}
.area-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;position:relative}
.area-steps::before{content:"";position:absolute;left:40px;right:calc((100% - 56px) / 3 - 30px);top:31px;border-top:1px dashed var(--grey,#B7CFC9)}
.area-step{position:relative;margin:0}
.area-step-mark{display:block;width:84px;height:64px;padding-right:10px;background:var(--bg,#fff)}
.area-step b{display:block;margin:14px 0 6px;font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:17px;line-height:1.25;color:var(--navy)}
.area-step p{margin:0;font-size:15px;line-height:1.55}
@media(max-width:760px){
  .area-quote{margin:30px 0 26px;padding-left:18px}
  .area-steps{grid-template-columns:1fr;gap:22px}
  .area-steps::before{display:none}
  .area-step:not(:last-child)::after{content:"";position:absolute;left:33px;top:56px;bottom:-16px;border-left:1px dashed #B7CFC9}
  .area-step{display:grid;grid-template-columns:66px minmax(0,1fr);column-gap:16px}
  .area-step-mark{grid-row:1 / span 2;width:66px;height:50px;padding:0 0 6px}
  .area-step b{margin:4px 0 4px}
}

/* =====================================================================
   V129: recuadro final de las páginas de área, sin ilustración de capas
   y con el botón a la derecha (en móvil sigue debajo del texto).
   ===================================================================== */
.area-cta .cta::after{display:none}
@media(min-width:761px){
  .area-cta .cta{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(32px,5vw,72px);align-items:center}
  .area-cta .cta>*{grid-column:1}
  .area-cta .cta>.btn{grid-column:2;grid-row:1 / span 2;align-self:center;white-space:nowrap;padding-left:28px;padding-right:28px}
  .area-cta .cta>h2{margin-top:0;margin-bottom:12px}
  .area-cta .cta>p{margin-top:0;margin-bottom:0}
}

/* =====================================================================
   V130: página «Revisa tu empresa» (audita.html) con frase destacada,
   «Cómo funciona» en tres pasos y preguntas frecuentes.
   ===================================================================== */
.audit-what h2{margin-bottom:18px}
.audit-what{padding-bottom:24px}
.audit-how{padding-top:8px}
.audit-how .area-quote{margin-top:24px}
.area-quote{text-wrap:balance}
@media(max-width:760px){.audit-what{padding-bottom:12px}}

/* V133: botón «Solicita tu diagnóstico» en la cabecera de «Revisa tu empresa» */
.audit-hero-cta{margin:28px 0 0}
@media(max-width:760px){.audit-hero-cta{margin-top:22px}}

/* V134: portada. La franja de confianza queda en una línea (Sevilla) y
   «6 áreas de práctica» pasa a encabezar la fila de áreas, con raya turquesa. */
.home-chips-label{margin:56px 0 0;font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:15px;line-height:1.2;color:var(--navy)}
.home-chips-label::after{content:"";display:block;width:30px;height:2px;background:var(--turq);margin-top:9px}
.home-chips-label+.home-chips{margin-top:16px}
@media(max-width:900px){.home-chips-label{margin-top:40px}}
@media(max-width:620px){.home-chips-label{margin-top:32px;font-size:14.5px}.home-chips-label+.home-chips{margin-top:14px}}

/* V135: «Revisa tu empresa» y bloque de áreas del formulario de contacto */
.audit-what-intro{margin:-6px 0 18px;color:var(--muted)}
.diag-areas{display:none;border:0;border-left:3px solid var(--turq);background:var(--mist);border-radius:4px;padding:16px 18px 14px;margin:0 0 18px;min-width:0}
.diag-areas.is-on{display:block}
.diag-areas legend{float:left;width:100%;padding:0;margin:0 0 4px;font-family:"Manrope",Arial,sans-serif;font-weight:800;font-size:16px;color:var(--navy)}
.diag-note{clear:both;margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--muted)}
.diag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}
.diag-ck{display:flex;align-items:center;gap:10px;font-weight:400!important;font-size:14.5px;color:var(--navy);cursor:pointer;margin:0}
.diag-ck input{margin:0;width:16px;height:16px;flex:none;accent-color:var(--navy)}
.diag-ck span{display:flex;align-items:center;gap:8px}
.diag-ck:not(.diag-unsure) span::before{content:"";width:3px;height:15px;border-radius:2px;background:var(--c)}
.diag-unsure{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:10px;color:var(--muted)}
.diag-hint{display:block;margin-top:10px;color:#B3261E;font-size:13.5px}
.diag-hint:empty{display:none}
@media(max-width:620px){.diag-grid{grid-template-columns:1fr}}

/* V136: riesgo y compliance se revisa siempre (no se elige) */
.diag-always{grid-column:1 / -1;margin:2px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted);font-style:italic}
.audit-always{display:inline-block;vertical-align:middle;margin-left:10px;padding:3px 9px;border-radius:999px;background:var(--mist);border:1px solid var(--line);font-family:"DM Sans",Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--turq-dark)}