/* Páginas por sector (firma-electronica-*.html) */
.sec-hero{position:relative; padding:72px 0 56px;}
.sec-hero .hero-bg{position:absolute; inset:0; z-index:-1; background:radial-gradient(900px 400px at 85% -10%, rgba(31,176,166,0.14), transparent 60%), radial-gradient(700px 360px at -10% 0%, rgba(42,90,158,0.12), transparent 60%);}
.sec-hero h1{font-size:clamp(32px,4.2vw,50px); font-weight:700; line-height:1.1; color:var(--heading); letter-spacing:-0.02em; max-width:20ch;}
.sec-hero p.lead{margin-top:18px; font-size:18px; color:var(--text-2); max-width:62ch;}
.sec-hero .hero-ctas{display:flex; gap:14px; margin-top:28px; flex-wrap:wrap;}
.crumbs{font-size:13px; color:var(--text-3); margin-bottom:18px;}
.crumbs a{text-decoration:none; color:var(--text-2);}
.crumbs a:hover{color:var(--heading);}
.sec-block{padding:56px 0;}
.sec-block.alt{background:var(--surface-2);}
.doc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.doc-card{background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:22px 22px 20px; box-shadow:var(--shadow);}
.doc-card h3{font-size:16.5px; color:var(--heading); margin-bottom:6px;}
.doc-card p{margin:0; font-size:14px; color:var(--text-2);}
.steps3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
.step3{background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:24px;}
.step3 .n{width:34px; height:34px; border-radius:50%; background:var(--navy); color:#fff; font-weight:700; display:flex; align-items:center; justify-content:center; margin-bottom:12px;}
.step3 h3{font-size:17px; color:var(--heading); margin-bottom:6px;}
.step3 p{margin:0; font-size:14.5px; color:var(--text-2);}
.nom-two{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.nom-card{border-radius:var(--radius); padding:26px; border:1px solid var(--border); background:var(--surface);}
.nom-card.con{background:linear-gradient(160deg,#0a2463,#163f7a); color:#fff; border:none;}
.nom-card h3{font-size:19px; margin-bottom:8px; color:var(--heading);}
.nom-card.con h3{color:#8fe0da;}
.nom-card p,.nom-card li{font-size:14.5px; color:var(--text-2);}
.nom-card.con p,.nom-card.con li{color:#dbe7fb;}
.nom-card ul{margin:10px 0 0; padding-left:20px;}
.nom-note{font-size:13px; color:var(--text-3); margin-top:14px;}
.benefits{display:grid; grid-template-columns:1fr 1fr; gap:14px 28px; list-style:none; padding:0; margin:0;}
.benefits li{position:relative; padding-left:28px; font-size:15.5px; color:var(--text);}
.benefits li::before{content:""; position:absolute; left:0; top:6px; width:16px; height:16px; background:var(--teal); clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);}
.faq details{background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:16px 20px; margin-bottom:12px;}
.faq summary{cursor:pointer; font-weight:600; color:var(--heading);}
.faq details p{margin:10px 0 0; color:var(--text-2); font-size:15px;}
.sector-links{display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px;}
.sector-link{display:block; text-decoration:none; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:20px; box-shadow:var(--shadow); transition:transform .15s ease;}
.sector-link:hover{transform:translateY(-2px);}
.sector-link b{display:block; color:var(--heading); font-family:'Space Grotesk',Arial,sans-serif; font-size:17px;}
.sector-link span{font-size:13.5px; color:var(--text-2);}
.legal-note{font-size:12.5px; color:var(--text-3); margin-top:18px;}
@media (max-width:860px){
  .doc-grid,.steps3{grid-template-columns:1fr 1fr;}
  .nom-two,.benefits{grid-template-columns:1fr;}
}
@media (max-width:560px){
  .doc-grid,.steps3{grid-template-columns:1fr;}
  .sec-hero{padding:48px 0 36px;}
  .sec-block{padding:40px 0;}
}

.fert-grid{grid-template-columns:repeat(4,1fr);}
@media (max-width:860px){.fert-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.fert-grid{grid-template-columns:1fr;}}

/* Artículos / guías */
.articulo{max-width:760px; margin:0 auto; padding:0 24px;}
.articulo h2{font-size:clamp(22px,2.6vw,28px); color:var(--heading); margin:38px 0 10px; letter-spacing:-0.01em;}
.articulo h3{font-size:18px; color:var(--heading); margin:24px 0 6px;}
.articulo p, .articulo li{font-size:16.5px; color:var(--text-2); line-height:1.7;}
.articulo ul, .articulo ol{padding-left:22px; margin:10px 0 14px;}
.articulo li{margin-bottom:6px;}
.articulo .meta{font-size:13px; color:var(--text-3); margin:6px 0 22px;}
.articulo .aviso-box{background:var(--teal-bg); border:1px solid var(--border); border-radius:var(--radius); padding:16px 20px; margin:22px 0; font-size:15px; color:var(--text);}
.articulo table{width:100%; border-collapse:collapse; margin:16px 0; font-size:14.5px;}
.articulo th, .articulo td{border:1px solid var(--border); padding:10px 12px; text-align:left; vertical-align:top; color:var(--text-2);}
.articulo th{background:var(--surface-2); color:var(--heading);}
.art-hero{padding:56px 0 20px;}
.art-hero h1{font-size:clamp(30px,4vw,44px); line-height:1.12; color:var(--heading); letter-spacing:-0.02em;}
.guias-links{display:flex; gap:12px; flex-wrap:wrap; margin-top:12px;}
.guias-links a{font-size:14.5px; font-weight:600; color:var(--heading);}