/* Pie de página Loto: la contraportada de la carta celeste. Siempre de noche, igual en el inicio,
   las páginas por giro y el aviso. Toma las fuentes de la página si existen. */
.pie{
  --pie-noche:#0B1336; --pie-noche-2:#16224F; --pie-crema:#F6F5D2; --pie-crema-2:#D8D8C0; --pie-azul:#93A6E2; --pie-loto:#556FB6; --pie-amarillo:#F2C94C;
  --pie-linea:rgba(246,245,210,.2);
  --pie-display:var(--f-display,"Bagel Fat One",system-ui,sans-serif); --pie-body:var(--f-body,"Figtree",system-ui,sans-serif); --pie-mono:var(--f-mono,"DM Mono",ui-monospace,monospace);
  position:relative;overflow:hidden;isolation:isolate;
  margin-top:clamp(32px,5vw,72px);
  padding-top:clamp(44px,6vw,80px);
  border-radius:clamp(24px,4vw,48px) clamp(24px,4vw,48px) 0 0;
  background:var(--pie-noche);color:var(--pie-crema);font-family:var(--pie-body);
  box-shadow:0 -1px 0 rgba(246,245,210,.12);
  color-scheme:dark
}
/* cielo: estrellas al azar en una loseta grande (generada con semilla fija), sin cuadrícula visible */
.pie::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.75;
  background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='720' height='480'><circle cx='597' cy='376' r='1.2' fill='%23F6F5D2' opacity='0.6'/><circle cx='466' cy='397' r='1' fill='%2393A6E2' opacity='0.95'/><circle cx='441' cy='414' r='1.2' fill='%23F2C94C' opacity='0.45'/><circle cx='607' cy='155' r='0.7' fill='%2393A6E2' opacity='0.8'/><circle cx='245' cy='409' r='1.2' fill='%23F6F5D2' opacity='0.45'/><circle cx='403' cy='141' r='1.2' fill='%23F6F5D2' opacity='0.6'/><circle cx='692' cy='25' r='0.7' fill='%23F6F5D2' opacity='0.95'/><circle cx='234' cy='315' r='1.5' fill='%23F2C94C' opacity='0.8'/><circle cx='440' cy='91' r='1.5' fill='%2393A6E2' opacity='0.6'/><circle cx='533' cy='366' r='0.7' fill='%2393A6E2' opacity='0.6'/><circle cx='245' cy='119' r='0.9' fill='%2393A6E2' opacity='0.45'/><circle cx='123' cy='152' r='0.9' fill='%23F6F5D2' opacity='0.95'/><circle cx='283' cy='300' r='1.2' fill='%2393A6E2' opacity='0.6'/><circle cx='274' cy='346' r='1.5' fill='%23F2C94C' opacity='0.8'/><circle cx='222' cy='211' r='1' fill='%23F2C94C' opacity='0.8'/><circle cx='603' cy='21' r='1' fill='%2393A6E2' opacity='0.6'/><circle cx='528' cy='64' r='1.5' fill='%2393A6E2' opacity='0.6'/><circle cx='618' cy='434' r='1.5' fill='%2393A6E2' opacity='0.8'/><circle cx='221' cy='29' r='1.5' fill='%23F6F5D2' opacity='0.8'/><circle cx='381' cy='101' r='1.5' fill='%2393A6E2' opacity='0.8'/><circle cx='170' cy='75' r='0.7' fill='%23F2C94C' opacity='0.95'/><circle cx='137' cy='44' r='1' fill='%23F2C94C' opacity='0.95'/><circle cx='454' cy='53' r='1.5' fill='%2393A6E2' opacity='0.95'/><circle cx='61' cy='277' r='0.7' fill='%2393A6E2' opacity='0.8'/><circle cx='165' cy='425' r='0.9' fill='%23F6F5D2' opacity='0.6'/><circle cx='347' cy='44' r='1.2' fill='%23F6F5D2' opacity='0.6'/><circle cx='51' cy='286' r='1.2' fill='%2393A6E2' opacity='0.45'/><circle cx='68' cy='261' r='1.5' fill='%2393A6E2' opacity='0.6'/><circle cx='611' cy='292' r='1' fill='%23F2C94C' opacity='0.6'/><circle cx='552' cy='287' r='1' fill='%23F6F5D2' opacity='0.6'/><circle cx='387' cy='409' r='1.5' fill='%23F6F5D2' opacity='0.8'/><circle cx='183' cy='8' r='1.5' fill='%23F6F5D2' opacity='0.6'/><circle cx='321' cy='51' r='1' fill='%23F2C94C' opacity='0.6'/><circle cx='432' cy='406' r='1' fill='%23F2C94C' opacity='0.45'/><path transform='translate(276 355) scale(0.5)' d='M0-10Q1.3-1.3 10 0Q1.3 1.3 0 10Q-1.3 1.3-10 0Q-1.3-1.3 0-10Z' fill='%23F2C94C' opacity='.8'/><path transform='translate(76 163) scale(0.4)' d='M0-10Q1.3-1.3 10 0Q1.3 1.3 0 10Q-1.3 1.3-10 0Q-1.3-1.3 0-10Z' fill='%23F2C94C' opacity='.8'/></svg>") 0 0/720px 480px}
