:root{
  --blue:#0056b3;
  --white:#ffffff;
  --black:#111111;
  --muted:#f4f4f4;
  --transition:0.25s ease;
  font-family:'Poppins',sans-serif;
}
body{margin:0;background:var(--muted);color:var(--black);line-height:1.6;}
.container{max-width:1100px;margin:0 auto;padding:1rem;}
.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(90deg,#003c8f,#007bff);color:var(--white);box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.header-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:0.75rem;}
.logo{width:150px;height:auto;}
.brand-text h1{margin:0;font-size:1.2rem;color:var(--white);}
.brand-text .tag{font-size:0.85rem;color:rgba(255,255,255,0.8);}
.nav{position:relative;}
.nav-links{display:flex;gap:1rem;}
.nav-link{color:var(--white);text-decoration:none;font-weight:500;padding:0.4rem 0.8rem;border-radius:20px;transition:all var(--transition);}
.nav-link:hover{background:rgba(255,255,255,0.25);}
.nav-link.active{background:var(--white);color:var(--blue);}
.nav-toggle{display:none;background:none;border:none;color:var(--white);font-size:1.4rem;cursor:pointer;}
.hero{background:#fff;padding:3rem 0;border-bottom:1px solid #eee;}
.hero-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.hero-text{flex:1;}
.hero-text h2{font-size:1.8rem;color:var(--blue);}
.hero-text p{margin-bottom:1rem;color:#333;}
.cta{display:inline-block;background:var(--white);color:var(--blue);border:2px solid var(--blue);padding:0.5rem 1rem;border-radius:6px;text-decoration:none;transition:all var(--transition);}
.cta:hover{background:var(--blue);color:var(--white);}
.hero-image img{width:380px;max-width:100%;}
.section{background:var(--white);margin-top:1rem;padding:2rem 0;border-radius:8px;}
.section.blue{background:var(--blue);color:var(--white);}
h3{margin-bottom:1rem;}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;}
.card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 3px 10px rgba(0,0,0,0.05);text-align:center;}
.card img{width:100%;border-radius:8px;margin-bottom:0.5rem;}
/* Contact grid equal height */
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;align-items:stretch;}
.contact-card{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,0.05);height:100%;display:flex;flex-direction:column;justify-content:space-between;}
.socials{display:flex;justify-content:center;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem;}
.social{font-size:1.4rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;transition:transform var(--transition);}
.social.fb{background:#3b5998;}
.social.ig{background:#E4405F;}
.social.tk{background:#010101;}
.social.ln{background:#0077B5;}
.social.wa{background:#25D366;}
.social:hover{transform:scale(1.1);}
.site-footer{text-align:center;color:#666;padding:1rem 0;font-size:0.9rem;}
@media(max-width:900px){.nav-links{display:none;flex-direction:column;position:absolute;right:0;background:linear-gradient(90deg,#003c8f,#007bff);top:100%;padding:0.75rem;border-radius:0 0 8px 8px;}.nav-links.show{display:flex;}.nav-toggle{display:inline-block;}.hero-inner{flex-direction:column-reverse;text-align:center;}}
@media(max-width:768px){.contact-grid{grid-template-columns:1fr;}}
@media(max-width:600px){.hero-image img{width:280px;}.brand-text h1{font-size:1rem;}}
/* Lightbox overlay */
.lightbox-overlay{
  position:fixed;
  top:0; left:0;
  width:100%; height:100%;
  background:rgba(0,0,0,0.85);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:200;
}
.lightbox-overlay img{
  max-width:90%;
  max-height:90%;
  border-radius:8px;
  box-shadow:0 5px 20px rgba(0,0,0,0.5);
}
.lightbox-close{
  position:absolute;
  top:20px; right:30px;
  font-size:2.5rem;
  color:#fff;
  cursor:pointer;
  font-weight:bold;
  z-index:201;
  transition:color var(--transition);
}
.lightbox-close:hover{ color:#ddd; }

/* Grid de PDFs */
.pdf-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:1rem;
  margin-top:2rem;
}

.pdf-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:1rem;
  background:#fff;
  border-radius:8px;
  box-shadow:0 3px 10px rgba(0,0,0,0.05);
  text-decoration:none;
  color:var(--black);
  transition:transform var(--transition);
}

.pdf-card img{
  width: auto;       /* mantiene el ancho real de la imagen */
  height: auto;      /* mantiene la altura real de la imagen */
  max-width:100%;    /* nunca se sale de la tarjeta */
  max-height:120px;  /* opcional: limita la altura para no romper el diseño */
  margin-bottom:0.5rem;
}


.pdf-card:hover{
  transform:scale(1.05);
}

#documentos {
  background: #f9f9f9;
}

/* Tabs en sección normal (fondo blanco) */
.tabs {
  margin-top: 2rem;
  background: var(--white); /* fondo blanco */
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
  color: var(--black); /* texto negro para contraste */
}

.tab-btn {
  background: var(--blue);  /* botón azul */
  color: var(--white);      /* texto blanco */
  border: 2px solid var(--blue);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  cursor: pointer;
  transition: all var(--transition);
  font-weight: 600;
}

.tab-btn.active {
  background: var(--white); /* botón activo blanco */
  color: var(--blue);       /* texto azul */
  border: 2px solid var(--blue);
}

.tab-content {
  display: none;
  padding: 1rem 0;
  border-top: 1px solid rgba(0,0,0,0.1); /* línea sutil */
  color: var(--black); /* texto negro */
}

.tab-content.active {
  display: block;
}


.tab-buttons {
  display: flex;
  justify-content: center; /* centra horizontalmente */
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}