:root{--azul:#0b2a6f;--azul-suave:#e8f0ff;--borde:#dfe8ff;--txt:#1b1f2a;}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7f9ff;color:var(--txt)}
a{color:var(--azul);text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:18px}

.topbar{background:var(--azul);color:#fff}
.head-flex{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}
.welcome{font-weight:bold}
.brand{display:flex;align-items:center;gap:12px;justify-self:center}
.logo{height:50px;border-radius:6px}
.brand-title{font-weight:bold;font-size:1.2em}
.nav{display:flex;gap:16px;justify-self:end;flex-wrap:wrap
  margin-left:auto;}
.nav a{color:#fff;opacity:.95}
.nav a:hover{opacity:1;text-decoration:underline}
.nav .logout{background:rgba(255,255,255,.15);padding:6px 10px;border-radius:8px}

.card{background:#fff;border:1px solid var(--borde);border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.06);padding:22px;margin:18px 0}
.info{background:var(--azul-suave)}
.footer{margin-top:30px;background:#f0f2fa;text-align:center;padding:18px;color:#555}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.grid-3{grid-template-columns:1fr}}

.tile{border:1px solid var(--borde);border-radius:12px;padding:12px;text-align:center}
.tile-img{width:100%;height:160px;object-fit:contain;padding:10px}
.texto-just{line-height:1.85;text-align:justify;text-justify:inter-word}

.hero-img .hero{width:100%;border-radius:12px;border:1px solid var(--borde)}

.list-links{line-height:1.9;font-size:1.1em}

.form label{display:block;margin-top:10px}
.form input,.form textarea{width:100%;padding:10px;border:1px solid var(--borde);border-radius:8px}
.btn{margin-top:12px;background:var(--azul);color:#fff;border:0;border-radius:8px;padding:10px 14px;cursor:pointer}
.error{color:#b00020;margin-bottom:10px}
.success{color:#0a7b35;margin-bottom:10px}
.copy-sent{background:#f6fff8;border:1px solid #d9f1dd;border-radius:10px;padding:12px;margin:10px 0}
.hint{font-size:.9em;color:#555}

.notice-blue{background:var(--azul-suave);color:var(--azul);padding:12px;border-radius:8px;text-align:center;font-weight:bold;margin-bottom:20px}
.pdf-frame{border:1px solid #ccc}
.media{width:100%}

/* Slider bigger */
.slider{position:relative;overflow:hidden;border-radius:12px;height:420px}
.slider .slide{position:absolute;inset:0;opacity:0;animation:fade 12s infinite}
.slider .slide:nth-child(1){animation-delay:0s}
.slider .slide:nth-child(2){animation-delay:6s}
.slider .slide img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes fade{
  0%{opacity:0}
  5%{opacity:1}
  45%{opacity:1}
  50%{opacity:0}
  100%{opacity:0}
}

.head-flex-col{display:flex;flex-direction:column;align-items:center;text-align:center}
.brand{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:10px}
.brand-title{font-family:'Georgia',serif;font-weight:bold;font-size:1.6em;color:#fff}
.nav{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.nav a{color:#fff;opacity:.95}
.nav a:hover{opacity:1;text-decoration:underline}
.logo{max-height:80px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.gallery-item{border:1px solid #ccc;border-radius:8px;padding:10px;background:#fafafa;text-align:center}
.pdf-thumb{width:100%;height:200px;border:1px solid #aaa;border-radius:6px}

.brand-row{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:8px}
.brand-title{font-family:'Georgia',serif;font-weight:bold;font-size:1.8em;color:#fff}
.logo{max-height:70px}
@media(max-width:600px){
  .brand-title{font-size:1.4em;line-height:1.3em;white-space:normal;text-align:center}
  .nav{flex-direction:column;align-items:center;gap:10px}
}
.btn-link {
  display:inline-block;
  margin-top:8px;
  padding:6px 10px;
  background:#0b2a6f;
  color:#fff;
  border-radius:6px;
  font-size:0.9em;
}
.btn-link:hover { background:#09306d; text-decoration:none; }


/* Popup styles */
.popup-overlay {
  display:none; position:fixed; top:0; left:0; width:100%; height:100%;
  background:rgba(0,0,0,0.6); z-index:1000;
}
.popup-content {
  background:#fff; padding:20px; border-radius:12px;
  max-width:420px; margin:100px auto; text-align:center; position:relative;
  box-shadow:0 10px 40px rgba(0,0,0,0.25);
}
.popup-close {
  position:absolute; top:10px; right:15px; font-size:22px; cursor:pointer;
}

/* Recursos thumbs */
.resource-thumb {
  width:72px; height:72px; object-fit:contain; display:block; margin-bottom:8px;
}
.gallery-item { display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
@media (min-width: 720px) {
  .gallery { display:grid; grid-template-columns: repeat(2, minmax(280px,1fr)); gap:20px; }
}