:root{--blue:#092244;--blue2:#0f315f;--gold:#d8a51d;--gold2:#f3c94c;--cream:#fff8ea;--white:#fff;--black:#050505;--muted:#c9c0ae;--border:rgba(216,165,29,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--black);color:var(--cream)}a{color:inherit}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.8rem clamp(1rem,4vw,3.5rem);background:rgba(0,0,0,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;min-width:0}.brand img{width:66px;height:66px;object-fit:contain;border-radius:50%;background:var(--white)}.brand strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.3rem,3.6vw,2.25rem);line-height:1;color:var(--white);white-space:nowrap}.brand span{display:block;color:var(--muted);font-size:clamp(.9rem,2.6vw,1.18rem)}.nav{display:flex;align-items:center;gap:1rem}.nav a{text-decoration:none;color:var(--cream);font-weight:800;font-size:.92rem}.nav a:hover{color:var(--gold2)}.menu-btn{display:none;background:transparent;border:0;color:var(--gold2);font-size:2rem}.hero,.page-hero{min-height:70vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.65fr);gap:clamp(2rem,5vw,4rem);align-items:center;padding:clamp(3.5rem,8vw,7rem) clamp(1.2rem,6vw,5rem);background:radial-gradient(circle at 80% 35%,rgba(216,165,29,.24),transparent 28%),linear-gradient(110deg,rgba(0,0,0,.98),rgba(9,34,68,.96) 55%,rgba(17,9,0,.96))}.page-hero{display:block;min-height:auto}.center{text-align:center}.kicker{margin:0 0 .7rem;color:var(--gold2);letter-spacing:.24em;text-transform:uppercase;font-weight:900;font-size:.78rem}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;margin:0}h1{font-size:clamp(3rem,7.8vw,6.4rem);line-height:.92;letter-spacing:-.04em;max-width:1050px}h2{font-size:clamp(2.2rem,5.2vw,4.4rem);line-height:.95;letter-spacing:-.03em}h3{font-size:1.7rem}.lead,.section-title p,.program-card p,.registration-layout p,.contact p,.donation p{color:#e9dfcf;font-size:1.12rem;line-height:1.7}.lead{max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.85rem 1.35rem;border-radius:999px;border:1px solid var(--border);text-decoration:none;font-weight:900;color:var(--cream);cursor:pointer;background:rgba(255,255,255,.06)}.btn-primary{background:var(--gold);border-color:var(--gold);color:#080808}.btn-outline{border-color:var(--gold2)}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:2rem;max-width:620px}.hero-stats div{padding:1rem;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.06)}.hero-stats strong{display:block;color:var(--gold2);font-size:1.45rem}.hero-stats span{color:var(--muted);font-size:.9rem}.hero-seal{display:grid;place-items:center}.hero-seal img{width:min(390px,85vw);aspect-ratio:1;object-fit:contain;border-radius:50%;filter:drop-shadow(0 32px 80px rgba(0,0,0,.55))}.announcement{display:flex;justify-content:space-between;gap:1.4rem;align-items:center;padding:1.5rem clamp(1.2rem,6vw,5rem);border-top:1px solid rgba(216,165,29,.2);border-bottom:1px solid rgba(216,165,29,.2);background:#160d00}.announcement p{margin:.25rem 0 0;color:var(--muted)}.live-dot{display:inline-block;width:.9rem;height:.9rem;margin-right:.45rem;border-radius:50%;background:#e11d48;box-shadow:0 0 0 6px rgba(225,29,72,.18)}.quick-links{display:flex;flex-wrap:wrap;gap:.7rem}.quick-links a{background:var(--gold);color:#080808;padding:.8rem 1.1rem;border-radius:999px;text-decoration:none;font-weight:900}.section{padding:clamp(3.5rem,7vw,6.5rem) clamp(1.2rem,6vw,5rem)}.section-title{max-width:900px;margin-bottom:2rem}.program-grid,.library-grid,.feature-grid{display:grid;gap:1.2rem}.program-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.program-card,.resource-card,.cashapp,.student-form,.process div,.feature-grid div{border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border-radius:24px;padding:1.4rem;box-shadow:0 24px 70px rgba(0,0,0,.2)}.program-card .icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:rgba(216,165,29,.16);font-size:1.7rem;margin-bottom:1rem}.program-card ul{padding-left:1.15rem;color:#e9dfcf;line-height:1.65}.program-card a{color:var(--gold2);font-weight:900}.section-dark{background:radial-gradient(circle at 15% 20%,rgba(216,165,29,.16),transparent 32%),#080808}.registration-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);gap:clamp(2rem,5vw,4rem);align-items:start}.process{display:grid;gap:.8rem;margin-top:1.6rem}.process strong{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:.5rem;border-radius:50%;background:var(--gold);color:#080808}.student-form{display:grid;gap:1rem}.student-form label{display:grid;gap:.4rem;font-weight:900;color:var(--cream)}input,select,textarea{width:100%;padding:.9rem 1rem;border:1px solid rgba(216,165,29,.45);border-radius:16px;background:#fffdf8;color:#111;font:inherit}.hidden{display:none}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-card{display:grid;gap:.35rem;min-height:155px;text-decoration:none;color:var(--cream)}.resource-card span{font-size:2rem}.resource-card small{color:var(--muted);line-height:1.5}.donation{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;background:#0a0a0a}.cashapp{min-width:min(360px,100%);text-align:center}.cashapp span{display:block;color:var(--muted);font-weight:900}.cashapp strong{color:var(--gold2);font-size:clamp(2rem,5vw,3.2rem)}.contact{text-align:center;background:linear-gradient(180deg,var(--blue),#02060c)}
.contact-study {
  padding-top: clamp(3.5rem, 6vw, 5rem);
  padding-bottom: clamp(2.5rem, 4vw, 3.5rem);
}

.contact-study h2 {
  max-width: 1000px;
  margin: 0.55rem auto 1rem;
  font-size: clamp(36px, 5vw, 58px);
  line-height: 1.08;
}

.contact-study-description {
  max-width: 880px;
  margin: 0 auto;
  color: #f1eadf;
  font-size: clamp(18px, 1.55vw, 21px);
  line-height: 1.65;
}

.contact-study-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.8rem;
  margin-top: 1.6rem;
}

