/* articulo.css — plantilla de las guías del blog (Ronda 14, aprobada 10 oct 2026).
   Va con /paginas.css. Tonos: sobre lavanda/blanco azul y negro; sobre azul/negro blanco y #D3D2DA; sobre naranja negro. */
.art-hero{padding-top:44px;padding-bottom:34px}
.art-hero .h1{font-size:clamp(40px,6vw,76px);max-width:1000px}
.art-hero .sub{margin-top:18px;max-width:760px}
.art-hero .eyebrow a,.nh .eyebrow a{color:inherit;text-decoration:none}
.art-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:20px;font-size:15px;font-weight:700;color:#000080}
.art-meta a{color:#000080}
.art-sec{padding-top:56px}
.art-main{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.lectura{flex:999 1 620px;min-width:0;max-width:760px;font-size:19px;line-height:1.7;color:#0A0A0A}
.art-aside{flex:1 1 240px;min-width:0;position:sticky;top:20px}
.toc{display:flex;flex-direction:column;gap:2px}
.toc a{display:block;padding:7px 0;border-bottom:1px solid #D3D2DA;font-weight:700;font-size:15px;line-height:1.35;color:#000080;text-decoration:none}
.toc a:last-child{border-bottom:0}
.toc a:hover{color:#0A0A0A}
.lectura h2{font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;color:#000080;font-size:clamp(30px,3.6vw,44px);line-height:1.08;margin:56px 0 18px;scroll-margin-top:24px;letter-spacing:0}
.lectura > h2:first-child,.lectura > .lo-esencial + h2{margin-top:0}
.lectura h3{font-family:'Archivo',Arial,sans-serif;font-weight:800;font-size:22px;line-height:1.3;color:#000080;margin:34px 0 10px;text-transform:none;letter-spacing:0}
.lectura h4{font-weight:800;color:#000080;margin:24px 0 8px}
.lectura p{margin:0 0 18px;color:#0A0A0A;font-weight:400}
.lectura strong,.lectura b{font-weight:800;color:#0A0A0A}
.lectura em{font-style:italic}
.lectura a{color:#000080;font-weight:700;text-decoration:underline;text-decoration-color:#FF4500;text-decoration-thickness:2px;text-underline-offset:3px;border:0}
.lectura a:hover{color:#0A0A0A}
.lectura ul,.lectura ol{margin:0 0 20px;padding-left:24px}
.lectura li{margin:6px 0;color:#0A0A0A}
.lectura img{max-width:100%;height:auto}
.lectura hr{border:0;border-top:3px solid #000080;margin:40px 0}
.art-extra{margin-bottom:40px}
/* Lo esencial */
.nh .geo-box,.nh .geo-summary,.nh .resumen-rapido,.nh .lo-esencial{background:#000080;color:#FFFFFF;padding:26px 28px;margin:0 0 34px;border:0;border-radius:0;box-shadow:none}
.nh .geo-box *,.nh .geo-summary *,.nh .resumen-rapido *,.nh .lo-esencial *{color:#FFFFFF}
.nh .geo-box p,.nh .geo-summary p,.nh .resumen-rapido p,.nh .lo-esencial p{font-size:17px;line-height:1.6;margin:0 0 12px;font-weight:400}
.nh .geo-box p:last-child,.nh .lo-esencial p:last-child{margin-bottom:0}
.nh .geo-box-title,.nh .geo-box-label,.nh .geo-summary .label,.nh .resumen-rapido .label,.nh .geo-summary > p:first-child > strong:only-child{display:block;font-family:'Archivo',Arial,sans-serif;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#FF4500 !important;margin-bottom:12px}
/* 16 oct 2026 (auditoría F16): el título del resumen es h2 (antes h3 que saltaba de nivel); mismo aspecto que el h3 de lectura */
.nh .lectura .geo-summary h2.geo-h{font-family:'Archivo',Arial,sans-serif;font-weight:800;font-size:22px;line-height:1.3;margin:0 0 10px;text-transform:none;letter-spacing:0;text-shadow:none;color:#FFFFFF}
.nh .geo-box a,.nh .geo-summary a,.nh .resumen-rapido a,.nh .lo-esencial a{color:#FFFFFF;text-decoration-color:#FF4500}
.nh .geo-box strong,.nh .lo-esencial strong{color:#FFFFFF}
.nh .geo-text{margin:0}
/* Citas */
.nh .pullquote,.nh .article-pullquote,.lectura blockquote{margin:34px 0;padding:0;border:0;background:none;box-shadow:none}
.nh .pullquote,.nh .pullquote p,.nh .article-pullquote,.nh .article-pullquote p,.lectura blockquote,.lectura blockquote p{font-family:'Anton',Impact,sans-serif;font-weight:400;font-style:normal;text-transform:uppercase;color:#000080;font-size:clamp(26px,3.2vw,38px);line-height:1.15;text-shadow:3px 3px 0 #FF4500;margin:0}
.nh .pullquote cite,.nh .pullquote span,.lectura blockquote cite{display:block;font-family:'Archivo',Arial,sans-serif;font-size:15px;text-transform:none;text-shadow:none;margin-top:10px;color:#4E4D57;font-weight:700}
/* Cajas */
.nh .highlight-box,.nh .tip-block,.nh .teacher-note,.nh .scenario-block,.nh .ibox,.nh .highlight{background:#FFFFFF;border:0;border-left:8px solid #FF4500;border-radius:0;padding:22px 24px;margin:28px 0;color:#0A0A0A;box-shadow:none}
.nh .highlight-box *,.nh .tip-block *,.nh .teacher-note *,.nh .scenario-block *,.nh .ibox *{color:#0A0A0A}
.nh .highlight-box a,.nh .ibox a,.nh .tip-block a{color:#000080}
.nh .highlight-box h3,.nh .highlight-box h4,.nh .tip-label,.nh .teacher-note-label,.nh .scenario-label{margin-top:0;color:#000080 !important;font-weight:800}
.nh .highlight-box p:last-child,.nh .ibox p:last-child,.nh .tip-block p:last-child{margin-bottom:0}
.nh .ibox-dark,.nh .dark-band{background:#000080;color:#FFFFFF;border:0;border-radius:0;padding:26px 28px;margin:30px 0}
.nh .ibox-dark *,.nh .dark-band *{color:#FFFFFF}
.nh .ibox-dark a,.nh .dark-band a{color:#FFFFFF;text-decoration-color:#FF4500}
/* Cifras */
.nh .stat-row,.nh .stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:28px 0;background:none;border:0}
.nh .stat-box,.nh .stat-card,.nh .stat-block{background:#FF4500;color:#0A0A0A;padding:22px;border:0;border-radius:0;text-align:left;box-shadow:none}
.nh .stat-row > :nth-child(3n+2),.nh .stats-row > :nth-child(3n+2){background:#000080;color:#FFFFFF}
.nh .stat-row > :nth-child(3n+3),.nh .stats-row > :nth-child(3n+3){background:#FFFFFF;color:#0A0A0A}
.nh .stat-num,.nh .stat-number{font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:52px;line-height:1;color:inherit;letter-spacing:0;margin:0 0 8px}
.nh .stat-row > :nth-child(3n+3) .stat-num,.nh .stats-row > :nth-child(3n+3) .stat-number{color:#000080}
.nh .stat-num small{font-size:.6em}
.nh .stat-label,.nh .stat-source,.nh .stat-box p,.nh .stat-block p{font-family:'Archivo',Arial,sans-serif;font-weight:700;font-size:15px;line-height:1.4;color:inherit;margin:0;text-transform:none;letter-spacing:0}
.nh .stat-row > :nth-child(3n+2) *{color:#FFFFFF}
.nh .stat-row > :nth-child(3n+1) *,.nh .stats-row > :nth-child(3n+1) *{color:#0A0A0A}
/* Comparaciones */
.nh .compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:28px 0}
.nh .compare-card,.nh .compare-col{background:#FFFFFF;color:#0A0A0A;padding:24px;border:0;border-top:8px solid #0A0A0A;border-radius:0}
.nh .compare-card *,.nh .compare-col *{color:#0A0A0A}
.nh .compare-card.active,.nh .compare-col.personal-col{border-top-color:#000080;outline:4px solid #FF4500}
.nh .compare-card h3,.nh .compare-card h4{color:#000080 !important}
.nh .compare-label,.nh .compare-level{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#000080 !important;margin-bottom:10px}
.nh .compare-card ul{padding-left:20px;margin:0}
.nh .scenario-tag{color:#000080 !important;background:#FFFFFF !important;border:2px solid #000080;border-radius:0 !important}
/* Pilares */
.nh .three-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:28px 0}
.nh .pillar-card{background:#FFFFFF;padding:22px;border:0;border-top:8px solid #000080;border-radius:0}
.nh .pillar-num{font-family:'Anton',Impact,sans-serif;font-size:40px;line-height:1;color:#000080}
.nh .pillar-title{font-weight:800;font-size:19px;color:#000080;margin:8px 0}
.nh .pillar-body{font-size:16px;line-height:1.55;color:#0A0A0A}
/* Frases */
.nh .phrase-block{background:#FFFFFF;border:0;border-left:6px solid #000080;border-radius:0;padding:18px 20px;margin:18px 0}
.nh .phrase-label,.nh .phrase-block-label{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#000080 !important;margin-bottom:8px}
.nh .phrase-en{font-weight:800;color:#000080}
.nh .phrase-es{color:#4E4D57}
/* Tablas */
.lectura table,.nh .hub-body table,.nh .level-table,.nh .price-table{width:100%;border-collapse:collapse;background:#FFFFFF;margin:24px 0;font-size:16px;line-height:1.45;border:0}
.nh table th{background:#000080;color:#FFFFFF;text-align:left;padding:12px 14px;font-weight:800}
.nh table td{padding:12px 14px;border-bottom:2px solid #E7E6EC;color:#0A0A0A;vertical-align:top}
.nh table tr.highlight-row td,.nh table .best td{background:#FFF1EB}
.nh .reference,.nh .lectura .reference{font-size:14px;line-height:1.5;color:#4E4D57;font-style:normal;margin:-6px 0 22px}
/* Llamados a la acción dentro del texto */
.nh .article-cta,.nh .cta-block,.nh .cta-strip,.nh .art-band{background:#FF4500;color:#0A0A0A;padding:30px;margin:44px 0;border:0;border-radius:0;text-align:left;box-shadow:none}
.nh .article-cta *,.nh .cta-block *,.nh .cta-strip *{color:#0A0A0A}
.nh .article-cta h2,.nh .article-cta h3,.nh .cta-block h2,.nh .cta-strip h2,.nh .cta-strip h3{font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(28px,3.4vw,40px);line-height:1.08;color:#0A0A0A;margin:0 0 12px;text-shadow:none}
.nh .article-cta h2 em,.nh .cta-strip h2 em{font-style:normal;color:#0A0A0A}
.nh .article-cta p,.nh .cta-block p,.nh .cta-strip p{font-size:17px;color:#0A0A0A;margin:0 0 6px}
.nh .cta-buttons,.nh .btn-group,.nh .article-cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;justify-content:flex-start}
.nh .cta-btn,.nh .cta-btn-primary,.nh .btn-primary{display:inline-flex;align-items:center;background:#000080;color:#FFFFFF !important;border:3px solid #000080;border-radius:0;padding:12px 18px;font-family:'Archivo',Arial,sans-serif;font-weight:800;font-size:15px;text-transform:uppercase;text-decoration:none}
.nh .cta-btn.secondary,.nh .cta-btn-secondary,.nh .btn-outline{display:inline-flex;align-items:center;background:transparent;color:#0A0A0A !important;border:3px solid #0A0A0A;border-radius:0;padding:12px 18px;font-family:'Archivo',Arial,sans-serif;font-weight:800;font-size:15px;text-transform:uppercase;text-decoration:none}
.nh .wa-dot{display:none}
.nh .cta-tagline{font-family:'Anton',Impact,sans-serif;text-transform:uppercase;font-size:20px;margin-top:14px}
.nh .art-band{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.nh .art-band .ticket{border-color:#000080}
/* Guías (hub) */
.nh .hub-strip{margin-top:6px;margin-bottom:6px}
.nh .hub-strip .lo-esencial{margin:0 0 24px}
.nh .verify{font-size:15px;color:#0A0A0A;background:#FFFFFF;border-left:8px solid #000080;padding:14px 18px;margin:0 0 18px}
.nh .verify a{color:#000080;font-weight:800}
.nh .quick-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0 0 24px}
.nh .quick-card{background:#FFFFFF;border:0;border-top:8px solid #000080;border-radius:0;padding:16px 18px}
.nh .quick-label{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#000080}
.nh .quick-value{font-weight:800;font-size:17px;color:#0A0A0A;margin-top:6px}
.nh .quick-value *{color:#0A0A0A}
.nh .hub-body{margin-top:24px;font-size:18px;line-height:1.7}
.nh .hub-body.prose{max-width:820px}
.nh .hub-body > p{max-width:820px}
.nh .hub-body p{margin:0 0 16px}
.nh .hub-body ul,.nh .hub-body ol{margin:0 0 18px;padding-left:24px}
.nh .hub-body li{margin:6px 0}
.nh .hub-body h3{font-weight:800;font-size:22px;color:#000080;margin:30px 0 10px}
.nh .hub-body a{color:#000080;font-weight:700}
.nh .h2 em{font-style:normal;color:#FF4500}
.nh .hub-stats{gap:14px}
.nh .hub-stats *{color:#FFFFFF}
.nh .hero-stat-num{font-family:'Anton',Impact,sans-serif;font-size:40px;line-height:1;color:#FF4500 !important}
.nh .hero-stat-label{font-size:14px;color:#D3D2DA !important}
.nh .hub-right .toc{max-height:none}
.nh .bridge h3{font-weight:800;color:#000080;margin:0 0 8px}
.nh .articles-grid,.nh .tools-grid,.nh .resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:24px}
.nh .article-card,.nh .tool-card,.nh .resource-link{display:flex;flex-direction:column;gap:8px;background:#FFFFFF;border:0;border-top:8px solid #000080;border-radius:0;padding:20px;text-decoration:none;color:#0A0A0A;box-shadow:none}
.nh .article-card:hover,.nh .tool-card:hover,.nh .resource-link:hover{border-top-color:#FF4500}
.nh .card-tag,.nh .rl-label{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#000080}
.nh .card-title,.nh .tool-name,.nh .rl-title{font-weight:800;font-size:18px;line-height:1.3;color:#000080}
.nh .card-excerpt,.nh .tool-desc{font-size:15px;line-height:1.5;color:#0A0A0A}
.nh .card-author,.nh .rl-url{font-size:13px;color:#4E4D57}
.nh .card-arr{font-weight:800;color:#000080}
.nh .tool-icon{font-size:28px}
.nh .author-box{background:#FFFFFF;border:0;border-left:8px solid #000080;padding:20px 22px;margin:34px 0}
.nh .author-box-label{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#000080}
@media (max-width:640px){
  .lectura{font-size:18px}
  .lectura h2{font-size:30px;margin-top:44px}
  .nh .article-cta,.nh .cta-block,.nh .cta-strip,.nh .art-band{padding:24px 20px}
  .nh .stat-num,.nh .stat-number{font-size:44px}
}
/* Ronda 16 (11 oct 2026): títulos de sección en guías y hubs un poco más pequeños que en las páginas principales (72 px), porque son preguntas más largas */
.nh .sec .h2{font-size:clamp(34px,4.6vw,52px);line-height:1.08}
/* 16 oct 2026 (auditoría F32): enlaces dentro de tablas con área táctil de 24 px */
.nh table a{display:inline-block;padding:3px 0;min-height:24px}
/* 16 oct 2026 (revisión visual): en el celular las tablas anchas se desplazan de lado en vez de cortarse */
@media (max-width:700px){.nh .lectura table,.nh .hub-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}