/* Paginas de nivel de Academia (/academia/nivel/<nivel>/): estilos acotados a .esporlan-an.
   Mismo lenguaje visual que el Home nativo (home-native.css). Acento por nivel en --an. */
body:has(.esporlan-an) #main-content .container {width:100%;max-width:none;padding:0;}
body:has(.esporlan-an) #left-area {width:100%;padding:0;float:none;}
body:has(.esporlan-an) #sidebar, body:has(.esporlan-an) #main-content .container::before {display:none;}
body:has(.esporlan-an) .entry-content {padding:0;}
body:has(.esporlan-an) .main_title {display:none;}
.esporlan-an {--an:#0f7fef;font-family:Inter,Arial,sans-serif;color:#c4c4c4;overflow:hidden;}
.esporlan-an.an-elite {--an:#efa40f;}
.esporlan-an.an-creador {--an:#cd07ff;}
.esporlan-an *, .esporlan-an *::before, .esporlan-an *::after {box-sizing:border-box;}
.esporlan-an .wp-block-group {max-width:none!important;}
.esporlan-an p {padding-bottom:0;margin:0 0 24px;}
.esporlan-an .an-inner {width:90%!important;max-width:none!important;margin:0 auto!important;position:relative;z-index:1;}
.esporlan-an .an-dark {position:relative;background:#000;padding:130px 0 70px;}
.esporlan-an #dipi-particles-1>canvas,.esporlan-an #dipi-particles-2>canvas {width:100%!important;max-width:none!important;pointer-events:none;}
.esporlan-an .an-eyebrow {color:#ef7e1c;font-size:16px;font-weight:600;letter-spacing:3px;line-height:1.6;margin:0 0 8px;text-transform:uppercase;}
.esporlan-an .an-title {font-size:60px;font-weight:800;line-height:1.1;color:#fff;padding:0;margin:0 0 24px;text-transform:uppercase;}
.esporlan-an .an-description {font-size:16px;letter-spacing:.6px;line-height:1.6;}
.esporlan-an .an-hero-copy .an-description {max-width:640px;font-size:18px;margin-bottom:32px;}
.esporlan-an .wp-block-buttons {display:flex;flex-wrap:wrap;gap:20px;}
.esporlan-an .an-button .wp-block-button__link {font-family:inherit;font-size:16px;font-weight:600;line-height:1.7;color:#ef6f0f!important;background:transparent;border:2px solid #ef6f0f;border-radius:0;padding:4.8px 16px;text-decoration:none;transition:background .2s,color .2s;}
.esporlan-an .an-button .wp-block-button__link:hover {background:#ef6f0f;color:#fff!important;}
.esporlan-an a:focus-visible {outline:3px solid #ef7e1c;outline-offset:4px;}
.esporlan-an .an-centered {text-align:center;}
.esporlan-an .an-centered .wp-block-buttons {justify-content:center;}
/* Linea de niveles del camino: nombre arriba, punto abajo, linea azul/dorada/morada al centro de los puntos */
.esporlan-an .an-levels {position:relative;display:flex;max-width:760px;margin:64px 0 0;}
.esporlan-an .an-levels::before {content:"";position:absolute;top:38px;left:calc(50% / var(--n,3));right:calc(50% / var(--n,3));height:2px;background:var(--an);}
.esporlan-an .an-level {position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;}
.esporlan-an .an-level-name {font-size:15px;font-weight:700;letter-spacing:4px;line-height:21px;color:#c4c4c4;text-transform:uppercase;}
.esporlan-an .an-level-dot {width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:#000;}
.esporlan-an .an-level[aria-current="page"] .an-level-name {color:#fff;}
.esporlan-an .an-level[aria-current="page"] .an-level-dot {width:20px;height:20px;margin:-4px 0;background:#ef6f0f;border-color:#fff;box-shadow:0 0 0 4px #000;}
.esporlan-an .an-level:hover .an-level-name {color:#fff;}
/* Articulos */
.esporlan-an .an-light {background:#f2f2f2 url('https://staging.esporlan.cl/wp-content/uploads/2026/06/BackgRed-Blanco-1.jpg') center/cover;color:#000;position:relative;}
.esporlan-an .an-light .an-title {color:#000;}
.esporlan-an .an-articles-sec {padding:70px 0 80px;scroll-margin-top:100px;}
.esporlan-an .an-section-heading {text-align:center;margin-bottom:40px;}
.esporlan-an .an-section-heading .an-title {font-size:44px;margin-bottom:12px;}
.esporlan-an .an-section-heading .an-description {margin-bottom:0;color:#333;}
.esporlan-an .an-articles ul.wp-block-post-template {display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;list-style:none!important;margin:0!important;padding:0!important;}
.esporlan-an .an-articles li {min-width:0;}
.esporlan-an .an-article {height:100%;display:flex;flex-direction:column;background:#000;border:2px solid #b8b8b8;}
.esporlan-an .an-article-image {margin:0;}
.esporlan-an .an-article-image img {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.esporlan-an .an-article-body {padding:16px;display:flex;flex-direction:column;flex:1;}
.esporlan-an .an-badges {display:flex;gap:4px;align-items:center;margin:0 0 8px;flex-wrap:nowrap;}
.esporlan-an .an-badge {font-size:12px!important;line-height:1.2!important;white-space:nowrap;border:1px solid #b8b8b8;padding:5px 7px;margin:0;font-weight:600;text-transform:uppercase;}
.esporlan-an .an-badge a {color:#fff!important;font-size:12px!important;line-height:1.2;text-decoration:none;}
.esporlan-an .an-level-badge {background:var(--an);border-color:var(--an);}
.esporlan-an .an-article-title {font-size:16px;font-weight:400;line-height:1.25;padding:0;margin:4px 0 16px;}
.esporlan-an .an-article-title a {color:#b8b8b8;text-decoration:none;line-height:1.25;}
.esporlan-an .an-article-link {color:#ef6f0f;font-size:11px;font-weight:700;letter-spacing:1px;margin-top:auto;text-decoration:none;}
.esporlan-an .an-empty {max-width:640px!important;margin:0 auto!important;padding:40px 32px;text-align:center;background:#000;border:2px solid var(--an);}
.esporlan-an .an-empty .an-empty-title {color:#fff;font-size:26px;font-weight:800;text-transform:uppercase;margin:0 0 12px;}
.esporlan-an .an-empty p {color:#c4c4c4;font-size:16px;line-height:1.6;margin:0 0 24px;}
.esporlan-an .an-empty .wp-block-buttons {justify-content:center;}
/* Aprende / Aplica / Mira */
.esporlan-an .an-pillars {background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url('https://staging.esporlan.cl/wp-content/uploads/2026/06/red-neuronal-spider-1772068010663-1-1.jpg') center/cover,#060b13;padding:70px 0;}
.esporlan-an .an-pillars-heading {text-align:center;margin-bottom:48px;}
.esporlan-an .an-pillars-heading .an-title {font-size:44px;margin-bottom:0;}
.esporlan-an .an-pillars-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;}
.esporlan-an .an-pillar {text-align:center;}
.esporlan-an .an-pillar-icon {width:110px;height:110px;margin:0 auto 20px;border:4px solid #ef6f0f;border-radius:50%;background:#000;padding:16px;display:flex;align-items:center;justify-content:center;}
.esporlan-an .an-pillar-icon img {width:100%;height:100%;object-fit:contain;}
.esporlan-an .an-pillar h3 {color:#fff;font-size:26px;font-weight:800;text-transform:uppercase;line-height:1.2;padding:0;margin:0 0 12px;}
.esporlan-an .an-pillar p {line-height:1.6;letter-spacing:.6px;margin:0;}
/* Siguiente nivel */
.esporlan-an .an-next {padding:75px 0;position:relative;}
.esporlan-an #dipi-particles-2 {position:relative;overflow:hidden;}
.esporlan-an .an-next .an-title {max-width:75%;margin-left:auto;margin-right:auto;}
.esporlan-an .an-next .an-description {max-width:640px;margin-left:auto;margin-right:auto;color:#000;}
.esporlan-an .an-back {margin-top:28px;margin-bottom:0;font-size:13px;letter-spacing:2px;text-transform:uppercase;}
.esporlan-an .an-back a {color:#ef6f0f;text-decoration:none;font-weight:700;}
@media(max-width:980px) {
 .esporlan-an .an-inner {width:87%!important;}
 .esporlan-an .an-dark {padding:90px 0 50px;}
 .esporlan-an .an-title {font-size:44px;}
 .esporlan-an .an-section-heading .an-title,.esporlan-an .an-pillars-heading .an-title {font-size:34px;}
 .esporlan-an .an-hero-copy .an-description {font-size:16px;}
 .esporlan-an .an-levels {margin-top:48px;}
 .esporlan-an .an-level-name {font-size:12px;letter-spacing:2px;}
 .esporlan-an .an-pillars-grid {grid-template-columns:1fr;gap:40px;}
 .esporlan-an .an-next .an-title {max-width:100%;}
}
@media(max-width:600px) {
 .esporlan-an .an-title {font-size:38px;overflow-wrap:normal;}
 .esporlan-an .an-articles-sec,.esporlan-an .an-pillars,.esporlan-an .an-next {padding:48px 0;}
 .esporlan-an .an-articles ul.wp-block-post-template {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .esporlan-an .an-article-body {padding:10px;}
}