/* Portada corta: barra en una sola fila de accesos y ventanas flotantes */
.corta main{padding-bottom:8px}
.corta .pz-hero{padding-bottom:0}
.corta .pz-escena{padding-bottom:8px}
.corta .pie-porta{padding:18px 16px 28px;gap:8px 18px}
@media (max-width:760px){
  .corta .barra-porta{padding:8px 10px 4px;gap:4px 8px}
  .corta .accesos{gap:2px;justify-content:space-between;flex-wrap:nowrap}
  .corta .accesos a{min-height:40px;padding:2px 6px;font-size:.92rem}
  .corta .pz-hero{padding-top:14px}
}
@media (max-width:380px){
  .corta .accesos{gap:0}
  .corta .accesos a{padding:2px 3px;font-size:.8rem;letter-spacing:-.01em}
}
@media (max-width:340px){
  .corta .accesos{flex-wrap:wrap;justify-content:center;gap:0 4px}
}
/* Ventanas */
.vent{padding:0;margin:0;border:0;background:transparent;width:100%;height:100%;max-width:none;max-height:none;color:var(--giba-blue);box-sizing:border-box}
.vent[open]{display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.vent::backdrop{background:rgb(14 52 102 / 45%)}
html:has(.vent[open]){overflow:hidden}
.vent-marco{position:relative;display:flex;flex-direction:column;width:100%;max-height:90dvh;background:var(--giba-ivory);border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgb(14 52 102 / 25%);animation:vent-sube .26s cubic-bezier(.2,.8,.3,1) both}
.vent-marco::before{content:"";position:absolute;top:7px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--coop-border-control,#b8c2cf)}
.vent.cerrando .vent-marco{animation:vent-baja .18s ease-in both}
.vent-tope{flex:none;display:flex;align-items:center;gap:12px;padding:18px 12px 6px 18px}
.vent-tope h2{flex:1;margin:0;font-family:var(--f-title);font-weight:400;font-size:clamp(1.6rem,6vw,2rem);line-height:1.1}
.vent-x{flex:none;min-width:44px;min-height:44px;border:1px solid var(--coop-border-control);border-radius:999px;background:#fff;color:var(--giba-blue);font:inherit;font-size:1.2rem;line-height:1;cursor:pointer}
.vent-x:focus-visible{outline:3px solid var(--giba-blue);outline-offset:2px}
.vent-cuerpo{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 18px calc(22px + env(safe-area-inset-bottom))}
.vent-intro{margin:0 0 10px;color:var(--coop-text-secondary)}
@keyframes vent-sube{from{transform:translateY(100%)}to{transform:none}}
@keyframes vent-baja{to{transform:translateY(100%)}}
@media (min-width:761px){
  .vent[open]{align-items:center;padding:32px}
  .vent-marco{width:min(600px,100%);max-height:calc(100dvh - 64px);border-radius:20px;box-shadow:0 18px 50px rgb(14 52 102 / 28%);animation-name:vent-aparece}
  .vent.ancha .vent-marco{width:min(780px,100%)}
  .vent-marco::before{display:none}
  .vent-tope{padding:20px 16px 6px 24px}
  .vent-cuerpo{padding:4px 24px 24px}
  .vent.cerrando .vent-marco{animation-name:vent-desaparece}
}
@keyframes vent-aparece{from{transform:translateY(12px) scale(.97);opacity:0}to{transform:none;opacity:1}}
@keyframes vent-desaparece{to{transform:translateY(8px) scale(.97);opacity:0}}
@media (prefers-reduced-motion:reduce){.vent-marco,.vent.cerrando .vent-marco{animation:none!important}}
/* Calendario dentro de la ventana */
.vent .cal-nav .btn{min-height:40px;padding:6px 10px;font-size:var(--t14)}
.vent .cal-dia{min-height:52px}
@media (max-width:420px){.vent .cal-dia{min-height:46px;padding:2px}.vent .pieza-btn,.vent .pieza-btn svg{width:36px;height:36px}.vent .cal-nav .btn{font-size:13px;padding:6px 8px}}
/* Buscar */
.resultados{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.resultados li{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#fff;border:1px solid var(--coop-border-decoration);border-radius:14px;padding:10px 12px}
.resultados li div{min-width:0}
.resultados b{display:block;font-weight:700}
.resultados .aux{display:block;font-size:var(--t14);color:var(--coop-text-secondary)}
.resultados .sin{font-size:12px;text-align:right;max-width:9em}
.resultados .vacio{justify-content:center;color:var(--coop-text-secondary)}
/* Donar */
#v-colaborar .datos-don{margin:0 0 12px}
#v-colaborar .datos-don dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}
#v-colaborar .datos-don dd{margin:0;overflow-wrap:anywhere}
#f-donar{margin-top:8px}
.apoyo{margin-top:18px;padding-top:14px;border-top:1px solid var(--coop-border-decoration)}
.apoyo h3{margin:0 0 4px;font-size:1.35rem}
.apoyo p{margin:0 0 10px}
/* Contacto */
.motivos{border:0;padding:0;margin:0 0 10px;display:grid;gap:8px}
.motivos legend{font-weight:700;margin-bottom:6px;padding:0}
.motivo{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1.5px solid var(--coop-border-decoration);border-radius:14px;padding:10px 12px;cursor:pointer}
.motivo:has(input:checked){border-color:var(--giba-blue);box-shadow:inset 0 0 0 1px var(--giba-blue)}
.motivo input{margin-top:4px;width:auto}
.motivo b{display:block}
.motivo small{display:block;color:var(--coop-text-secondary);font-size:var(--t14)}
.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.dos-col.tres{grid-template-columns:1fr 1fr 1fr}
@media (max-width:420px){.dos-col,.dos-col.tres{grid-template-columns:1fr}}
.pref{border:0;padding:0;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center}
.pref legend{font-weight:700;padding:0;margin-bottom:2px;width:100%}
.pref .opc{display:inline-flex;gap:6px;align-items:center}
.pref .opc input{width:auto}
.acceso-plus-corto{margin:16px 0 0;font-size:var(--t14)}
.acceso-plus-corto a{color:var(--giba-blue)}
@media (max-width:520px){
  #v-colaborar .datos-don dl{grid-template-columns:1fr;gap:0}
  #v-colaborar .datos-don dt{margin-top:6px}
  #v-colaborar .datos-don dd .btn{margin-left:6px}
  .dos-col.tres{grid-template-columns:1fr 1fr}
  .dos-col.tres > :first-child{grid-column:1 / -1}
}

.vent .nota.error{color:var(--coop-danger,#b42318)}
.resultados .acc{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}