/*
Theme Name: Museo de la Memoria
Theme URI: https://museomemoriabahiablanca.com
Author: Museo Virtual de la Memoria de Bahía Blanca
Description: Tema institucional del Museo Virtual de la Memoria de Bahía Blanca. Azul para la Sala I (justicia internacional) y tierra para la Sala II (historia reciente de Bahía Blanca).
Version: 1.0
Text Domain: museo
*/

:root{
  --azul:#0a3d62; --azul-2:#12557f; --azul-3:#1b6ca8;
  --celeste:#e8f1f7; --celeste-2:#d3e5f0;
  --tierra:#7a3b1d; --tierra-2:#a8563a; --tierra-3:#5a2f18;
  --acento:#c0392b; --dorado:#b8912f;
  --texto:#1e2a33; --gris:#4f5b64; --gris-2:#7a848c;
  --linea:#d7e0e7; --blanco:#ffffff; --fondo:#f4f7f9;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--texto); background:var(--fondo); line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.serif{font-family:Georgia,"Times New Roman",serif;font-weight:400}
a{color:var(--azul-3)}
img{max-width:100%;height:auto}

.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* ---------------------------------------------------------- barra superior */
header.nav{
  position:sticky;top:0;z-index:100;background:var(--blanco);
  border-bottom:1px solid var(--linea);box-shadow:0 1px 8px rgba(10,61,98,.05);
}
header.nav .wrap{display:flex;align-items:center;gap:18px;height:66px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:0 0 auto}
.escudo{
  width:38px;height:38px;border-radius:50%;background:var(--azul);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex:0 0 auto;
}
.brand b{font-family:Georgia,serif;color:var(--azul);font-size:1.06rem;font-weight:400;line-height:1.15}
.brand span{display:block;font-family:inherit;font-size:.72rem;color:var(--gris-2);letter-spacing:.04em}
.menu-principal{margin-left:auto;display:flex;gap:6px;list-style:none;flex-wrap:wrap}
.menu-principal a{
  color:var(--gris);font-size:.88rem;text-decoration:none;padding:8px 15px;
  border:1px solid var(--linea);border-radius:20px;background:var(--blanco);transition:.14s;display:block;
}
.menu-principal a:hover{border-color:var(--azul-3);color:var(--azul);background:var(--celeste)}
.menu-principal .current-menu-item>a,
.menu-principal .current_page_item>a{background:var(--azul);border-color:var(--azul);color:#fff}

/* ---------------------------------------------------------------- antesala */
.antesala{
  background:linear-gradient(160deg,#08304d 0%,#0a3d62 55%,#123f52 100%);
  color:#fff;padding:86px 0 96px;text-align:center;
}
.antesala .eyebrow{
  color:#9ec7e2;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700;
}
.antesala h1{font-size:3rem;line-height:1.12;color:#fff;margin:10px 0 18px}
.antesala p.bajada{color:#cfe0ec;font-size:1.12rem;max-width:66ch;margin:0 auto}
.puertas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;margin-top:52px;text-align:left}
.puerta{
  display:block;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;
  box-shadow:0 20px 50px rgba(0,0,0,.28);transition:.18s;padding:34px 30px 36px;
}
.puerta:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(0,0,0,.36)}
.puerta.azul{background:linear-gradient(160deg,var(--azul-2) 0%,var(--azul-3) 100%)}
.puerta.tierra{background:linear-gradient(160deg,var(--tierra-3) 0%,var(--tierra) 100%)}
.puerta .num{font-family:Georgia,serif;font-size:2.6rem;opacity:.42;line-height:1}
.puerta h3{font-size:1.55rem;margin:6px 0 12px;color:#fff}
.puerta p{font-size:.98rem;opacity:.92}
.puerta .entrar{display:inline-block;margin-top:18px;font-size:.86rem;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:2px}

/* -------------------------------------------------------------------- hero */
.hero{color:#eaf2f8;padding:64px 0 60px}
.hero.azul{background:linear-gradient(160deg,var(--azul) 0%,var(--azul-2) 100%)}
.hero.tierra{background:linear-gradient(160deg,var(--tierra-3) 0%,var(--tierra) 100%)}
.hero .eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#9ec7e2}
.hero.tierra .eyebrow{color:#d9c3ac}
.hero h1{font-size:2.6rem;color:#fff;margin:8px 0 14px;line-height:1.15}
.hero p{color:#cfe0ec;font-size:1.08rem;max-width:64ch}
.hero.tierra p{color:#e9d9c9}
.hero .volver{display:inline-block;margin-bottom:6px;color:#cfe0ec;font-size:.85rem;text-decoration:none}
.hero .volver:hover{color:#fff}

/* --------------------------------------------------------------- contenido */
main{padding:56px 0 84px}
.contenido{background:var(--blanco);border:1px solid var(--linea);border-radius:14px;padding:52px 56px}
.contenido>*+*{margin-top:18px}

.contenido h1{font-size:2.1rem;color:var(--azul);margin-top:0}
.contenido h2{
  font-size:1.72rem;color:var(--azul);margin-top:46px;padding-bottom:10px;
  border-bottom:2px solid var(--celeste-2);
}
.contenido h3{font-size:1.16rem;color:var(--azul-2);margin-top:30px}
.tierra-page .contenido h1,
.tierra-page .contenido h2{color:var(--tierra)}
.tierra-page .contenido h2{border-bottom-color:#e4d3c6}
.tierra-page .contenido h3{color:var(--tierra-2)}

.contenido p{color:var(--gris);font-size:1.02rem}
.contenido h3+p{margin-top:6px}
.contenido a{color:var(--azul-3);text-decoration:none;border-bottom:1px solid var(--celeste-2)}
.contenido a:hover{border-bottom-color:var(--azul-3)}
.contenido hr{border:0;border-top:1px solid var(--linea);margin:42px 0}
.contenido em{color:var(--gris-2)}

/* listas del directorio, con aire de tarjeta */
.contenido ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:16px}
.contenido ul li{margin:0}
.contenido ul li a{
  display:block;border:1px solid var(--linea);border-radius:10px;padding:15px 18px;
  background:var(--blanco);color:var(--azul);font-family:Georgia,serif;font-size:1rem;
  text-decoration:none;border-bottom:1px solid var(--linea);transition:.14s;
}
.contenido ul li a:hover{
  border-color:var(--azul-3);box-shadow:0 10px 24px rgba(10,61,98,.09);transform:translateY(-2px);
}

/* el recuadro COMPLETAR */
.contenido .has-pale-pink-background-color,
.contenido p.completar{
  background:#fbeceb !important;border:1px solid #f0cfcb;border-left:4px solid var(--acento);
  color:#8d2f26 !important;border-radius:8px;padding:14px 20px;font-size:.92rem;font-style:italic;
}
.contenido .has-pale-pink-background-color strong{color:var(--acento);font-style:normal;letter-spacing:.03em}

/* --------------------------------------------------------------- pie */
footer.pie{background:var(--azul);color:#cfe0ec;padding:46px 0 40px;font-size:.9rem}
footer.pie .wrap{display:flex;flex-wrap:wrap;gap:22px;justify-content:space-between;align-items:center}
footer.pie b{font-family:Georgia,serif;color:#fff;font-weight:400;font-size:1.05rem}
footer.pie a{color:#9ec7e2;text-decoration:none}
footer.pie a:hover{color:#fff}

/* --------------------------------------------------------------- pantallas */
@media(max-width:860px){
  header.nav .wrap{height:auto;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
  .menu-principal{margin-left:0;width:100%}
  .antesala{padding:60px 0 66px}
  .antesala h1{font-size:2.2rem}
  .hero h1{font-size:1.9rem}
  .contenido{padding:32px 24px}
  .contenido h2{font-size:1.42rem}
}

/* enlace discreto de acceso al panel, en el pie */
.pie-enlaces{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.pie-enlaces .acceso{font-size:.78rem;color:#7fa9c6;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:5px 14px;letter-spacing:.04em;text-decoration:none;transition:.14s}
.pie-enlaces .acceso:hover{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.07)}