*{box-sizing:border-box}
:root{--corteza:#6B3F23;--albura:#A9713F;--brasa:#C2410C;--bosque:#20402F;--bosque2:#2C5540;--hueso:#F6F1E7;--hueso2:#EDE4D3;--tinta:#221A13;--tenue:#6C5F52;
  --display:"Iowan Old Style","Palatino Linotype","Source Serif 4","Charter",ui-serif,serif;
  --texto:"Inter","Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;}
html,body{margin:0;padding:0}
body{font-family:var(--texto);color:var(--tinta);background:var(--hueso);-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:inherit}
img{max-width:100%}
.envoltura{max-width:1280px;margin:0 auto;padding:0 28px}
/* la portada, a ancho completo sin el rail de Moodle */
.solo-catalogo{display:block}
.alerce-portada{overflow-x:clip;max-width:1280px;margin:0 auto;padding:26px 28px 60px}
@keyframes alerce-subir{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.alerce-portada{--bosque:#20402F;--bosque2:#2C5540;--corteza:#6B3F23;--albura:#A9713F;--brasa:#C2410C;--hueso:#F6F1E7;--hueso2:#EDE4D3;--tinta:#221A13;--tenue:#6C5F52}
/* Justificación del cuerpo de la portada. La medición del 03-09 encontró los
   10 bloques de prosa alineados a la izquierda, contra las páginas de políticas
   y contacto que sí estaban justificadas: dentro del mismo sitio convivían dos
   tratamientos del texto. Se justifica por palabra (`inter-word`) y sin partir
   palabras (`hyphens:none`), que es lo que ya hacen las otras dos páginas. */
.alerce-portada .hero p,
.alerce-portada .ficha .interior p,
.alerce-portada .empresas p,
.alerce-portada .empresas li{text-align:justify;text-justify:inter-word;hyphens:none;-webkit-hyphens:none;overflow-wrap:break-word}
.alerce-portada h1,.alerce-portada h2,.alerce-portada h3{font-family:Iowan Old Style,Palatino Linotype,Source Serif 4,Charter,ui-serif,serif;font-weight:500;letter-spacing:-.025em}
.alerce-portada .hero{background:radial-gradient(120% 140% at 88% 12%,rgb(107 63 35 / .55) 0%,#fff0 58%),linear-gradient(135deg,var(--bosque) 0%,var(--bosque2) 100%);color:var(--hueso);border-radius:18px;padding:52px 48px 46px;min-height:460px;display:flex;flex-direction:column;justify-content:center;margin-bottom:26px}
.alerce-portada .hero img.marca{height:46px;width:auto;margin-bottom:18px;align-self:flex-start;flex:0 0 auto}
.alerce-portada .hero h1{font-size:clamp(1.7rem, 2.6vw, 2.3rem);line-height:1.12;margin:0 0 10px;color:var(--hueso);max-width:20ch}
.alerce-portada .hero p{font-size:1rem;line-height:1.55;max-width:62ch;margin:0;color:rgb(246 241 231 / .95)}
.alerce-portada .credenciales{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-left:0}
.alerce-portada .credenciales li{list-style:none;margin:0;background:rgb(9 24 17 / .34);border:1px solid rgb(246 241 231 / .3);border-radius:999px;padding:7px 15px;font-size:.82rem;letter-spacing:.01em;color:rgb(246 241 231 / .92)!important}
.alerce-portada .credenciales li strong{font-weight:600;color:#F6F1E7!important}
.alerce-portada .linea{display:flex;align-items:baseline;gap:14px;margin:30px 0 16px;padding-bottom:9px;border-bottom:2px solid var(--corteza)}
.alerce-portada .linea h2{font-size:1.42rem;margin:0;color:var(--bosque)}
.alerce-portada .linea span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tenue)}
.alerce-portada .rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
/* Los 4 presenciales en una sola fila. Con el minmax de 300px caían 3+1, y esa
   cuarta ficha sola parecía un curso aparte. Se fija el número de columnas en vez
   de dejarlo al ancho mínimo, y baja a 2 y a 1 cuando ya no caben. */
.alerce-portada .rejilla.cuatro{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.alerce-portada .rejilla.cuatro{grid-template-columns:repeat(2,1fr)}}
/* Va después del corte de 1100 y es igual de específica que la de arriba: sin esta
   línea, `.rejilla.cuatro` le ganaba por especificidad a la regla de `.rejilla` que
   colapsa a una columna bajo 700 px, y en el teléfono quedaban dos fichas de 160 px. */
@media (max-width:700px){.alerce-portada .rejilla.cuatro{grid-template-columns:1fr}}
.alerce-portada .ficha{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid rgb(107 63 35 / .16);border-radius:14px;transition:box-shadow 0.2s,transform 0.2s}
.alerce-portada .ficha:hover{box-shadow:0 16px 34px -26px rgb(34 26 19 / .55);transform:translateY(-2px)}
.alerce-portada .ficha .foto{height:132px;background:var(--hueso2) center/cover no-repeat}
.alerce-portada .ficha .tapa{background:var(--bosque);color:var(--hueso);padding:11px 16px;font-family:Iowan Old Style,Palatino Linotype,Source Serif 4,Charter,ui-serif,serif;font-size:1.02rem;line-height:1.25}
.alerce-portada .ficha .interior{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.alerce-portada .ficha p.bajada{font-size:.9rem;line-height:1.5;color:var(--tinta);margin:0 0 12px}
.alerce-portada .ficha dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0 0 14px;font-size:.84rem}
.alerce-portada .ficha dt{color:var(--corteza);font-weight:600;white-space:nowrap}
.alerce-portada .ficha dd{margin:0;color:var(--tinta)}
.alerce-portada .ficha .pie{margin-top:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.alerce-portada .ficha .sello{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--hueso2);color:var(--corteza)}
.alerce-portada .ficha .sello.tramite{background:#FBE8D6;color:var(--brasa)}
.alerce-portada .ficha a.entrar{margin-left:auto;text-decoration:none;font-size:.88rem;font-weight:600;padding:8px 16px;border-radius:10px;background:var(--bosque);color:var(--hueso)}
.alerce-portada .ficha a.entrar:hover{background:var(--bosque2);color:var(--hueso)}
.alerce-portada .cierre{margin-top:30px;padding:20px 24px;border-radius:14px;background:var(--hueso2);border-left:6px solid var(--albura);font-size:.92rem;line-height:1.6}
.alerce-portada .cierre a{color:var(--corteza);font-weight:600}
@media (max-width:700px){.alerce-portada .hero{padding:24px 20px;border-radius:14px}
.alerce-portada .hero img.marca{height:36px}
.alerce-portada .rejilla{grid-template-columns:1fr}}
.alerce-portada .rotulo{display:inline-block;margin-bottom:18px;padding:8px 20px;background:#A9713F;color:#221A13;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border-radius:4px}
.alerce-portada .cuerpo{display:grid;grid-template-columns:232px minmax(0,1fr);gap:34px;align-items:start}
.alerce-portada .rail{position:sticky;top:88px;border-right:1px solid rgb(107 63 35 / .16);padding-right:20px}
.alerce-portada .rail h3{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#6C5F52;margin:0 0 12px;font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:600}
.alerce-portada .rail ul{list-style:none;margin:0 0 24px;padding:0}
.alerce-portada .rail li{margin:0 0 2px}
.alerce-portada .rail a{display:block;padding:9px 13px;border-radius:8px;text-decoration:none;font-size:.9rem;line-height:1.35;color:#221A13;border-left:3px solid #fff0}
.alerce-portada .rail a:hover{background:#EDE4D3;color:#6B3F23;border-left-color:#A9713F}
.alerce-portada .rail a.destacado{background:#20402F;color:#F6F1E7;font-weight:600}
.alerce-portada .rail a.destacado:hover{background:#2C5540;color:#F6F1E7;border-left-color:#fff0}
.alerce-portada .rail .apunte{font-size:.8rem;line-height:1.5;color:#6C5F52;padding:0 13px}
@media (max-width:900px){.alerce-portada .cuerpo{grid-template-columns:1fr;gap:20px}
.alerce-portada .rail{position:static;border-right:0;padding-right:0;border-bottom:1px solid rgb(107 63 35 / .16);padding-bottom:14px}
.alerce-portada .rail ul{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.alerce-portada .rail .apunte{display:none}}
.alerce-portada .migas{font-size:.82rem;color:#6C5F52;margin-bottom:14px}
.alerce-portada .migas a{color:#6B3F23;text-decoration:none}
.alerce-portada .migas a:hover{text-decoration:underline}
.alerce-portada .migas span{margin:0 7px;opacity:.5}
.alerce-portada .buscador{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;max-width:620px}
.alerce-portada .buscador input{flex:1 1 320px;min-width:0;border:0;border-radius:12px;padding:13px 18px;font-size:.96rem;font-family:inherit;color:#221A13;background:#F6F1E7}
.alerce-portada .buscador input::placeholder{color:#6C5F52}
.alerce-portada .buscador button{border:0;border-radius:12px;padding:13px 26px;cursor:pointer;font-family:inherit;font-size:.94rem;font-weight:600;background:#C2410C;color:#fff}
.alerce-portada .buscador button:hover{background:#A6350A}
.alerce-portada .atajos{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding:0}
.alerce-portada .atajos li{list-style:none}
.alerce-portada .atajos a{display:inline-block;padding:6px 14px;border-radius:999px;font-size:.82rem;text-decoration:none;background:rgb(246 241 231 / .14);border:1px solid rgb(246 241 231 / .3);color:rgb(246 241 231 / .95)!important}
.alerce-portada .atajos a:hover{background:#F6F1E7;color:#6B3F23!important}
.alerce-portada .doble-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.alerce-portada .doble-cta a{text-decoration:none;font-weight:600;font-size:.92rem;padding:11px 24px;border-radius:12px}
.alerce-portada .doble-cta a.principal{background:#F6F1E7;color:#20402F}
.alerce-portada .doble-cta a.principal:hover{background:#fff}
.alerce-portada .doble-cta a.secundaria{background:#fff0;color:#F6F1E7;border:1px solid rgb(246 241 231 / .5)}
.alerce-portada .doble-cta a.secundaria:hover{background:rgb(246 241 231 / .14);color:#F6F1E7}
.alerce-portada .confianza{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0;margin:22px 0 4px;border:1px solid rgb(107 63 35 / .16);border-radius:14px;background:#fff}
.alerce-portada .confianza .item{padding:18px 20px;border-right:1px solid rgb(107 63 35 / .12)}
.alerce-portada .confianza .item:last-child{border-right:0}
.alerce-portada .confianza .item strong{display:block;font-family:Iowan Old Style,Palatino Linotype,Source Serif 4,Charter,ui-serif,serif;font-size:1rem;color:#20402F;margin-bottom:4px}
.alerce-portada .confianza .item span{font-size:.84rem;line-height:1.45;color:#6C5F52}
/* La modalidad va sobre la foto, arriba a la derecha. Con las dos etiquetas en la
   misma fila, «Protección contra incendios» + «Presencial» no cabían en la tarjeta
   y saltaban a dos líneas: la franja del título de esas dos tarjetas arrancaba
   40 px más abajo que en las vecinas (captura de Eugenio, 06-09-2026). Con una
   sola etiqueta en la fila, las cuatro franjas quedan a la misma altura. */
.alerce-portada .ficha{position:relative}
.alerce-portada .ficha .chips{display:flex;gap:7px;flex-wrap:nowrap;padding:12px 16px 0}
.alerce-portada .ficha .chips .modo{position:absolute;top:12px;right:12px}
.alerce-portada .ficha .chips span{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:3px 9px;border-radius:4px}
.alerce-portada .ficha .chips .area{background:#EDE4D3;color:#6B3F23}
.alerce-portada .ficha .chips .modo{background:#20402F;color:#F6F1E7}
.alerce-portada .empresas{margin-top:30px;padding:26px 30px;border-radius:16px;background:#EDE4D3;border:1px solid rgb(107 63 35 / .16);display:grid;grid-template-columns:1fr auto;gap:22px 30px;align-items:center}
.alerce-portada .empresas h2{font-size:1.35rem;margin:0 0 8px;color:#20402F}
.alerce-portada .empresas p{margin:0;font-size:.94rem;line-height:1.6;max-width:72ch}
.alerce-portada .empresas ul{margin:12px 0 0;padding-left:20px;font-size:.9rem;line-height:1.65}
.alerce-portada .empresas a.boton{text-decoration:none;font-weight:600;font-size:.92rem;white-space:nowrap;padding:12px 26px;border-radius:12px;background:#20402F;color:#F6F1E7}
.alerce-portada .empresas a.boton:hover{background:#2C5540;color:#F6F1E7}
/* El botón de empresas es la única llamada a la acción de esa sección, y la
   rejilla la maqueta en dos columnas: el correo alternativo va debajo del botón,
   en su misma celda, para no romper la alineación. */
/* Esta sección tiene foto de fondo oscura, no el crema del resto: el gris que se
   usó primero quedaba ilegible encima (se vio en la captura). Va en hueso. */
.alerce-portada .empresas .alt-correo{grid-column:2;margin:8px 0 0;font-size:.78rem;color:rgb(246 241 231 / .85);text-align:center;line-height:1.4}
.alerce-portada .empresas .alt-correo a{color:#F6F1E7;text-decoration:underline}
@media (max-width:820px){.alerce-portada .empresas .alt-correo{grid-column:1;text-align:left}}
@media (max-width:760px){.alerce-portada .empresas{grid-template-columns:1fr}}
.alerce-portada .hero{position:relative;overflow:hidden;isolation:isolate}
.alerce-portada .hero>.fondo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:blur(4px) saturate(.9) brightness(.9);transform:scale(1.08)}
.alerce-portada .hero>.velo{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgb(19 40 29 / .93) 0%,rgb(19 40 29 / .86) 34%,rgb(23 48 35 / .5) 62%,rgb(23 48 35 / .28) 100%)}
.alerce-portada .banda{position:relative;margin:34px 0;padding:64px 40px;border-radius:18px;background-size:cover;background-position:center;background-attachment:fixed;color:#F6F1E7;overflow:hidden}
.alerce-portada .banda::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgb(23 44 33 / .88) 0%,rgb(23 44 33 / .62) 100%)}
.alerce-portada .banda>*{position:relative}
.alerce-portada .banda h2{color:#F6F1E7;font-size:clamp(1.5rem, 2.4vw, 2rem);margin:0 0 12px}
.alerce-portada .banda p{max-width:60ch;font-size:1rem;line-height:1.6;color:rgb(246 241 231 / .95);margin:0}
.alerce-portada .banda .cifras{display:flex;flex-wrap:wrap;gap:34px;margin-top:26px}
.alerce-portada .banda .cifra strong{display:block;font-family:Iowan Old Style,Palatino Linotype,Source Serif 4,Charter,ui-serif,serif;font-size:2.1rem;line-height:1}
.alerce-portada .banda .cifra span{font-size:.84rem;color:rgb(246 241 231 / .8)}
.alerce-portada .empresas{position:relative;overflow:hidden;isolation:isolate;color:#F6F1E7;background:#fff0;border:0}
.alerce-portada .empresas>.fondo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;filter:blur(4px) brightness(.85);transform:scale(1.08)}
.alerce-portada .empresas>.velo{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgb(19 40 29 / .93) 0%,rgb(19 40 29 / .8) 45%,rgb(23 48 35 / .34) 100%)}
.alerce-portada .empresas h2{color:#F6F1E7}
.alerce-portada .empresas p,.alerce-portada .empresas li{color:rgb(246 241 231 / .94)}
.alerce-portada .empresas a.boton{background:#F6F1E7;color:#20402F}
.alerce-portada .empresas a.boton:hover{background:#fff;color:#20402F}
@media (prefers-reduced-motion:reduce){.alerce-portada .hero>.fondo,.alerce-portada .empresas>.fondo{display:none}
.alerce-portada .banda{background-attachment:scroll}}
@media (max-width:760px){.alerce-portada .banda{background-attachment:scroll;padding:40px 22px}}
.alerce-portada .opiniones{position:relative;overflow:clip;max-width:100%;min-width:0;container-type:inline-size;mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}
.alerce-portada .opiniones .pista{display:flex;gap:18px;width:max-content;animation:alerce-desfile 180s linear infinite}
.alerce-portada .opiniones:hover .pista,.alerce-portada .opiniones:focus-within .pista{animation-play-state:paused}
.alerce-portada .opiniones .cita{flex:0 0 300px;flex-basis:calc((100cqw - 4 * 18px) / 5);background:#fff;border:1px solid rgb(107 63 35 / .16);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column}
.alerce-portada .opiniones .cita blockquote{margin:0 0 14px;padding:0;border:0;font-size:.93rem;line-height:1.55;color:#221A13}
.alerce-portada .opiniones .cita blockquote::before{content:"“";font-family:Iowan Old Style,Palatino Linotype,Source Serif 4,Charter,ui-serif,serif;font-size:2.6rem;line-height:0;color:#A9713F;vertical-align:-.35em;margin-right:6px}
.alerce-portada .opiniones .cita .quien{margin-top:auto;font-size:.84rem;line-height:1.45}
.alerce-portada .opiniones .cita .quien strong{display:block;color:#20402F;font-weight:600}
.alerce-portada .opiniones .cita .quien span{color:#6C5F52}
@keyframes alerce-desfile{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.alerce-portada .opiniones{mask-image:none}
.alerce-portada .opiniones .pista{animation:none;width:auto;flex-wrap:wrap}
.alerce-portada .opiniones .cita{flex:1 1 300px}
.alerce-portada .opiniones .repetida{display:none}}
@media (max-width:900px){.alerce-portada .opiniones .cita{flex-basis:min(80vw, 320px)}}
.alerce-portada .areas{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px}
.alerce-portada .areas .area-item{background:#fff;border:1px solid rgb(107 63 35 / .16);border-radius:12px;padding:15px 17px;border-left:4px solid #A9713F}
.alerce-portada .areas .area-item strong{display:block;font-family:Iowan Old Style,Palatino Linotype,Source Serif 4,Charter,ui-serif,serif;font-size:1.02rem;color:#20402F;line-height:1.25;margin-bottom:5px}
.alerce-portada .areas .area-item span{font-size:.82rem;color:#6C5F52}
.alerce-portada .areas .area-item em{font-style:normal;color:#C2410C;font-weight:600}
.alerce-portada .areas .area-item.viva{border-left-color:#20402F}
/* Separación entre secciones: antes todas compartían el mismo fondo y el mismo
   interlineado, así que la página se leía como un solo bloque continuo. */
.alerce-portada .linea{margin-top:64px}
.alerce-portada .linea:first-of-type{margin-top:28px}
.alerce-portada .linea h2{font-size:1.62rem;font-weight:600;letter-spacing:-.02em}
.alerce-portada .linea span{font-size:.86rem;color:var(--tenue)}
/* Cada sección con su propio tinte, muy diluido y desvaneciéndose hacia abajo:
   sin líneas duras, el ojo separa una sección de otra por el cambio de color. */
.alerce-portada .tinte{margin:0;padding:2px 0 26px}
.alerce-portada .tinte .linea{margin-top:46px}
.alerce-portada .t1{background:linear-gradient(180deg,rgba(194,65,12,.07),rgba(246,241,231,0) 78%)}
.alerce-portada .t2{background:linear-gradient(180deg,rgba(32,64,47,.09),rgba(246,241,231,0) 78%)}
.alerce-portada .t3{background:linear-gradient(180deg,rgba(107,63,35,.09),rgba(246,241,231,0) 78%)}
.alerce-portada .t4{background:linear-gradient(180deg,rgba(169,113,63,.10),rgba(246,241,231,0) 78%)}
.alerce-portada .t5{background:linear-gradient(180deg,rgba(44,85,64,.09),rgba(246,241,231,0) 78%)}