.arbol{max-width:880px;margin:0 auto;padding:32px 16px 48px;text-align:left;display:block;min-height:auto}
.arbol h1{font-size:clamp(26px,5vw,38px);color:#23384f;margin:0 0 8px}
.arbol .entradilla{color:#23384f;font-size:17px;line-height:1.55;margin:0 0 12px}
.aviso{background:#ffffff;border-left:4px solid #926300;padding:12px 14px;border-radius:6px;color:#23384f;font-size:14px;line-height:1.5;margin:16px 0 28px}
.leyenda{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;font-size:13px}
.estado{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.2px;white-space:nowrap}
.estado.ok{background:rgba(0,153,255,.15);color:#165bb9;border:1px solid #0066CC}
.estado.parcial{background:rgba(232,176,48,.12);color:#926300;border:1px solid #C8900A}
.estado.pendiente{background:rgba(122,139,160,.12);color:#586c82;border:1px solid #586c82}
.nivel{margin:0 0 10px;color:#586c82;font-size:12px;text-transform:uppercase;letter-spacing:1.5px}
.arbol .at{color:#586c82;font-size:14px;margin:0 0 12px}
.tramo{position:relative;padding-left:22px;margin:0 0 28px;border-left:2px solid #f7faff}
.tramo.raices{border-left-color:#0066CC}.tramo.tronco{border-left-color:#165bb9}
.tramo.ramas{border-left-color:#00D4FF}.tramo.frutos{border-left-color:#926300}
details{background:#ffffff;border:1px solid #f7faff;border-radius:10px;margin:0 0 12px;overflow:hidden}
details[open]{border-color:#0066CC}
summary{cursor:pointer;list-style:none;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#23384f;font-weight:600;font-size:17px}
summary::-webkit-details-marker{display:none}
summary .pregunta{flex:1}
.cuerpo{padding:0 16px 16px;color:#23384f;line-height:1.6;font-size:15px}
.cuerpo p{color:#23384f;margin:0 0 10px}
.cuerpo ul{margin:0 0 10px;padding-left:20px}
.fuente{font-size:13px;color:#586c82;border-top:1px dashed #1c2a44;padding-top:8px;margin-top:8px}
.fuente strong{color:#23384f}
.proximo{opacity:.85}
.volver{display:inline-block;margin-top:8px;color:#2E9BF0;text-decoration:none}
.volver:hover{color:#E0A93B}
.estado.oficial{background:rgba(0,153,255,.15);color:#165bb9;border:1px solid #0066CC}
.estado.tecnica{background:rgba(0,212,255,.10);color:#00D4FF;border:1px solid #00D4FF}
.estado.guia{background:rgba(232,176,48,.12);color:#926300;border:1px solid #C8900A}
.leyenda-lista{list-style:none;padding:0;margin:0 0 24px;font-size:14px;color:#23384f;line-height:1.6}
.leyenda-lista li{margin:0 0 6px}
.caja{background:#f7faff;border:1px dashed #C8900A;border-radius:8px;padding:12px 14px;margin:10px 0 0}
.caja strong{color:#926300}
summary{flex-wrap:wrap}summary .pregunta{min-width:55%}
.fuente a{color:#2E9BF0}.fuente a:hover{color:#E0A93B}
.banner-pro{margin:0 0 12px;background:#ffffff;border:1px solid #1c2a44;border-radius:10px;padding:12px}
.banner-pro img{display:block;width:100%;height:auto;border-radius:6px;margin:8px 0}
.banner-pro figcaption{color:#586c82;font-size:14px}
.independencia{color:#23384f;font-size:14px;border-top:1px solid #1c2a44;padding-top:12px;margin:8px 0 16px}
/* Zonas de publicidad (vacías: autopromoción) */
.marco{display:grid;grid-template-columns:1fr minmax(0,880px) 1fr;gap:20px;max-width:1500px;margin:0 auto}
.col{padding-top:120px}
.rail{position:sticky;top:16px;height:calc(100vh - 32px);display:flex;flex-direction:column;gap:12px;justify-items:center}
.rail .pub{flex:1;display:flex;flex-direction:column;min-height:220px}
.rail .promo-lat{flex:1;height:auto}
.pub{border:1px solid #1c2a44;border-radius:10px;padding:8px;width:196px}
.pub .rot{font-size:11px;color:#586c82;text-transform:uppercase;letter-spacing:1px;margin:0 0 6px;text-align:center}
.promo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;text-decoration:none;background:#ffffff;border:1px dashed #C8900A;border-radius:8px;color:#23384f;padding:16px}
.promo strong{color:#926300;font-size:18px}.promo span{font-size:13px;color:#586c82}
.promo em{font-style:normal;color:#2E9BF0;font-weight:600;font-size:14px}
.promo-lat{height:600px}
.pub-linea{border:1px solid #1c2a44;border-radius:10px;padding:8px;width:auto;margin:24px 0}
.pub-linea .rot{text-align:left}
.promo-h{flex-direction:row;justify-content:space-between;flex-wrap:wrap;min-height:90px;text-align:left}
@media(max-width:1180px){.marco{display:block}.col{display:none}}
@media(min-width:1181px){.pub-linea{display:none}}
.banner-pro .ficha-enlace{margin:10px 0 0}
.banner-pro .ficha-enlace a{color:#2E9BF0;text-decoration:none;font-weight:600}
.banner-pro .ficha-enlace a:hover,.banner-pro .ficha-enlace a:focus{color:#E0A93B}
/* Ficha de perito con logotipo: no se estira, se centra a su tamaño */
.banner-pro.logo img{width:auto;max-width:100%;max-height:190px;margin:8px auto}
.datos-pro{margin:10px 0 0;display:grid;gap:8px}
.datos-pro div{margin:0}
.datos-pro dt{color:#586c82;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.datos-pro dd{margin:2px 0 0;color:#23384f;font-size:15px}
.datos-pro dd a{color:#2E9BF0;text-decoration:none;font-weight:600}
.datos-pro dd a:hover,.datos-pro dd a:focus{color:#E0A93B}
/* Logotipo redondo de RUNCodeAI en los huecos de autopromoción */
.promo-logo{display:block;border-radius:50%;flex:0 0 auto;margin:0}
.promo-h .promo-logo{align-self:center}
.promo-lat{justify-content:flex-start;padding-top:24px}

/* === Centrado general: títulos y textos (orden de José María, 24/09/2026) ===
   Las listas y las tablas se centran COMO BLOQUE, con su texto alineado a la
   izquierda: una viñeta con el texto centrado se lee mal. */
.arbol{text-align:center}
.arbol .tramo{padding-right:22px}
.leyenda{justify-content:center}
.leyenda-lista{display:inline-block;text-align:left;margin:0 auto 24px}
.cuerpo ul{display:inline-block;text-align:left;margin:0 auto 10px}
summary .pregunta{text-align:center}
.datos-pro dt,.datos-pro dd{text-align:center}
.pub-linea .rot{text-align:center}
.promo-h{justify-content:center;text-align:center}
/* Logotipo de perito al mismo tamaño de bloque que el banner del abogado:
   el original es 1564x300 y se recorta por los lados (fondo liso) en vez de estirarlo. */
.banner-pro.logo img{width:100%;height:auto;max-height:none;aspect-ratio:1195/442;object-fit:cover;object-position:center;margin:8px 0}
/* A 1280 px, con los laterales puestos, los dos distintivos se partían en dos líneas */
summary .pregunta{min-width:40%}
/* El enlace a la guía también en el árbol: mismo estilo que en portada, con aire */
.arbol .afb-guia{margin:0 0 24px}

/* Enlaces a las fichas del directorio de profesionales (25/09/2026) */
.cuerpo .ficha-enlace{margin:10px 0 0;text-align:center}
.cuerpo .ficha-enlace a{color:#2E9BF0;text-decoration:none;font-weight:600}
.cuerpo .ficha-enlace a:hover{color:#E0A93B}

/* Sobre video, el gris de los bloques de publicidad se queda corto (v1.31) */
.promo span{color:#AFC0D4}

/* === Texto sobre el vídeo · v1.32 (26/09/2026) ===
   El vídeo tiene fondos claros: estos textos iban en gris y se perdían. */
.arbol h1{text-shadow:0 2px 10px rgba(0,0,0,.85)}
.arbol .entradilla{color:#E8EEF6;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.85)}
.nivel{color:#926300;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.9)}
.arbol .at{color:#AFC0D4;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.85)}
.arbol figcaption{font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.85)}
/* Textos a ambos márgenes; títulos y distintivos conservan su centro. */
.arbol p,.arbol li,.cuerpo p,.cuerpo li{text-align:justify;hyphens:auto;overflow-wrap:break-word}
.arbol h1,.arbol h2,.arbol h3,.arbol .nivel,.arbol .rot{text-align:center}
.cuerpo ul{display:block;margin:0 0 10px}
summary{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}
summary .pregunta{min-width:0;width:100%;flex-basis:100%;text-align:center}
summary .estado{margin:0}
.arbol .rot{color:#AFC0D4;font-weight:700;text-shadow:0 1px 5px rgba(0,0,0,.9)}