/* Barra y pie: los sirve el tema, así que su estilo vive acá y no
   repetido en cada página. Generado; no editar a mano. */
/* barra propia del sitio (reemplaza la de Moodle) */
.sitiobar{position:sticky;top:0;z-index:1000;background:var(--corteza);color:var(--hueso)}
.sitiobar .envoltura{display:flex;align-items:center;gap:22px;height:62px}
.sitiobar img.marca{height:34px;width:auto}
.sitiobar nav{display:flex;gap:20px;margin-left:auto}
.sitiobar nav a{text-decoration:none;font-size:.92rem;opacity:.92}
.sitiobar nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.sitiobar .entrar{margin-left:8px;padding:8px 18px;border-radius:10px;background:rgba(246,241,231,.16);border:1px solid rgba(246,241,231,.34);font-weight:600;font-size:.88rem;text-decoration:none}
.sitiobar .entrar:hover{background:var(--hueso);color:var(--corteza)}
/* Menú en el celular.
   Acá el nav simplemente se escondía bajo 820px y no había nada que lo reemplazara: desde un
   teléfono el sitio se quedaba sin navegación Y sin el botón «Entrar al aula», que vive dentro
   del mismo nav. Medido el 15-08 con Chromium a 768, 414, 390 y 375: nav no, entrar no,
   hamburguesa no. Ahora se pliega detrás de un botón. */
.sitiobar .abremenu{display:none;margin-left:auto;background:rgba(246,241,231,.14);
  border:1px solid rgba(246,241,231,.34);color:var(--hueso);border-radius:10px;
  width:42px;height:38px;font-size:1.1rem;line-height:1;cursor:pointer}
.sitiobar .abremenu:hover{background:var(--hueso);color:var(--corteza)}
@media(max-width:820px){.sitiobar .abremenu{display:block}
.sitiobar nav{
    display:none;
    position:absolute;top:62px;left:0;right:0;
    flex-direction:column;gap:0;margin:0;
    background:var(--corteza);
    border-top:1px solid rgba(246,241,231,.18);
    box-shadow:0 14px 30px rgba(34,26,19,.28);
    padding:6px 0 12px;
  }
.sitiobar nav.abierto{display:flex}
.sitiobar nav a{padding:13px 28px;font-size:1rem}
.sitiobar nav a:hover{background:rgba(246,241,231,.12);text-decoration:none}
.sitiobar .entrar{margin:10px 28px 0;text-align:center}}
/* El pie se llevaba casi media pantalla: los 6 datos caían en dos filas de 190 px y
   cada uno arrastraba su propio interlineado. Bajando el mínimo a 145 px entran los
   6 en una sola fila y el bloque pierde una fila entera de alto; el resto son
   paddings e interlineados que estaban dimensionados como si fuera contenido. */
.alerce-pie{margin-top:28px;padding:18px 26px;border-radius:16px;background:#20402F;color:#F6F1E7;display:grid;grid-template-columns:minmax(150px,215px) 1fr;gap:14px 28px;align-items:start}
.alerce-pie img.marca{width:100%;max-width:165px;height:auto}
.alerce-pie .lema{font-size:.8rem;line-height:1.45;color:rgb(246 241 231 / .82);margin-top:8px}
/* Columnas FIJAS, no auto-fit: con minmax el navegador metía 5 arriba y dejaba
   «Políticas» sola en una segunda fila, y a la vez pegaba el correo con el teléfono
   porque cada columna se estiraba distinto. Seis columnas parejas = una sola fila. */
.alerce-pie .datos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 18px}
@media (max-width:1150px){.alerce-pie .datos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.alerce-pie .legal{grid-column:1/-1}
.alerce-pie .dato span{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-bottom:2px}
/* nowrap: el teléfono partía en «+56 9 2121» / «5622», que se lee como dos números. */
.alerce-pie .dato strong{font-weight:500;font-size:.88rem;line-height:1.35;white-space:nowrap}
@media (max-width:1150px){.alerce-pie .dato strong{white-space:normal}}
.alerce-pie .dato a{color:#F6F1E7;text-decoration:none;border-bottom:1px solid rgb(246 241 231 / .35)}
.alerce-pie .dato a:hover{color:#fff;border-bottom-color:#fff}
.alerce-pie .legal{grid-column:1 / -1;margin-top:2px;padding-top:11px;border-top:1px solid rgb(246 241 231 / .2);font-size:.72rem;line-height:1.5;color:rgb(246 241 231 / .78);text-align:justify;text-justify:inter-word;hyphens:none}
@media (max-width:700px){.alerce-pie{grid-template-columns:1fr;padding:18px 20px}
.alerce-pie img.marca{max-width:150px}
/* En el teléfono el pie medía 613 px —dos pantallas de contacto— porque los seis
     datos caían uno bajo otro. En dos columnas cabe en la mitad. */
  .alerce-pie .datos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}}
.alerce-wasap{position:fixed;right:22px;bottom:22px;z-index:1015;display:inline-flex;align-items:center;gap:9px;padding:12px 18px 12px 14px;border-radius:999px;background:#25D366;color:#0B3D22!important;text-decoration:none!important;font-weight:600;font-size:.9rem;box-shadow:0 10px 26px -12px rgb(0 0 0 / .55)}
.alerce-wasap:hover{background:#1FB855;color:#06301A!important}
.alerce-wasap::before{content:"";width:21px;height:21px;flex:0 0 auto;background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%230B3D22%22%3E%3Cpath%20d%3D%22M17.47%2014.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94%201.17-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.76-1.66-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.07-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.51h-.57c-.2%200-.52.07-.79.37-.27.3-1.04%201.02-1.04%202.48s1.06%202.88%201.21%203.08c.15.2%202.09%203.2%205.07%204.49.71.3%201.26.49%201.69.63.71.22%201.36.19%201.87.12.57-.09%201.76-.72%202.01-1.41.25-.7.25-1.29.17-1.41-.07-.12-.27-.2-.57-.35zM12.04%202C6.58%202%202.13%206.45%202.13%2011.91c0%201.75.46%203.45%201.32%204.95L2%2022l5.25-1.38a9.87%209.87%200%200%200%204.79%201.22h.01c5.46%200%209.91-4.45%209.91-9.91%200-2.65-1.03-5.14-2.9-7.01A9.82%209.82%200%200%200%2012.04%202z%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat}
.alerce-wasap .rotulo{background:transparent!important;color:#0B3D22!important;padding:0!important;border:0!important;font:inherit;letter-spacing:0;text-transform:none}
@media (max-width:700px){.alerce-wasap{padding:12px;right:14px;bottom:76px}
.alerce-wasap .rotulo{display:none}}