.pie *{box-sizing:border-box}
.pie :focus-visible{outline:3px solid var(--pie-amarillo);outline-offset:3px}
.pie a{color:inherit}
.pie ul{margin:0;padding:0;list-style:none}
.pie p{margin:0}

.pie-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
.pie-marca,.pie-col-zonas{grid-column:1/-1}
/* en celular Explora y Síguenos van lado a lado; las zonas, al final */
@media (max-width:759px){.pie-col-zonas{order:3}}
@media (min-width:760px){.pie-top{grid-template-columns:repeat(3,minmax(0,1fr))}.pie-col-zonas{grid-column:auto}}
@media (min-width:1100px){.pie-top{grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr) minmax(0,1.1fr) minmax(0,.9fr);gap:40px}.pie-marca{grid-column:auto}}

/* Marca y llamado */
.pie-marca{display:grid;gap:16px;align-content:start;justify-items:start}
.pie-iso{width:58px;height:70px;transform:rotate(-8deg);--iso-o:var(--pie-crema);--iso-s:var(--pie-amarillo)}
.pie-lema{font:400 clamp(30px,3.4vw,44px)/1.02 var(--pie-display);letter-spacing:-.01em;text-wrap:balance;max-width:13ch;text-shadow:.05em .05em 0 var(--pie-loto)}
.pie-sub{max-width:40ch;font-size:16px;line-height:1.55;color:var(--pie-crema-2)}
.pie-wa{display:inline-flex;align-items:center;gap:12px;min-height:64px;margin-top:6px;padding:10px 24px 10px 14px;border-radius:999px;background:var(--pie-amarillo);color:#0F1840 !important;text-decoration:none;box-shadow:5px 5px 0 var(--pie-loto);transition:transform .15s,box-shadow .15s}
.pie-wa:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--pie-loto)}
.pie-wa:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pie-loto)}
.pie-wa-ico{width:34px;height:34px;flex:none;--lc-accent:#0F1840}
.pie-wa span{display:grid;gap:2px;line-height:1.15}
.pie-wa b{font-weight:800;font-size:17px}
.pie-wa small{font:500 14px/1.2 var(--pie-mono);letter-spacing:.02em;font-variant-numeric:tabular-nums}
.pie-correo{font-size:15px;color:var(--pie-crema-2)}
.pie-correo a{font-weight:700;color:var(--pie-crema);text-decoration:underline;text-decoration-color:var(--pie-amarillo);text-decoration-thickness:2px;text-underline-offset:4px;overflow-wrap:anywhere}

/* Columnas */
.pie-h{display:flex;align-items:center;gap:8px;margin-bottom:12px !important;font:700 14px/1.2 var(--pie-body);letter-spacing:.01em;color:var(--pie-azul)}
.pie-h::before{content:"";flex:none;width:10px;height:10px;background:var(--pie-amarillo);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.pie-links a{display:inline-flex;align-items:center;min-height:40px;font-weight:600;font-size:16px;text-decoration:none;text-underline-offset:5px}
.pie-links a:hover{text-decoration:underline;text-decoration-color:var(--pie-amarillo);text-decoration-thickness:2px}
.pie-zonas{display:grid;gap:14px}
.pie-zonas li{display:grid;gap:2px;padding-left:14px;border-left:2px solid var(--pie-linea)}
.pie-zonas b{font-weight:700;font-size:16px}
.pie-zonas span{font-size:15px;line-height:1.45;color:var(--pie-crema-2)}
.pie-redes{display:grid;gap:10px;justify-items:start}
.pie-redes a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 16px 6px 8px;border:1.5px solid var(--pie-linea);border-radius:999px;text-decoration:none;transition:border-color .2s,background-color .2s}
.pie-redes a:hover{border-color:var(--pie-crema);background:var(--pie-noche-2)}
.pie-redes i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--pie-noche-2)}
.pie-redes svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.pie-redes svg .fill{fill:currentColor;stroke:none}
.pie-redes span{display:grid;line-height:1.2}
.pie-redes b{font-weight:700;font-size:15px}
.pie-redes small{font:500 13px/1.2 var(--pie-mono);color:var(--pie-crema-2)}

/* Barra legal */
.pie-base{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;margin-top:clamp(40px,6vw,64px);padding-top:16px;border-top:1.5px dashed var(--pie-linea);font-size:14px;color:var(--pie-crema-2)}
.pie-base a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--pie-crema);text-decoration:underline;text-decoration-color:var(--pie-amarillo);text-decoration-thickness:2px;text-underline-offset:4px}
.pie-arriba{margin-left:auto;gap:8px;text-decoration:none !important;padding:0 16px;border:1.5px solid var(--pie-linea);border-radius:999px}
.pie-arriba:hover{border-color:var(--pie-crema)}
@media (max-width:519px){.pie-arriba{margin-left:0}}

/* Firma: el logo gigante sale por el borde de abajo */
.pie-firma{display:block;width:min(100%,1180px);margin:clamp(20px,4vw,40px) auto calc(-1 * clamp(28px,7vw,96px));padding-inline:max(16px,env(safe-area-inset-left,0px));pointer-events:none;user-select:none}
.pie-firma img{display:block;width:100%;height:auto}