.contact-study .btn {
  min-width: 170px;
  justify-content: center;
}

.contact-study .btn-primary {
  background: #d4af37;
  color: #071426 !important;
  text-shadow: none;
  font-weight: 900;
}

.contact-study .btn-primary:hover,
.contact-study .btn-primary:focus-visible {
  background: #f2cf5b;
  color: #02060c !important;
}

@media (max-width: 600px) {
  .contact-study {
    padding-top: 3rem;
    padding-bottom: 2.5rem;
  }

  .contact-study-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: min(100%, 360px);
    margin-left: auto;
    margin-right: auto;
  }
}
.contact img{width:145px;height:145px;object-fit:contain;border-radius:50%;background:#fff;margin-bottom:1rem}.contact a{color:var(--gold2);font-weight:900}footer{padding:1.5rem;text-align:center;background:#000;color:var(--muted);border-top:1px solid var(--border)}@media(max-width:980px){.menu-btn{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;padding:1.2rem;background:#000;border-bottom:1px solid var(--border)}.nav.open{display:flex}.hero,.registration-layout,.donation{grid-template-columns:1fr}.hero-seal{order:-1}.hero-seal img{width:220px}.program-grid,.library-grid,.feature-grid{grid-template-columns:1fr}.announcement{align-items:flex-start;flex-direction:column}.brand strong{white-space:normal}.brand img{width:58px;height:58px}}@media(max-width:560px){.hero-stats{grid-template-columns:1fr}h1{font-size:2.8rem}.quick-links a,.btn{/* Ajustes móviles MAIER */
@media (max-width: 768px) {
  .hero {
    padding: 48px 22px 56px;
    text-align: center;
  }

  .hero-inner {
    max-width: 100%;
  }

  .hero-seal {
    margin: 0 auto 28px;
    display: flex;
    justify-content: center;
  }

  .hero-seal img {
    width: 220px !important;
    max-width: 70vw;
    height: auto;
  }

  .hero h1 {
    font-size: 3rem !important;
    line-height: 0.95 !important;
    letter-spacing: -1px;
  }

  .lead {
    font-size: 1.1rem !important;
    line-height: 1.6;
  }

  .hero-actions {
    flex-direction: column;
    gap: 12px;
  }

  .hero-actions .btn {
    width: 100%;
    text-align: center;
  }

  .hero-stats {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

@media (max-width: 480px) {
  .brand img {
    width: 72px;
    height: auto;
  }

  .brand strong {
    font-size: 1.7rem;
  }

  .brand span {
    font-size: 1rem;
  }

  .hero-seal img {
    width: 190px !important;
  }

  .hero h1 {
    font-size: 2.55rem !important;
    line-height: 0.95 !important;
  }

  .kicker {
    font-size: 0.85rem;
    letter-spacing: 5px;
  }
}width:100%}}/* Ajuste fuerte para hero MAIER en pantallas pequeñas y medianas */
@media (max-width: 1200px) {
  .hero {
    padding-top: 36px !important;
    padding-bottom: 48px !important;
  }

  .hero-seal {
    margin-bottom: 22px !important;
  }

  .hero-seal img {
    width: 180px !important;
    max-width: 45vw !important;
    height: auto !important;
  }

  .hero h1 {
    font-size: 2.6rem !important;
    line-height: 1.05 !important;
    letter-spacing: -1px !important;
  }

  .lead {
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
  }

  .kicker {
    font-size: 0.82rem !important;
    letter-spacing: 4px !important;
  }
}

@media (max-width: 600px) {
  .hero {
    padding: 28px 20px 42px !important;
  }

  .hero-seal img {
    width: 140px !important;
    max-width: 42vw !important;
  }

  .hero h1 {
    font-size: 2.1rem !important;
    line-height: 1.05 !important;
  }

  .lead {
    font-size: 1rem !important;
  }
}
/* AJUSTE FINAL HEADER MAIER */
.topbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  padding:14px 38px !important;
}

