:root{
      --ee-azul:#7CAFD4;       /* azul de marca (navbar, botones, títulos, acentos) */
      --ee-azul-osc:#5487BB;   /* azul de hover / acento oscuro */
      --ee-tinta:#111827;      /* títulos de sección */
      --ee-texto:#1f2937;      /* párrafos */
      --ee-gris:#4b5563;       /* texto secundario */
      --ee-slate:#c3ccd8;      /* fondo sección Informes */
      --ee-cielo:#e8f1f8;      /* fondo sección Propuestas */
      --ee-max:80rem;
    }

    /* ===================== NAVBAR ===================== */
    .ee-header{ background:var(--ee-azul); position:sticky; top:0; z-index:60; }
.ee-nav-wrap{
  max-width:var(--ee-max); margin:0 auto; padding:0 1.5rem; height:42px;
  display:flex; align-items:center; justify-content:space-between;
}
    .ee-logo{ color:#fff; font-weight:700; font-size:1.25rem; text-decoration:none; white-space:nowrap; }
    .ee-topnav{ display:flex; gap:1.75rem; align-items:center; }
    .ee-topnav a{
      color:#fff; text-decoration:none; font-size:.95rem; white-space:nowrap;
      padding:.25rem 0; border-bottom:2px solid transparent; transition:border-color .15s;
    }
    .ee-topnav a:hover{ border-bottom-color:#fff; }

    .ee-hamburger{ display:none; background:none; border:0; cursor:pointer; padding:.5rem; }
    .ee-hamburger span{ display:block; width:24px; height:2px; background:#fff; margin:5px 0; transition:.25s; }
    .ee-hamburger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
    .ee-hamburger.open span:nth-child(2){ opacity:0; }
    .ee-hamburger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

    .ee-mobile-menu{ display:none; flex-direction:column; background:var(--ee-azul); padding:0 1.5rem .5rem; }
    .ee-mobile-menu.open{ display:flex; }
    .ee-mobile-menu a{
      color:#fff; text-decoration:none; padding:.85rem 0; font-size:1.05rem;
      border-bottom:1px solid rgba(255,255,255,.2);
    }

    /* ===================== RAIL SOCIAL (fijo a la derecha) ===================== */
.ee-social{
  position:fixed; right:0; top:50%; transform:translateY(-50%);
  z-index:55; display:flex; flex-direction:column; gap:2px;
}
.ee-social a{
  width:94px; height:94px;
  display:flex; align-items:center; justify-content:center;
  background:rgb(99 99 99 / 60%);
  color:#fff;
  text-decoration:none; transition:background .2s;
  border-radius: 10px;
}
.ee-social a:hover{ background:rgba(54,47,43,.65); }

@media (max-width:639px){
  .ee-social a{ width:44px; height:44px; }
}

    /* ===================== HERO ===================== */
.ee-hero{
  position:relative; min-height:520px; display:flex; align-items:center;
  background:
    linear-gradient(rgba(12,33,58,.5), rgba(12,33,58,.5)),
    linear-gradient(#0a2b4a, #3f6f9c),
    url('https://www.utdt.edu/Themes2G/escuela_negocios_ee/Images/v2026/hero-educacion-ejecutiva_v0.webp') center/cover no-repeat;
      background-blend-mode: normal, color, normal;
}
    .ee-hero-inner{ max-width:var(--ee-max); margin:0 auto; padding:0 1.5rem; width:100%; }
    .ee-hero h1{ color:#fff; font-weight:800; font-size:4rem; line-height:1.05; margin:0 0 1.25rem; }
    .ee-hero p{ color:#fff; font-weight:600; font-size:1.9rem; line-height:1.25; margin:0; max-width:40rem; }

    /* ===================== INTRO + STATS ===================== */
    .ee-intro{ background:#fff; padding:4rem 0; }
    .ee-intro-wrap{ max-width:var(--ee-max); margin:0 auto; padding:0 1.5rem; }
    .ee-intro-grid{ display:grid; grid-template-columns:260px 1fr; gap:3rem; align-items:start; }
    .ee-intro-label{ color:var(--ee-azul); font-size:1.6rem; font-weight:600; line-height:1.25; }
    .ee-intro-text{ color:var(--ee-texto); font-size:1.25rem; line-height:1.6; margin:0;text-align: justify; }

    .ee-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; margin-top:2.75rem; }
    .ee-stat-num{ color:var(--ee-azul); font-size:3.25rem; font-weight:800; line-height:1; margin:0 0 .5rem; }
    .ee-stat-label{ color:var(--ee-tinta); font-size:1rem; line-height:1.35; margin:0; }

    /* ===================== PROPUESTAS / CARDS ===================== */
    .ee-propuestas{ background:var(--ee-cielo); padding:4rem 0; }
    .ee-section-title{ text-align:center; color:var(--ee-tinta); font-weight:800; font-size:2rem; margin:0 0 2.5rem; }
    .ee-cards{
      max-width:var(--ee-max); margin:0 auto; padding:0 1.5rem;
      display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem;
    }

      .ee-card{
        background:#fff; border-radius:1.25rem; overflow:hidden;
        box-shadow:0 10px 30px rgba(0,0,0,.08);
        display:flex; flex-direction:column;
      }

      .ee-card-img{
        width:100%; aspect-ratio:4/3; object-fit:cover; display:block;
      }
      .ee-card-body{
        position:relative;
        margin-top:-1.25rem;                 /* sube el panel sobre la imagen */
        border-radius:1.25rem 1.25rem 0 0;   /* esquinas de ARRIBA del blanco */
        background:#fff;
        padding:1.75rem 1.5rem 2rem;
        display:flex; flex-direction:column; flex:1;
      }


    .ee-card-title{ color:var(--ee-azul); font-weight:800; font-size:1.5rem; line-height:1.2; margin:0 0 1rem; }
    .ee-card-desc{ color:var(--ee-gris); font-size:1rem; line-height:1.55; margin:0 0 1.75rem; }

    .ee-btn{
      align-self:flex-start; margin-top:auto;
      background:var(--ee-azul); color:#fff; text-decoration:none;
      display:inline-flex; align-items:center; gap:.4rem;
      padding:.7rem 1.6rem; border-radius:999px; font-size:.95rem; font-weight:500;
      transition:background .2s;
    }
    .ee-btn:hover{ background: #6496bb; color: #fff; }

    /* ===================== INFORMES Y ADMISIONES ===================== */
    .ee-informes{ background:var(--ee-slate); padding:3.5rem 1.5rem; }
    .ee-informes-inner{ max-width:var(--ee-max); margin:0 auto; }
    .ee-informes h2{ text-align:center; color:var(--ee-tinta); font-weight:800; font-size:2rem; margin:0 0 2.5rem; }
    .ee-informes-grid{ display:grid; grid-template-columns:repeat(4,1fr); }
    .ee-informes-col{ text-align:center; padding:0 1.5rem; border-left:1px solid rgba(0,0,0,.22); }
    .ee-informes-col:first-child{ border-left:0; }
    .ee-informes-col h3{ color:var(--ee-tinta); font-weight:700; font-size:1.15rem; line-height:1.3; margin:0 0 1.1rem; }
    .ee-contact{
      display:flex; align-items:center; justify-content:center; gap:.5rem;
      margin:.55rem 0; color:var(--ee-texto); font-size:.95rem;
    }
    .ee-contact a{ color:var(--ee-texto); text-decoration:none; font-weight:600;}
    .ee-contact svg{ flex-shrink:0; }

    /* ===================== RESPONSIVE ===================== */
    @media (max-width:1024px){
      .ee-topnav{ display:none; }
      .ee-hamburger{ display:block; }
      .ee-cards{ grid-template-columns:repeat(2,1fr); }
      .ee-informes-grid{ grid-template-columns:repeat(2,1fr); row-gap:2.5rem; }
      .ee-informes-col:nth-child(odd){ border-left:0; }
      .ee-informes-col:nth-child(even){ border-left:1px solid rgba(0,0,0,.22); }
    }
    @media (max-width:768px){
      .ee-hero{ min-height:380px; }
      .ee-hero h1{ font-size:2.5rem; }
      .ee-hero p{ font-size:1.35rem; }
      .ee-intro-grid{ grid-template-columns:1fr; gap:1.25rem; }
      .ee-stats{ grid-template-columns:repeat(2,1fr); gap:2rem 1.5rem; }
    }
    @media (max-width:639px){
      .ee-cards{ grid-template-columns:1fr; }
      .ee-informes-grid{ grid-template-columns:1fr; }
      .ee-informes-col{ padding:1.5rem 0; border-left:0 !important; border-top:1px solid rgba(0,0,0,.22); }
      .ee-informes-col:first-child{ border-top:0; }
      .ee-social a{ width:44px; height:44px; }
    }

    .ee-logo:hover, :focus {color: #ffffff !important; text-decoration: none!important; }
    .ee-logo:visited {color: #ffffff; } 
    .ee-btn:visited {color: #ffffff; }

    .ee-social svg{
      width:38px; height:38px;
    }
    @media (max-width:639px){
      .ee-social svg{
        width:24px; height:24px;
      }
    }


.ee-intro-grid--centered {
  display: block;
  text-align: center;
}

.ee-intro-grid--centered .ee-intro-text {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.ee-intro-grid--centered .ee-stats {
  justify-content: center;
  text-align: center;
}

.ee-intro-grid--centered .ee-stat {
  text-align: center;
}