/* Pie de pagina DSC compartido (23 oct 2026): un solo pie para todo el sitio.
   Lo usa la portada (portada-pie) y las paginas estaticas y de tickets, que
   pegan este mismo bloque de marcado. Autonomo: define sus variables, sus
   fuentes y no depende de dsc-portada-v1.css. */

@font-face{font-family:"DSC Raleway";font-style:normal;font-weight:700;font-display:swap;src:url('/templates/g5_helium/fonts/raleway/raleway-bold/raleway-bold-webfont.woff2') format('woff2');}
@font-face{font-family:"DSC Raleway";font-style:normal;font-weight:900;font-display:swap;src:url('/templates/g5_helium/fonts/raleway/raleway-black/raleway-black-webfont.woff2') format('woff2');}

:root{
  --ftDeep1:#002244; --ftDeep2:#001a33;
  --ftMuted:#B4C4DD; --ftAcc:#80d9d6; --ftLine:rgba(255,255,255,.14);
  --ftDisp:"DSC Raleway","Avenir Next","Segoe UI",system-ui,sans-serif;
}
html.pt-dark{
  --ftDeep1:#0B1B30; --ftDeep2:#060D18;
  --ftMuted:#B4C6E4; --ftAcc:#80d9d6; --ftLine:rgba(255,255,255,.25);
}

/* Pie profundo: cierra la pagina en azul marino, con acentos turquesa. */
.pt-foot{display:block;margin-top:0;padding:0;border:0;border-top:1px solid var(--ftLine);background:linear-gradient(180deg,var(--ftDeep1),var(--ftDeep2));color:var(--ftMuted);font-size:14px}
.pt-foot .pt-wrap{max-width:1280px;margin:0 auto;padding:0 40px;padding-top:48px;padding-bottom:44px;position:relative}
.pt-foot__grid{display:grid;grid-template-columns:1.4fr 1.4fr 1fr auto;gap:28px 40px;align-items:start}
.pt-foot__col{display:flex;flex-direction:column;gap:6px;line-height:1.45}
.pt-foot__col strong{color:#fff;font:700 16px/1.3 var(--ftDisp)}
.pt-foot .pt-muted{color:var(--ftMuted)}
.pt-foot__col a{color:var(--ftAcc);font-weight:600;text-decoration:none}
.pt-foot__col a:hover{color:#fff;text-decoration:underline;opacity:1}
.pt-foot__nous{color:var(--ftAcc);font-weight:600}
.pt-foot__nous:hover{color:#fff;text-decoration:underline;opacity:1}
.pt-foot__brand{display:inline-flex;align-self:flex-start;line-height:0;margin-bottom:2px;border-radius:12px;transition:opacity .15s}
.pt-foot__brand:hover{opacity:.85}
.pt-foot__brand:focus-visible{outline:2px solid var(--ftAcc);outline-offset:3px}
.pt-foot__acred{align-self:center}
/* El sello va directo sobre el azul marino: sin chip ni sombra. */
.pt-foot__acred .pt-acred{display:inline-flex;line-height:0;background:none;box-shadow:none;padding:0}
.pt-foot__acred .pt-acred img{width:100%;max-width:367px;height:auto}

/* Boton copiar URL en la miga de pan (arriba de la pagina). */
.g-crumb__copy{display:inline-flex;align-items:center;gap:4px;min-height:30px;margin-left:10px;padding:5px 14px;border:1px solid #007a76;border-radius:8px;background:#007a76;color:#fff;font:600 12.5px/1.2 inherit;cursor:pointer;text-transform:none;letter-spacing:0;vertical-align:middle;transition:background .15s}
.g-crumb__copy:hover{background:#003366;border-color:#003366}
.g-crumb__copy:focus-visible{outline:2px solid #007a76;outline-offset:2px}
.g-crumb__copy.is-copied{background:#0A7A45;border-color:#0A7A45}

/* Boton "Volver a..." en guias (mismo peso que los demas botones del hero). */
.g-btn--back{font-weight:600}

@media (max-width:980px){
  .pt-foot__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .pt-foot .pt-wrap{padding:0 16px;padding-top:32px;padding-bottom:36px}
  .pt-foot__grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .pt-foot__acred{align-self:start}
  .pt-foot__acred .pt-acred img{max-width:300px}
}

/* Paleta 3 (27 oct 2026): azul clásico UBB #003366 en cabeceras y bandas; verde azulado #007a76 como acento (contraste AA);
   fondo #FAFAFA, texto #0F172A. Restauración: ops/restore/20261027-paleta/. */