:root{
  --brand:#00e5db;--bg:#0b1516;--fg:#eaf9f7;--muted:#9ccac5;
  --card:#0f1f21;--border:#153739;--overlayDark:#000000cc;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 'Inter',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial}
a{color:var(--brand);text-decoration:none}
img{display:block;max-width:100%}

.container{max-width:1200px;margin:0 auto;padding:0 16px}

.site-header{position:sticky;top:0;z-index:50;background:#0a1718cc;backdrop-filter:saturate(120%) blur(6px);border-bottom:1px solid #082326}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.nav{display:flex;flex-wrap:wrap;gap:10px}
.nav a{padding:8px 12px;border-radius:10px;font-weight:700}
.nav a:hover{background:#0f2f31;color:#fff}

.hero{position:relative}
.carousel{position:relative;overflow:hidden;max-height:560px}
.slides{display:flex;transition:transform .6s ease}
.slide{min-width:100%;position:relative}
.slide img{width:100%;height:520px;object-fit:cover;object-position:center 18%}
.overlay{position:absolute;left:0;right:0;bottom:0;padding:56px 24px 22px;background:linear-gradient(180deg,transparent 0%,#0008 70%,var(--overlayDark) 100%)}
.badge{display:inline-block;background:var(--brand);color:#002b28;font:800 15px/1 system-ui;padding:6px 12px;border-radius:14px}
.overlay h2{margin:8px 0 4px;font-weight:800;font-size:clamp(22px,3vw,34px)}
.overlay p{margin:0 0 8px;color:#d0f0ec}
.pillbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#0f2f31;color:#eaf9f7;border:1px solid #1d5f63;font-size:13px}
.c-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0007;border:none;color:#fff;font-size:28px;padding:8px 12px;border-radius:10px;cursor:pointer;z-index:3}
.c-btn.prev{left:10px}.c-btn.next{right:10px}
.dots{position:absolute;left:0;right:0;bottom:12px;display:flex;gap:6px;justify-content:center;z-index:2}
.dots button{width:10px;height:10px;border-radius:50%;border:none;background:#ffffff66}
.dots button[aria-current="true"]{background:var(--brand)}

.strip{background:#03292c;border-block:1px solid #073a3e}
.strip-inner{display:flex;gap:8px;align-items:center;justify-content:center;padding:10px 6px;color:#bff7f3}

.container.section{padding:34px 16px}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.card img{width:100%;height:180px;object-fit:cover}
.card-body{padding:12px}
.card h4{margin:0 0 6px;font-size:16px;font-weight:700;color:#b7fff9}
.card p{margin:0;color:var(--muted);font-size:14px}
.card:hover{transform:translateY(-6px);box-shadow:0 10px 20px #0009;border-color:#1f6b6f}

.site-footer{border-top:1px solid #073a3e;margin-top:40px}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 2fr;gap:16px;padding:26px 0}
.copy{text-align:center;color:#7fded7;padding:10px 0;border-top:1px solid #073a3e}

.whatsapp-fab{position:fixed;bottom:22px;right:22px;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(0,0,0,.35);z-index:999;transition:all .25s ease}
.whatsapp-fab:hover{transform:scale(1.07);box-shadow:0 12px 25px rgba(0,0,0,.45)}
.whatsapp-fab img{width:34px;height:34px}

@media(max-width:900px){.slide img{height:480px;object-position:center 22%}.overlay{padding:44px 16px 18px}}
@media(max-width:600px){.slide img{height:420px;object-position:center 24%}.overlay h2{font-size:20px}}

/* ---- Cursos page ---- */
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:18px 0}
.search{flex:1;min-width:220px;position:relative}
.search input{width:100%;padding:10px 12px 10px 36px;border-radius:10px;border:1px solid #1d5f63;background:#0e2325;color:#eaf9f7;outline:none}
.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.7}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:8px 12px;border:1px solid #1d5f63;border-radius:999px;background:#0f2f31;cursor:pointer;font-size:13px}
.chip[aria-checked="true"]{background:#134346}
.sort{border:1px solid #1d5f63;background:#0e2325;color:#eaf9f7;border-radius:10px;padding:8px 10px}
.badge-type{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid #1d5f63;background:#0e2325;color:#9debe4;font-size:12px;margin-left:6px}
.card .meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px}

/* ==== Header con buscador, botón Menú y redes ==== */
.header-inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  height:74px;
  gap:16px;
}
.brand img{height:44px;display:block}
.site-search{
  display:flex;align-items:center;gap:8px;
  background:#0b2324;border:1px solid #124547;border-radius:12px;
  padding:8px 10px;
}
.site-search input{
  all:unset;color:#e7fffb;width:100%;
}
.header-right{display:flex;align-items:center;gap:12px}
.socials a{
  color:var(--brand);opacity:.9;display:inline-grid;place-items:center;
  width:34px;height:34px;border-radius:50%;
  background:#0b2324;border:1px solid #124547;
}
.socials a:hover{opacity:1;transform:translateY(-1px)}
.menu-btn{
  background:var(--brand);color:#00302d;font-weight:800;border:0;
  padding:8px 14px;border-radius:10px;cursor:pointer;
}

/* Nav centrado (se oculta en pantallas chicas si querés solo la persiana) */
@media (max-width: 1100px){
  .nav{display:none}
}

/* ===== Offcanvas (persiana) ===== */
.offcanvas{
  position:fixed;top:0;right:0;bottom:0;width:min(340px,90vw);
  background:#081e1f;border-left:1px solid #103033;
  transform:translateX(100%);transition:transform .2s ease;
  z-index:1100;display:flex;flex-direction:column;
}
.offcanvas.open{transform:translateX(0)}
.offcanvas-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px;border-bottom:1px solid #103033;color:var(--text)
}
.offcanvas-close{
  background:transparent;border:0;color:var(--brand);font-size:28px;cursor:pointer
}
.offcanvas-nav{
  display:flex;flex-direction:column;padding:10px 14px;gap:8px
}
.offcanvas-nav a{
  color:#dff7f2;font-weight:700;background:#0b2324;border:1px solid #124547;
  padding:10px 12px;border-radius:10px
}
.offcanvas-socials{
  margin-top:auto;display:flex;gap:10px;padding:14px;border-top:1px solid #103033
}
.backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(1px);
  z-index:1095
}
.no-scroll{overflow:hidden}

/* ====== AX Topbar ====== */
:root{
  --ax-bg:#071819; --ax-bg-2:#0c2324;
  --ax-brand:#00e6d7; --ax-text:#e9fffb; --ax-line:#10cbbf;
}

.ax-container{max-width:1200px;margin:auto;padding:0 18px}

/* barra superior */
.ax-topbar{
  position:sticky;top:0;z-index:1000;
  background:rgba(7,24,25,.96);
  border-bottom:2px solid rgba(0,230,215,.18);
  backdrop-filter:saturate(130%) blur(8px);
}
.ax-topbar__inner{
  height:74px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;
}

/* logo */
.ax-brand img{height:44px;display:block}

/* buscador */
.ax-search{
  display:flex;align-items:center;gap:8px;
  background:#0b2324;border:1px solid #124547;border-radius:12px;padding:8px 10px;
}
.ax-search input{
  all:unset;color:var(--ax-text);width:100%;
}
.ax-search__btn{
  background:var(--ax-brand);border:0;border-radius:10px;
  padding:6px 12px;color:#00302d;font-weight:800;cursor:pointer;
}

/* botón menú */
.ax-menuBtn{
  background:var(--ax-brand);color:#00302d;font-weight:800;border:0;
  padding:8px 14px;border-radius:10px;cursor:pointer;
}

/* MENÚ horizontal colapsable (persiana que baja) */
.ax-mainNav{
  overflow:hidden;max-height:0;opacity:0;transform:translateY(-8px);
  transition:max-height .28s ease, opacity .18s ease, transform .28s ease;
  background:var(--ax-bg-2);border-bottom:1px solid #103033;
}
.ax-mainNav.is-open{
  max-height:120px; /* suficiente para una fila */
  opacity:1;transform:translateY(0);
}
.ax-mainNav__list{
  display:flex;gap:clamp(14px,3vw,42px);
  align-items:center;justify-content:center;
  padding:12px 18px;margin:0;list-style:none;flex-wrap:wrap;
}
.ax-mainNav__list a{
  color:var(--ax-brand);font-weight:800;position:relative;padding:6px 2px;
}
.ax-mainNav__list a::after{
  content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;width:0;background:var(--ax-brand);border-radius:3px;transition:width .22s ease;
}
.ax-mainNav__list a:hover::after,
.ax-mainNav__list a[aria-current="page"]::after{width:100%}

/* Responsive: si querés que el menú quede siempre visible en desktop, descomentá estas 3 líneas */
/*
@media (min-width: 1100px){
  .ax-mainNav{max-height:120px;opacity:1;transform:none}
}
*/

/* Thumbnails estables (evitan blink) */
.card .thumb{
  height: 180px;              /* Ajustá a tu gusto (160–220px) */
  background: #0f2222 center/cover no-repeat;
  width: 100%;
}
@media (min-width: 1100px){
  .card .thumb{ height: 200px; }
}

/* evita reflujo al ocultar/mostrar */
.card.is-hidden{ display:none !important; }

/* thumbnail estable (sin parpadeo) */
.card .thumb{
  width:100%;
  height:200px;                 /* ajusta a gusto */
  background:#0f2222 center/cover no-repeat;
  border-radius:14px 14px 0 0;
}
@media (max-width: 1100px){
  .card .thumb{ height:180px; }
}


/* Evita parpadeo al mostrar/ocultar */
.card.is-hidden { display: none !important; }

/* Thumbnails estables como fondo (no reflow, no blink) */
.card .thumb{
  width: 100%;
  height: 200px;                   /* ajusta a gusto */
  background: #0f2222 center/cover no-repeat;
  border-radius: 14px 14px 0 0;
}
@media (max-width: 1100px){
  .card .thumb{ height: 180px; }
}

/* Botón "Cargar más" centrado */
.ax-loadmore { display:flex; justify-content:center; margin-top: 12px; }
.ax-loadmore .btn{ padding:10px 16px; border-radius:999px; }

/* FAB WhatsApp + menú */
.waFab{
  position: fixed; right: 18px; bottom: 18px; z-index: 2000;
}
.waFab__btn{
  width: 56px; height: 56px; border-radius: 50%;
  border: none; cursor: pointer;
  color: #fff; background: #25D366;
  box-shadow: 0 8px 24px rgba(37,211,102,.35);
  display:flex;align-items:center;justify-content:center;
  transition: transform .15s ease;
}
.waFab__btn:hover{ transform: translateY(-2px) }

.waFab__menu{
  position: absolute; right: 0; bottom: 70px;
  width: min(92vw, 360px);
  background: #0f2222; color: #e9fffb;
  border:1px solid rgba(0,230,215,.25);
  border-radius: 14px; padding: 10px;
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
  display: none;
}
.waFab[aria-expanded="true"] .waFab__menu{ display:block; animation: waPop .12s ease }
@keyframes waPop{ from{ transform:translateY(8px); opacity:0 } to{ transform:translateY(0); opacity:1 } }

.waFab__menu header{
  font-weight:800; color:#bfeee9; margin:4px 6px 8px;
}
.waFab__menu footer{
  font-size:12px; color:#9fdad4; margin-top:8px; padding:6px; border-top:1px solid rgba(0,230,215,.15)
}
.waFab__menu button{
  width: 100%; text-align: left; border: none; cursor: pointer;
  padding: 10px 12px; margin: 4px 0; border-radius: 10px;
  background: #102828; color:#e9fffb; font-weight:700;
  border:1px solid rgba(0,230,215,.15);
}
.waFab__menu button:hover{
  background:#133434; border-color: rgba(0,230,215,.35);
}
@media (max-width:520px){
  .waFab__menu{ right: -6px; width: min(96vw, 360px); }
}


/* Ocultar posibles botones viejos de WhatsApp que sean flotantes (comunes) */
a.whatsapp-float, a.whatsapp_button, a#whatsapp, a[href^="https://wa.me/"][style*="fixed"], 
a[href^="https://api.whatsapp.com/"][style*="fixed"] { display:none !important; }

/* FAB */
.waFab{
  position: fixed; right: 18px; bottom: 18px;
  z-index: 99999;   /* por encima de todo */
  pointer-events: none; /* no deja pasar clics a lo de abajo */
}
.waFab__btn, .waFab__menu{ pointer-events: auto; }

.waFab__btn{
  width: 56px; height: 56px; border-radius: 50%;
  border: none; cursor: pointer; color: #fff; background: #25D366;
  box-shadow: 0 8px 24px rgba(37,211,102,.35);
  display: flex; align-items: center; justify-content: center;
  transition: transform .15s ease;
}
.waFab__btn:hover{ transform: translateY(-2px) }

/* Backdrop que bloquea clics detrás cuando el menú está abierto */
.waFab__backdrop{
  position: fixed; inset: 0; background: transparent; z-index: -1;
}
.waFab[aria-expanded="true"] .waFab__backdrop{ z-index: 1; }
.waFab__backdrop[hidden]{ display: none; }

/* Menú */
.waFab__menu{
  position: absolute; right: 0; bottom: 70px; z-index: 2;
  width: min(92vw, 360px);
  background: #0f2222; color: #e9fffb;
  border:1px solid rgba(0,230,215,.25);
  border-radius: 14px; padding: 10px;
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
  display: none;
}
.waFab[aria-expanded="true"] .waFab__menu{ display:block; animation: waPop .12s ease }
@keyframes waPop{ from{ transform:translateY(8px); opacity:0 } to{ transform:translateY(0); opacity:1 } }

.waFab__menu header{
  font-weight:800; color:#bfeee9; margin:4px 6px 8px;
}
.waFab__menu footer{
  font-size:12px; color:#9fdad4; margin-top:8px; padding:6px; border-top:1px solid rgba(0,230,215,.15)
}
.waFab__menu button{
  width: 100%; text-align: left; border: none; cursor: pointer;
  padding: 10px 12px; margin: 4px 0; border-radius: 10px;
  background: #102828; color:#e9fffb; font-weight:700;
  border:1px solid rgba(0,230,215,.15);
}
.waFab__menu button:hover{
  background:#133434; border-color: rgba(0,230,215,.35);
}
@media (max-width:520px){
  .waFab__menu{ right: -6px; width: min(96vw, 360px); }
}


.waFab__preview{
  font-size: 13px;
  background:#102828;
  border-radius:8px;
  padding:8px 10px;
  margin:4px 0 6px;
  color:#c2f5ee;
}

.waFab__send{
  width:100%;
  margin-top:6px;
  padding:9px 12px;
  border-radius:10px;
  border:none;
  font-weight:800;
  cursor:pointer;
  background:#25D366;
  color:#012016;
}
.waFab__send:disabled{
  opacity:.5;
  cursor:not-allowed;
}


/* extras del “chatbot” */
.waFab__preview{
  margin-top:6px;
  font-size:13px;
  background:#102828;
  border-radius:8px;
  padding:8px 10px;
  color:#c2f5ee;
}

.waFab__send{
  width:100%;
  margin-top:6px;
  padding:9px 12px;
  border-radius:10px;
  border:none;
  font-weight:800;
  cursor:pointer;
  background:#25D366;
  color:#012016;
}
.waFab__send:disabled{
  opacity:.5;
  cursor:not-allowed;
}

.waFab__backBtn{
  width:100%;
  margin-bottom:4px;
  padding:6px 10px;
  border-radius:8px;
  border:none;
  background:#0b1b1b;
  color:#bfeee9;
  cursor:pointer;
  font-size:13px;
}

.waFab__subtitle{
  margin:4px 2px 6px;
  font-size:14px;
  font-weight:700;
  color:#f1fffb;
}

.waFab__group button{
  font-weight:600;
  font-size:13px;
}

.waFab__hint{
  margin-top:6px;
  font-size:12px;
  color:#9fdad4;
}

.waFab__list{
  margin:6px 0;
  padding-left:18px;
  font-size:13px;
}

.waFab__hint{
  font-size:12px;
  margin:4px 0 8px;
  color:#9fdad4;
}

.waFab__inputLabel{
  display:block;
  font-size:12px;
  margin-bottom:2px;
}

.waFab__input{
  width:100%;
  padding:6px 8px;
  border-radius:8px;
  border:1px solid #245c5c;
  background:#061616;
  color:#e9fffb;
  font-size:14px;
  margin-bottom:6px;
}

.waFab__preview{
  font-size:13px;
  background:#102828;
  border-radius:8px;
  padding:8px 10px;
  margin:4px 0 6px;
  color:#c2f5ee;
}

.waFab__send{
  width:100%;
  margin-top:4px;
  padding:9px 12px;
  border-radius:10px;
  border:none;
  font-weight:800;
  cursor:pointer;
  background:#25D366;
  color:#012016;
}
.waFab__send:disabled{
  opacity:.5;
  cursor:not-allowed;
}

.waFab__preview{
  font-size:13px;
  background:#102828;
  border-radius:8px;
  padding:8px 10px;
  margin:6px 0;
  color:#c2f5ee;
}

.waFab__send{
  width:100%;
  margin-top:4px;
  padding:9px 12px;
  border-radius:10px;
  border:none;
  font-weight:800;
  cursor:pointer;
  background:#25D366;
  color:#012016;
}
.waFab__send:disabled{
  opacity:.5;
  cursor:not-allowed;
}

.waFab__backBtn{
  width:100%;
  margin-bottom:6px;
  padding:6px 10px;
  border-radius:8px;
  border:none;
  background:#0b1b1b;
  color:#bfeee9;
  cursor:pointer;
  font-size:13px;
}

.waFab__subtitle{
  margin:2px 2px 6px;
  font-size:14px;
  font-weight:700;
  color:#f1fffb;
}

.waFab__group button{
  display:block;
  width:100%;
  margin:2px 0;
  font-size:13px;
}

/* ===== Diplomaturas: cards tipo index (imagen grande + título encima) ===== */

.ax-grid .ax-dipCard{
  background:#0f2222;
  border-radius:18px;
  border:1px solid #153739;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100%;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.ax-dipCard__media{
  position:relative;
  overflow:hidden;
}

.ax-dipCard__media img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
}

/* degradado para que el título se lea bien encima de la imagen */
.ax-dipCard__media::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:45%;
  background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.85) 100%);
}

.ax-dipCard__caption{
  position:absolute;
  left:0; right:0; bottom:0;
  padding:14px 16px 12px;
  z-index:1;
}

.ax-dipCard__title{
  margin:0;
  font-weight:800;
  font-size:clamp(18px,2.1vw,22px);
  color:#ffffff;
  text-shadow:0 2px 6px rgba(0,0,0,.7);
}

.ax-dipCard__body{
  padding:14px 16px 16px;
}

.ax-dipCard__meta{
  margin:0 0 4px;
  font-size:13px;
  color:#9fdad4;
}
.ax-dipCard__meta span+span::before{
  content:" · ";
}

.ax-dipCard__desc{
  margin:0 0 10px;
  font-size:13px;
  color:#c2f5ee;
}

.ax-dipCard__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.badge-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  border:1px solid #1d5f63;
  background:#0b2324;
  color:#e9fffb;
  text-decoration:none;
}
.badge-link--primary{
  background:var(--ax-brand);
  color:#00302d;
  border-color:transparent;
}

.ax-dipCard:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 28px rgba(0,0,0,.5);
  border-color:#1f6b6f;
}

@media (max-width:700px){
  .ax-dipCard__media img{ height:200px; }
}

/* ==== Sección Agenda de Inicios ==== */
.agenda-section {
  margin-bottom: 40px;
}
.agenda-header {
  text-align: center;
  margin-bottom: 24px;
}
.agenda-header h2 {
  font-size: 28px;
  color: var(--fg);
  margin-bottom: 8px;
}
.agenda-header p {
  color: var(--muted);
  font-size: 15px;
}

/* Grilla de meses */
.agenda-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

/* Tarjeta de Mes */
.month-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* Cabecera del mes (Nombre del mes) */
.month-head {
  padding: 16px;
  background: #072022;
  border-bottom: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.month-head h3 {
  margin: 0;
  font-size: 18px;
  color: var(--brand);
  text-transform: uppercase;
  letter-spacing: 1px;
}
.year-badge {
  font-size: 12px;
  font-weight: 800;
  background: #153739;
  color: #bfeee9;
  padding: 4px 8px;
  border-radius: 6px;
}
/* Diferenciador para 2026 */
.month-card.future .month-head {
  background: linear-gradient(90deg, #072022 0%, #0b3538 100%);
  border-bottom-color: #1d5f63;
}
.month-card.future .year-badge {
  background: var(--brand);
  color: #002b28;
}

/* Lista de cursos dentro del mes */
.course-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.course-item {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(21, 55, 57, 0.5);
  transition: background .2s;
}
.course-item:last-child {
  border-bottom: none;
}
.course-item:hover {
  background: rgba(0, 229, 219, 0.03);
}

/* Título del curso en la lista */
.course-name {
  display: block;
  font-weight: 700;
  color: #eaf9f7;
  margin-bottom: 4px;
  font-size: 15px;
}
/* Detalles (fecha, modalidad, etc) */
.course-meta {
  display: block;
  font-size: 13px;
  color: #9ccac5;
  line-height: 1.4;
}
.course-meta span {
  display: inline-block;
  margin-right: 8px;
}
.tag-dip {
  color: #ffd700; /* Dorado para diplomaturas */
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  margin-right: 6px;
}

/* Estilos para cursos con programa PDF activo */
.course-item.has-pdf {
  cursor: pointer;
  position: relative;
}

.course-item.has-pdf:hover {
  background-color: rgba(0, 229, 219, 0.1); /* Color Brand suave */
  border-left: 3px solid var(--brand);
}

/* Icono de PDF opcional */
.course-item.has-pdf .course-name::after {
  content: " 📄 "; /* Icono de documento */
  font-size: 0.9em;
  opacity: 0.7;
}

/* === BANNER DE ARANCELES 2026 === */
.aranceles-wrapper {
  background: linear-gradient(90deg, #0b2324 0%, #071819 100%);
  border: 1px solid #153739;
  border-left: 4px solid #00e6d7; /* Borde de acento Axioma */
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  gap: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

.aranceles-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.aranceles-label {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #9ccac5;
  margin-bottom: 4px;
}

.aranceles-price {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
}

.aranceles-disclaimer {
  font-size: 12px;
  color: #5a7a7c;
  font-style: italic;
  margin-top: 4px;
  width: 100%;
  text-align: center;
}

/* Ajuste para celulares */
@media (max-width: 600px) {
  .aranceles-wrapper { flex-direction: column; text-align: center; }
  .aranceles-item { margin-bottom: 10px; }
  .divider { display: none !important; } /* Ocultar la l�nea divisoria en celular */
}

/* === AJUSTE DE IM�GENES EN TARJETAS === */
/* Centra la foto arriba para no cortar las cabezas de las personas */
.card img {
  object-position: top center !important; 
}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">