/* Páginas de Asociación: mantenemos el estilo del resto de cursos/subpáginas */
@import url('curso-especialista.css');

.subpage .page-wrap{
  width: min(1180px, calc(100% - 2rem));
  margin: 0 auto;
  /* Deja espacio suficiente para que el footer fijo no tape el contenido */
  padding: 18px 0 calc(var(--footer-h) + 48px);
}

.page-title{
  margin: 18px 0 6px;
}

.page-lead{
  margin: 0 0 14px;
  opacity: 0.92;
}

/* Acordeones (desplegables) */
.accordion details{
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(0,64,159,0.03);
}
.accordion summary{
  cursor: pointer;
  padding: 12px 14px;
  font-weight: 600;
  color: var(--primary);
  list-style: none;
}
.accordion summary::-webkit-details-marker{ display:none; }
.accordion details[open] summary{
  border-bottom: 1px solid rgba(0,0,0,0.10);
  background: rgba(0,64,159,0.05);
}

.accordion ul{
  padding-left: 1.2rem;
  margin-left: 0.4rem;
}

/* Junta directiva */
.board{
  display: grid;
  gap: 10px;
  /* Sangría extra para mejorar lectura */
  padding-left: 1.8rem;
  margin-left: 0.2rem;
}
.board li{
  margin: 0.35rem 0;
}

/* ===== Ajustes v9 ===== */

/* Evitar que el H1 quede detrás del header fijo */
.subpage .page-wrap{
  padding-top: calc(var(--header-h) + 44px);
  display: flex;
  flex-direction: column;
  gap: 18px; /* espacio entre bloques */
}

/* Hero imagen en páginas de Asociación */
.assoc-hero{
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.20);
  box-shadow: 0 18px 54px rgba(0,0,0,0.22);
}
.assoc-hero img{
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
}
@media (min-width: 900px){
  .assoc-hero img{ height: 320px; }
}

/* Título/lead con separación limpia */
.page-title{ margin: 0; }
.page-lead{ margin: 0; }

/* Acordeones: más aire y sangrías */
.accordion details{ margin-top: 10px; }
.accordion details + details{ margin-top: 14px; }

.accordion details > ul,
.accordion details > div{
  padding: 14px 18px 16px 18px !important;
}

.accordion ul{
  padding-left: 1.4rem;
  margin: 0;
}

.accordion li{
  margin: 8px 0;
  line-height: 1.75;
}

.accordion ul ul{
  margin-top: 8px;
  padding-left: 1.3rem;
}


/* Ajuste específico: más sangría en beneficios */
.benefits-list{
  padding-left: 2.3rem !important;
  margin-left: 0.6rem !important;
}
.benefits-list li{
  padding-left: 0.1rem;
}

/* Nuestras jornadas */
.jornadas-logos{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:2rem;
  margin:1.25rem 0 0.5rem;
}
.jornadas-logos img{
  display:block;
  max-height:92px;
  width:auto;
  object-fit:contain;
}
.jornadas-poster,
.jornadas-photo img,
.jornadas-video{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,0.08);
  box-shadow:0 12px 32px rgba(0,0,0,0.10);
  background:#fff;
}
.jornadas-poster img{
  display:block;
  width:100%;
  height:auto;
}
.jornadas-media-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  margin:18px 0;
}
@media (min-width: 900px){
  .jornadas-media-grid{
    grid-template-columns:minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items:stretch;
  }
}
.jornadas-media-card{
  padding:14px;
}
.jornadas-photo,
.jornadas-video-wrap{
  margin:0;
  height:100%;
}
.jornadas-photo img,
.jornadas-video{
  display:block;
  width:100%;
  height:100%;
  min-height:260px;
  max-height:420px;
  object-fit:cover;
}
.jornadas-video-wrap{
  display:flex;
  height:100%;
}
.jornadas-announcement{
  text-align:center;
  padding:22px 20px;
  background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(243,248,246,0.96));
}
.status-dot{
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#31b057;
  margin-right:8px;
  vertical-align:middle;
}
.jornadas-note{
  margin:0.24rem 0;
  font-size:1.14rem;
  font-weight:600;
}
.jornadas-note--strong{
  font-size:1.34rem;
  font-weight:700;
  letter-spacing:0.03em;
}
.jornadas-note--secondary{
  font-size:1.08rem;
  letter-spacing:0.02em;
}

.revista-link a{
  font-weight: 600;
  word-break: break-word;
}


/* Documentos e Información */
.docs-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(250px,1fr));
  gap:18px;
}
.doc-card{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-height:100%;
}
.doc-card h2{
  margin:0;
}
.doc-card p{
  margin:0;
  flex:1;
}
.doc-icon{
  width:max-content;
  padding:0.38rem 0.75rem;
  border-radius:999px;
  background:rgba(0,64,159,0.10);
  color:var(--primary);
  font-weight:700;
  letter-spacing:0.08em;
  font-size:0.78rem;
}
.doc-icon--word{
  background:rgba(178,34,34,0.10);
  color:#8b2c2c;
}
.doc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:0.88rem 1rem;
  border-radius:14px;
  border:1px solid rgba(0,0,0,0.10);
  background:rgba(0,64,159,0.08);
  color:var(--primary);
  font-weight:600;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.doc-btn:hover{
  transform:translateY(-2px);
  background:rgba(0,64,159,0.13);
  box-shadow:0 10px 26px rgba(0,0,0,0.10);
}

/* Ajustes visuales jornadas */
.jornadas-media-grid{align-items:stretch;}
.jornadas-media-card{display:flex;flex-direction:column;}
.jornadas-photo,.jornadas-video-wrap{height:100%;}
.jornadas-photo img,.jornadas-video{width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:18px;display:block;}
.jornadas-announcement{text-align:center;padding:1.15rem 1.25rem;}
.jornadas-note--banner{font-size:1.28rem;line-height:1.25;font-weight:800;letter-spacing:0.01em;margin:0;}
.jornadas-note--banner .status-dot{vertical-align:middle;margin-right:10px;}
@media (max-width: 900px){.jornadas-photo img,.jornadas-video{min-height:240px;}.jornadas-note--banner{font-size:1.08rem;}}