.brand{
  flex:0 0 auto !important;
  max-width:440px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.brand img{
  width:66px !important;
  height:66px !important;
}

.brand strong{
  font-size:34px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.brand span{
  font-size:17px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

.nav{
  flex:1 1 auto !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:20px !important;
  margin-left:20px !important;
  flex-wrap:nowrap !important;
}

.nav a{
  position:static !important;
  font-size:17px !important;
  line-height:1.1 !important;
  text-align:center !important;
  white-space:normal !important;
}

@media(max-width:1200px){
  .topbar{
    padding:12px 22px !important;
  }

  .brand strong{
    font-size:28px !important;
  }

  .brand span{
    font-size:14px !important;
  }

  .nav{
    gap:14px !important;
  }

  .nav a{
    font-size:15px !important;
  }
}/* INFORMACIÓN DE ACCESO A CLASES */
.access-info{
  margin: 40px auto;
  max-width: 1100px;
  padding: 28px;
  border: 1px solid rgba(216,165,29,.45);
  border-radius: 24px;
  background: rgba(255,255,255,.04);
  color: #fff;
}

.access-info h2{
  margin-top: 0;
  color: #d8a51d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2rem;
}

.access-info p,
.access-info li{
  font-size: 1.05rem;
  line-height: 1.6;
}

.access-info ul{
  padding-left: 22px;
}


 /* =========================================
   CAPELLANÍA COMUNITARIA MAIER
========================================= */

.capellania-seccion {
  padding: 70px 20px;
  background:
    linear-gradient(
      135deg,
      rgba(6, 22, 41, 0.98),
      rgba(11, 45, 71, 0.96)
    );
  color: #ffffff;
}

.capellania-contenedor {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.capellania-etiqueta {
  display: inline-block;
  margin: 0 0 18px;
  padding: 8px 18px;
  border: 1px solid #f4c542;
  border-radius: 30px;
  color: #f4c542;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.capellania-seccion h2 {
  margin: 0 0 12px;
  color: #f4c542;
  font-size: clamp(34px, 5vw, 52px);
  line-height: 1.1;
}

.capellania-seccion > .capellania-contenedor > h3 {
  margin: 0 0 22px;
  color: #ffffff;
  font-size: clamp(20px, 3vw, 27px);
}

.capellania-introduccion {
  max-width: 900px;
  margin: 0 auto 38px;
  color: #f3f5f7;
  font-size: 19px;
  line-height: 1.7;
}

.capellania-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 30px;
  text-align: left;
}

.capellania-tarjeta {
  padding: 30px;
  border: 1px solid rgba(244, 197, 66, 0.42);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

.capellania-tarjeta h3 {
  margin-top: 0;
  margin-bottom: 18px;
  color: #f4c542;
  font-size: 23px;
}

.capellania-tarjeta p,
.capellania-tarjeta li {
  color: #ffffff;
  font-size: 17px;
  line-height: 1.65;
}

.capellania-tarjeta ul {
  margin: 0;
  padding-left: 22px;
}

.capellania-tarjeta li {
  margin-bottom: 8px;
}

.capellania-botones {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.boton-capellania {
  display: inline-block;
  padding: 15px 29px;
  border: 2px solid #f4c542;
  border-radius: 9px;
  background: #f4c542;
  color: #061629;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  transition:
    transform 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}

.boton-capellania:hover {
  transform: translateY(-3px);
  background: transparent;
  color: #f4c542;
}

.boton-whatsapp {
  background: transparent;
  color: #f4c542;
}

.boton-whatsapp:hover {
  background: #f4c542;
  color: #061629;
}

.capellania-aviso {
  max-width: 900px;
  margin: 35px auto 0;
  padding: 18px;
  border-left: 4px solid #f4c542;
  background: rgba(0, 0, 0, 0.22);
  color: #e6e6e6;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
}

@media (max-width: 768px) {
  .capellania-seccion {
    padding: 55px 16px;
  }

  .capellania-grid {
    grid-template-columns: 1fr;
  }

  .capellania-tarjeta {
    padding: 24px 20px;
  }

  .capellania-introduccion {
    font-size: 17px;
  }

  .boton-capellania {
    width: 100%;
    max-width: 340px;
    text-align: center;
  }
}

/* =========================================
   CAPELLANÍA COMUNITARIA MAIER
========================================= */

.capellania-seccion {
  padding: 70px 20px;
  background:
    linear-gradient(
      135deg,
      rgba(6, 22, 41, 0.98),
      rgba(11, 45, 71, 0.96)
    );
  color: #ffffff;
}

.capellania-contenedor {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.capellania-etiqueta {
  display: inline-block;
  margin: 0 0 18px;
  padding: 8px 18px;
  border: 1px solid #f4c542;
  border-radius: 30px;
  color: #f4c542;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.capellania-seccion h2 {
  margin: 0 0 12px;
  color: #f4c542;
  font-size: clamp(34px, 5vw, 52px);
  line-height: 1.1;
}

.capellania-seccion > .capellania-contenedor > h3 {
  margin: 0 0 22px;
  color: #ffffff;
  font-size: clamp(20px, 3vw, 27px);
}

.capellania-introduccion {
  max-width: 900px;
  margin: 0 auto 38px;
  color: #f3f5f7;
  font-size: 19px;
  line-height: 1.7;
}

.capellania-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  margin-top: 30px;
  text-align: left;
}

.capellania-tarjeta {
  padding: 30px;
  border: 1px solid rgba(244, 197, 66, 0.42);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}

.capellania-tarjeta h3 {
  margin-top: 0;
  margin-bottom: 18px;
  color: #f4c542;
  font-size: 23px;
}

.capellania-tarjeta p,
.capellania-tarjeta li {
  color: #ffffff;
  font-size: 17px;
  line-height: 1.65;
}

.capellania-tarjeta ul {
  margin: 0;
  padding-left: 22px;
}

.capellania-tarjeta li {
  margin-bottom: 8px;
}

.capellania-botones {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.boton-capellania {
  display: inline-block;
  padding: 15px 29px;
  border: 2px solid #f4c542;
  border-radius: 9px;
  background: #f4c542;
  color: #061629;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  transition:
    transform 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}

.boton-capellania:hover {
  transform: translateY(-3px);
  background: transparent;
  color: #f4c542;
}

.boton-whatsapp {
  background: transparent;
  color: #f4c542;
}

.boton-whatsapp:hover {
  background: #f4c542;
  color: #061629;
}

.capellania-aviso {
  max-width: 900px;
  margin: 35px auto 0;
  padding: 18px;
  border-left: 4px solid #f4c542;
  background: rgba(0, 0, 0, 0.22);
  color: #e6e6e6;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
}

@media (max-width: 768px) {
  .capellania-seccion {
    padding: 55px 16px;
  }

  .capellania-grid {
    grid-template-columns: 1fr;
  }

  .capellania-tarjeta {
    padding: 24px 20px;
  }

  .capellania-introduccion {
    font-size: 17px;
  }

  .boton-capellania {
    width: 100%;
    max-width: 340px;
    text-align: center;
  }
}

/* =========================================
   VERIFICACIÓN DE CREDENCIALES MAIER
========================================= */

.credenciales-pagina {
  margin: 0;
  background: #061629;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}

.credenciales-pagina *,
.credenciales-pagina *::before,
.credenciales-pagina *::after {
  box-sizing: border-box;
}

.cred-contenedor {
  width: min(1100px, calc(100% - 34px));
  margin: 0 auto;
}

/* Encabezado */

.cred-header {
  background: #04111f;
  border-bottom: 1px solid rgba(244, 197, 66, 0.45);
}

.cred-header-contenido {
  width: min(1100px, calc(100% - 34px));
  min-height: 78px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}

.cred-marca {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #f4c542;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 2px;
  text-decoration: none;
}

.cred-logo {
  width: 58px;
  height: 58px;
  object-fit: contain;
}

.cred-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.cred-nav a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.cred-nav a:hover {
  color: #f4c542;
}

/* Sección principal */

.cred-hero {
  min-height: 650px;
  padding: 85px 0;
  background:
    radial-gradient(
      circle at top,
      rgba(244, 197, 66, 0.14),
      transparent 38%
    ),
    linear-gradient(135deg, #061629, #0b2d47);
  text-align: center;
}

.cred-etiqueta {
  display: inline-block;
  margin: 0 0 20px;
  padding: 8px 18px;
  border: 1px solid #f4c542;
  border-radius: 30px;
  color: #f4c542;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.5px;
}

.cred-hero h1 {
  margin: 0;
  color: #f4c542;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 6vw, 62px);
  line-height: 1.1;
}

.cred-introduccion {
  max-width: 760px;
  margin: 22px auto 35px;
  color: #eef2f5;
  font-size: 19px;
  line-height: 1.7;
}

/* Buscador */

.cred-buscador {
  max-width: 620px;
  margin: 0 auto;
  padding: 30px;
  border: 1px solid rgba(244, 197, 66, 0.42);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.3);
  text-align: left;
}

.cred-buscador label {
  display: block;
  margin-bottom: 10px;
  color: #ffffff;
  font-weight: 800;
}

.cred-buscador input {
  width: 100%;
  padding: 16px;
  border: 2px solid transparent;
  border-radius: 9px;
  background: #ffffff;
  color: #061629;
  font-size: 18px;
  outline: none;
}

.cred-buscador input:focus {
  border-color: #f4c542;
}

.cred-buscador button {
  width: 100%;
  margin-top: 14px;
  padding: 16px 22px;
  border: 2px solid #f4c542;
  border-radius: 9px;
  background: #f4c542;
  color: #061629;
  font-size: 17px;
  font-weight: 900;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}

.cred-buscador button:hover {
  transform: translateY(-2px);
  background: transparent;
  color: #f4c542;
}

/* Resultado */

.cred-resultado {
  max-width: 760px;
  margin: 30px auto 0;
  text-align: left;
}

.cred-ficha {
  padding: 30px;
  border: 2px solid #f4c542;
  border-radius: 18px;
  background: #ffffff;
  color: #061629;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}

.cred-ficha-encabezado {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9dde1;
}

.cred-organizacion {
  color: #735b0c;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1px;
}

.cred-ficha h2 {
  margin: 8px 0 0;
  color: #061629;
  font-size: 29px;
}

.cred-estado {
  display: inline-block;
  padding: 9px 15px;
  border-radius: 30px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1px;
}

.cred-estado-activa {
  background: #147a3d;
}

.cred-estado-vencida {
  background: #a62121;
}

.cred-datos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px 25px;
  margin-top: 20px;
}

.cred-datos p {
  margin: 8px 0;
  line-height: 1.5;
}

.cred-validacion {
  margin: 24px 0 0;
  padding: 15px;
  border-left: 5px solid #147a3d;
  background: #edf8f1;
  color: #105d30;
  font-weight: 800;
}

.cred-nota-legal {
  margin: 17px 0 0;
  color: #4c5359;
  font-size: 13px;
  line-height: 1.55;
}

.cred-mensaje {
  padding: 25px;
  border-radius: 14px;
  background: #ffffff;
  color: #061629;
}

.cred-mensaje h3 {
  margin-top: 0;
}

.cred-mensaje-error {
  border-left: 6px solid #a62121;
}

/* Información inferior */

.cred-informacion {
  padding: 65px 0;
  background: #ffffff;
  color: #061629;
  text-align: center;
}

.cred-informacion h2 {
  color: #735b0c;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
}

.cred-informacion p {
  max-width: 820px;
  margin: 16px auto;
  font-size: 17px;
  line-height: 1.7;
}

.cred-informacion a {
  color: #735b0c;
  font-weight: 900;
}

.cred-advertencia {
  padding: 18px;
  border: 1px solid #d8b02f;
  background: #fff9e7;
}

.cred-footer {
  padding: 25px 18px;
  background: #04111f;
  color: #d6dce2;
  text-align: center;
  font-size: 14px;
}

/* Diseño para teléfonos */

@media (max-width: 700px) {
  .cred-header-contenido {
    padding: 18px 0;
    flex-direction: column;
  }

  .cred-nav {
    justify-content: center;
  }

  .cred-hero {
    padding: 60px 0;
  }

  .cred-buscador {
    padding: 22px 18px;
  }

  .cred-ficha-encabezado {
    flex-direction: column;
  }

  .cred-datos {
    grid-template-columns: 1fr;
  }

  .cred-logo {
    width: 52px;
    height: 52px;
  }
}

/* ==============================
   TRANSMISIÓN EN VIVO MAIER
============================== */

.live-section {
  padding-top: clamp(3rem, 6vw, 5rem);
  padding-bottom: clamp(3rem, 6vw, 5rem);
  background:
    radial-gradient(circle at 10% 15%, rgba(212, 175, 55, 0.13), transparent 32%),
    linear-gradient(135deg, #071426, #050505);
  border-top: 1px solid rgba(212, 175, 55, 0.25);
  border-bottom: 1px solid rgba(212, 175, 55, 0.25);
}

.live-section .section-title {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.live-section .section-title h2 {
  margin: 8px 0 12px;
  color: #ffffff;
  font-size: clamp(36px, 5vw, 54px);
}

.live-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.4rem;
  max-width: 1100px;
  margin: 2rem auto 0;
}

.live-card {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
  min-height: 250px;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border: 1px solid rgba(212, 175, 55, 0.4);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(18, 29, 47, 0.98), rgba(5, 5, 5, 0.98));
  color: #ffffff;
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.32);
}

.live-card-facebook {
  border-color: rgba(24, 119, 242, 0.55);
}

.live-platform-icon {
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: #ff0033;
  color: #ffffff;
  font-size: 28px;
  font-weight: 900;
  box-shadow: 0 10px 28px rgba(255, 0, 51, 0.25);
}

.live-card-facebook .live-platform-icon {
  background: #1877f2;
  font-family: Arial, sans-serif;
  font-size: 42px;
  box-shadow: 0 10px 28px rgba(24, 119, 242, 0.25);
}

.live-card-content {
  display: flex;
  min-width: 0;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
}

.live-status {
  margin: 0 0 6px;
  color: #d4af37;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.13em;
}

.live-card h3 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: clamp(26px, 3vw, 34px);
}

.live-card p:not(.live-status) {
  margin: 0 0 1.35rem;
  color: #ddd5c9;
  line-height: 1.6;
}

.live-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  padding: 0.95rem 1.35rem;
  border-radius: 10px;
  background: #d4af37;
  color: #08101d;
  text-decoration: none;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.02em;
  box-shadow: 0 8px 22px rgba(212, 175, 55, 0.22);
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.live-button:hover,
.live-button:focus-visible {
  transform: translateY(-2px);
  background: #f2cf5b;
}

.facebook-button {
  background: #1877f2;
  color: #ffffff;
  box-shadow: 0 8px 22px rgba(24, 119, 242, 0.24);
}

.facebook-button:hover,
.facebook-button:focus-visible {
  background: #3490ff;
}

.live-note {
  max-width: 820px;
  margin: 1.4rem auto 0;
  color: #c9c0b3;
  text-align: center;
  font-size: 14px;
}

@media (max-width: 800px) {
  .live-grid {
    grid-template-columns: 1fr;
  }

  .live-card {
    min-height: 0;
  }
}

@media (max-width: 520px) {
  .live-card {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .live-platform-icon {
    margin: 0 auto;
  }

  .live-card-content {
    align-items: center;
  }

  .live-button {
    width: 100%;
  }
}

/* ===== MAIER EN FACEBOOK ===== */

.facebook-section {
  padding: 55px 20px;
  background: #080808;
  color: #ffffff;
  text-align: center;
  border-top: 1px solid rgba(212, 175, 55, 0.35);
  border-bottom: 1px solid rgba(212, 175, 55, 0.35);
}

.facebook-section .section-title {
  max-width: 750px;
  margin: 0 auto 28px;
}

.facebook-section .section-title h2 {
  margin: 8px 0 12px;
  font-size: clamp(28px, 4vw, 42px);
  color: #ffffff;
}

.facebook-section .section-title p {
  line-height: 1.6;
}

.facebook-section .kicker {
  color: #d4af37;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.facebook-responsive {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 14px;
  background: #ffffff;
}

.facebook-responsive iframe {
  display: block;
  width: 100%;
  max-width: 500px;
  min-height: 650px;
  border: 0;
}

.facebook-actions {
  margin-top: 25px;
  text-align: center;
}

.facebook-button {
  display: inline-block;
  padding: 14px 26px;
  background: #1877f2;
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  border-radius: 8px;
}

.facebook-button:hover {
  background: #0f5dc7;
  transform: translateY(-2px);
}

@media (max-width: 560px) {
  .facebook-section {
    padding: 40px 12px;
  }

  .facebook-responsive {
    max-width: 100%;
  }

  .facebook-responsive iframe {
    width: 100%;
    min-height: 600px;
  }
}

/* Métodos de donación */
.donation-methods {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 1rem;
}

.paypal {
  display: flex;
  min-width: 220px;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
  border: 1px solid var(--border);
  border-radius: 1.5rem;
  background: linear-gradient(145deg, #003087, #009cde);
  color: #ffffff;
  text-decoration: none;
  box-shadow: 0 18px 45px rgba(0, 48, 135, .24);
  transition: transform .2s ease, filter .2s ease;
}

.paypal:hover {
  transform: translateY(-3px);
  filter: brightness(1.08);
}

.paypal span {
  font-weight: 700;
}

.paypal strong {
  margin-top: .35rem;
  font-size: 1.45rem;
}

@media (max-width: 900px) {
  .donation-methods {
    justify-content: flex-start;
  }
}


/* Acciones del estudio de la semana */
.study-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  margin-top: 2rem;
  align-items: center;
}

.study-like,
.study-share {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .7rem 1rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--cream);
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}

.study-like {
  background: transparent;
}

.study-like:hover,
.study-like.is-liked {
  background: #a31d3d;
  border-color: #d94065;
}

.study-like span {
  margin-right: .4rem;
  font-size: 1.25rem;
}

.study-share-facebook {
  background: #1877f2;
  border-color: #1877f2;
}

.study-share-whatsapp {
  background: #25d366;
  border-color: #25d366;
  color: #062b14;
}

.study-share-copy {
  background: rgba(255,255,255,.08);
}

.study-share:hover,
.study-like:hover {
  transform: translateY(-2px);
}


/* MENÚ COMPACTO PARA TABLETAS Y PANTALLAS MEDIANAS */
@media (max-width: 1400px) {
  .topbar {
    position: sticky !important;
    overflow: visible !important;
  }

  .menu-btn {
    display: block !important;
    flex: 0 0 auto;
    padding: .35rem .55rem;
    border-radius: 10px;
    cursor: pointer;
  }

  .nav {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 20px !important;
    left: auto !important;
    width: min(320px, calc(100vw - 40px)) !important;
    max-height: min(70vh, 480px);
    margin: 0 !important;
    padding: .65rem !important;
    flex: none !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .2rem !important;
    overflow-y: auto;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: rgba(0, 0, 0, .97);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .55);
    backdrop-filter: blur(14px);
  }

  .nav.open {
    display: flex !important;
  }

  .nav a {
    width: 100%;
    padding: .72rem .9rem;
    border-radius: 10px;
    font-size: .98rem !important;
    line-height: 1.2 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .nav a:hover,
  .nav a:focus-visible {
    color: var(--gold2);
    background: rgba(216, 165, 29, .12);
    outline: none;
  }
}

@media (max-width: 560px) {
  .topbar {
    padding: 10px 14px !important;
  }

  .brand {
    max-width: calc(100% - 58px) !important;
  }

  .brand img {
    width: 52px !important;
    height: 52px !important;
  }

  .brand strong {
    font-size: clamp(1.25rem, 6vw, 1.7rem) !important;
    white-space: normal !important;
  }

  .brand span {
    font-size: .82rem !important;
    white-space: normal !important;
  }

  .nav {
    right: 12px !important;
    width: min(300px, calc(100vw - 24px)) !important;
  }
}