/* ===== Seminarios (maquetación) ===== */
:root {
  --main-color: #5ba0d0;
}
.seminarios-hero { background: #f7f9fc; }
.seminarios-hero h1 { font-weight: 700; }
.link-ver-todos { text-decoration: none; font-weight: 600; }

.seminarios-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(356px, 1fr));
  gap: 1.25rem;
}

/* Personalización de los botones de navegación */
.carousel-control-prev,
.carousel-control-next {
  width: 50px;
  height: 50px;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5); /* fondo oscuro con transparencia */
  border-radius: 50%;
  transition: background-color 0.3s ease;
  opacity: 0.8;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 1;
}

/* Íconos */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-size: 60% 60%;
  filter: invert(1); /* hace el ícono blanco */
}

/* Posición fuera del área de imagen */
.carousel-control-prev {
  left: -25px;
}

.carousel-control-next {
  right: -25px;
}

/* Opcional: esconder en móviles */
@media (max-width: 768px) {
  .carousel-control-prev,
  .carousel-control-next {
    display: none;
  }
}


.seminario-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
  display: flex;
  flex-direction: column;
  transition: transform .25s ease, box-shadow .25s ease;
}
.seminario-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(0,0,0,.10);
}
.seminario-card .seminario-thumb { display:block; aspect-ratio: 16/9; background:#eee; }
.seminario-card .seminario-thumb img {
  width: 100%; height: 100%; object-fit: cover; display:block;
}
.seminario-card .seminario-body { padding: 1rem 1rem 1.1rem; display:flex; flex-direction:column; gap:.5rem; }
.seminario-card .seminario-title { font-size:1.05rem; margin:0; }
.seminario-card .seminario-title a { color:#111; text-decoration:none; }
.seminario-card .seminario-title a:hover { text-decoration:underline; }
.seminario-card .seminario-resumen { margin:0; color:#555; font-size:.95rem; text-align: justify; }
.seminario-card .seminario-meta {
  display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-top:.5rem;
}
.seminario-card .fecha { color:#666; font-size:.9rem; display:flex; align-items:center; gap:.4rem; }
.seminario-card--past { opacity:.95; }
.seminario-card--past .seminario-thumb img { filter: grayscale(12%); }

.seminarios-divider .divider-bg {
  position: relative;
  min-height: 220px;
  background-size: cover;
  background-position: center;
}
.seminarios-divider .divider-overlay {
  position:absolute; inset:0; background: linear-gradient(transparent, rgba(0,0,0,.45));
  display:flex; align-items:flex-end; padding: 2rem 0;
}
.seminarios-divider .divider-phrase {
  color:#fff; font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600; margin:0;
}

.seminarios-inscribete { background:#f9fbff; }
.seminarios-form .form-label { font-weight:600; font-size:.9rem; }
.seminarios-form .form-control { border-radius: 10px; }
.seminarios-form .btn { border-radius: 999px; }

.seminario-hero .hero-bg {
  position:relative; min-height: 320px; background-size:cover; background-position:center;
}
.seminario-hero .hero-overlay {
  position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,.55) 100%);
  display:flex; align-items:flex-end;
}
.seminario-hero .hero-overlay .container { color:#fff; padding: 2.5rem 0; }
.seminario-content .lead { font-weight:500; }
.seminario-sidebar { border-radius:14px; }

.eyebrow{
  font-size:.8rem; letter-spacing:.08em; text-transform:uppercase;
  color:var(--bs-primary, #007bff); font-weight:700;
}
.subhead{ color:#6c757d; font-size:.95rem; }
.kicker-badge{
  display:inline-block; font-size:.75rem; font-weight:700; text-transform:uppercase;
  background:rgba(0,123,255,.1); color:var(--main-color, #0d6efd); border:1px solid rgba(0,123,255,.25);
  padding:.25rem .5rem; border-radius:999px; margin-bottom:.35rem;
}
.link-ver-todos{ font-weight:600; text-decoration:none; }
.link-ver-todos:hover{ text-decoration:underline; }

.text-primary {color:var(--main-color, #0d6efd)!important}
.btn-primary {
    color: #fff;
    background-color: var(--main-color, #0d6efd);
    border-color: var(--main-color, #0d6efd);
}
.btn-primary:hover {
    color: var(--main-color, #0d6efd);
    background-color: white;
    border-color: var(--main-color, #0d6efd);
}

.btn-outline-primary{
	 color: var(--main-color, #0d6efd);
	 border-color: var(--main-color, #0d6efd);
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{
	background-color: var(--main-color, #0d6efd);
	border-color: var(--main-color, #0d6efd);
}

.btn-outline-primary:hover {
    background-color: var(--main-color, #0d6efd);
	border-color: var(--main-color, #0d6efd);
}
/* Contenedor con fondo suave */
.inscribete-wrap {
  background: radial-gradient(1000px 600px at 20% -10%, rgba(255, 255, 255, 0.07), transparent 60%), radial-gradient(800px 500px at 110% 10%, rgba(91, 160, 208, 0.15), transparent 55%), linear-gradient(to bottom, #00196Ebb 0%, #5ba0d0 100%);
  color: white;
  border-radius: 15px;
  padding: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 30px rgba(0, 25, 110, 0.3);
  transition: all 0.3s ease;
}

.inscribete-wrap:hover {
  box-shadow: 0 14px 40px rgba(0, 25, 110, 0.4);
  transform: translateY(-4px);
}


.inscribete-wrap h2,
.inscribete-wrap h3 {
  color: #ffffff;
}

.inscribete-wrap p {
  color: #e6f0ff;
}

/* Tarjeta del form */
.form-card{
  background:#fff; border-radius:18px; padding:1.25rem;
}
@media(min-width:768px){ .form-card{ padding:1.75rem; } }

/* Eyebrow y lead */
.eyebrow{ font-size:.8rem; letter-spacing:.08em; text-transform:uppercase; color:var(--main-color, #0d6efd); font-weight:700; }
.lead{ color:#4a5568; }

/* Lista de beneficios */
.mini-benefits{ display:flex; gap:1rem; padding:0; margin:0; list-style:none; flex-wrap:wrap; }
.mini-benefits li{ display:flex; align-items:center; gap:.45rem; color:#334155; background:#fff; border:1px solid rgba(0,0,0,.06); padding:.4rem .7rem; border-radius:999px; box-shadow:0 2px 6px rgba(0,0,0,.05); }
.mini-benefits i{ color:var(--main-color, #0d6efd); }

/* Inputs con icono */
.input-icon{ position:relative; }
.input-icon > i{
  position:absolute; left:12px; top:50%; transform:translateY(-50%);
  color:#9aa4b2; pointer-events:none; font-size:.95rem;
}
.input-icon .form-control{ padding-left:2.25rem; }

/* Enfoque y confort visual */
.form-control{
  border-radius:12px; border:1px solid #e2e8f0; background:#fff;
}
.form-control:focus{
  border-color:var(--main-color, #0d6efd);
  box-shadow: 0 0 0 .2rem rgba(13,110,253,.15);
}

/* Checkbox un poco más visible */
.form-check-input{
  width:1.1rem; height:1.1rem; margin-top:.2rem;
  border-radius:.25rem; border:1px solid #cbd5e1;
}
.form-check-input:checked{
  background-color:var(--main-color, #0d6efd);
  border-color:var(--main-color, #0d6efd);
}

/* Botón principal */
.btn-cta{
  border-radius:999px;
  box-shadow:0 8px 18px rgba(13,110,253,.25);
  transition:transform .15s ease, box-shadow .2s ease;
}
.btn-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(13,110,253,.28);
}

/* Nota de privacidad */
.form-disclaimer{ color:#6b7280; }

/* Título grande, respetando Bootstrap 4 */
.display-6{ font-size:clamp(1.6rem, 3.6vw, 2.25rem); font-weight:700; line-height:1.2; }

.adjuntos-card{ border:1px solid #eef2f7; border-radius:14px; background:#fff; padding:12px; }
.adjuntos-scroll{ max-height:380px; overflow:auto; }
@media (max-width: 991.98px){
  .adjuntos-scroll{ max-height:none; }
}


/* Indicador de zoom sobre cada imagen */
.lightbox-link{ position:relative; display:block; }
.zoom-hint{
  position:absolute; right:10px; bottom:10px;
  width:34px; height:34px; border-radius:999px;
  background:rgba(0,0,0,.55); color:#fff;
  display:grid; place-items:center; font-size:.95rem;
  transition:opacity .15s ease; opacity:.9;
}
.lightbox-link:hover .zoom-hint{ opacity:1; }

/* Ajustes del modal */
#lightboxModal .modal-content{ background:#000; }
#lightboxModal .modal-body{ background:#000; }
#lightboxModal .modal-footer{ background:#000; }
.lightbox-link{ position:relative; display:block; cursor: zoom-in; }
.zoom-hint{
  position:absolute; right:10px; bottom:10px;
  width:34px; height:34px; border-radius:999px;
  background:rgba(0,0,0,.55); color:#fff;
  display:grid; place-items:center; font-size:.95rem;
  transition:opacity .15s ease; opacity:.9;
}
.lightbox-link:hover .zoom-hint{ opacity:1; }

/* Tarjeta clickleable y descripción */
.prox-card { position: relative; }
.prox-card .desc { color:#475569; font-size:.95rem; line-height:1.5; }
.prox-card .link { color:#0d6efd; }           /* o tu color primario */
.prox-card .link i { transition: transform .15s ease; }
.prox-card:hover .link i { transform: translateX(3px); }

/* (Opcional) realce al hover */
.prox-card:hover { box-shadow:0 10px 24px rgba(0,0,0,.09); transform: translateY(-2px); transition: .15s; }
.seminario-mainimg img{
  aspect-ratio: 16 / 9;     /* mantiene proporción */
  object-fit: cover;        /* recorte elegante */
}