@charset "UTF-8";
:root{
  --ut-primary:#1A1A1A;
  --ut-secondary:#999999;
  --ut-accent:#ba0c2f;
  --ut-bg:#FFFFFF;
  --ut-muted:#F8F8F8;
  --ut-border:#E6E6E6;

  --font-sans: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  --shadow: 0 6px 20px rgba(0,0,0,.08);
  --shadow-soft: 0 2px 8px rgba(0,0,0,.06);
}

/* Base */
* { box-sizing: border-box; }
body{ margin:0; font-family:var(--font-sans); color:var(--ut-primary); background:var(--ut-bg); }
a{ color:var(--ut-accent); text-decoration:none; }
img{ max-width:100%; display:block; border:0; }
main{ padding-bottom:72px; } /* espacio para sticky bar en móviles */

.container{ max-width:1200px; margin:auto; padding:clamp(16px,3vw,28px); }

/* Accesibilidad foco visible */
a:focus-visible, .btn:focus-visible, .nav-cta:focus-visible{
  outline:3px solid var(--ut-accent);
  outline-offset:2px;
  border-radius:12px;
}

/* Header */
header{
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--ut-border);
}
.topbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.brand{ display:flex; align-items:center; gap:12px; color:inherit; text-decoration:none; }
.brand img{ width:48px; height:auto; border-radius:8px; }
.brand__text{ line-height:1.05; }
.brand__title{ font-weight:800; }
.brand__subtitle{ font-size:.9rem; color:var(--ut-secondary); }
.nav-cta{
  background:var(--ut-accent); color:#fff; padding:10px 16px; border-radius:12px;
  font-weight:600; transition:background .2s ease;
}
.nav-cta:hover{ background:#a30a2a; }

/* Hero */
.hero{ padding:clamp(28px,6vw,64px) 0; }
.hero__wrap{
  display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:20px;
  background:var(--ut-muted); border:1px solid var(--ut-border);
  border-radius:20px; overflow:hidden; box-shadow:var(--shadow);
}
.hero__content{ padding:clamp(24px,3vw,36px); }
.eyebrow{ font-size:.9rem; color:var(--ut-secondary); text-transform:uppercase; font-weight:700; }
.h1{ font-size:clamp(28px,4vw,44px); margin:.2em 0 .4em 0; font-weight:900; }
.lead{ color:#555; max-width:60ch; }
.hero__cta{ display:flex; gap:12px; flex-wrap:wrap; margin-top:18px; }
.btn{
  border:1px solid var(--ut-border); padding:12px 16px; border-radius:12px; font-weight:700;
  cursor:pointer; text-align:center; background:#fff; color:var(--ut-primary);
}
.btn--accent{ background:var(--ut-accent); color:#fff; border:0; }
.btn--accent:hover{ background:#a30a2a; }

.hero__media{ position:relative; overflow:hidden; height:100%; }
.hero__media img{ width:100%; height:100%; object-fit:cover; object-position:center; }
.hero__media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.25), rgba(0,0,0,0));
}

@media (max-width:900px){
  .hero__wrap{ grid-template-columns:1fr; }
  .hero__media::after{ background:linear-gradient(0deg, rgba(0,0,0,.3), transparent); }
  .lead{ color:#444; } /* legibilidad en mobile */
}

/* Sticky CTA */
.sticky-cta{
  position:sticky; bottom:0; background:rgba(255,255,255,.96);
  border-top:1px solid var(--ut-border); backdrop-filter:blur(6px);
  box-shadow:0 -6px 16px rgba(0,0,0,.05);
}
.sticky-cta__wrap{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.small{ font-size:.95rem; color:#666; }

/* Secciones y grillas */
.section{ padding:clamp(30px,5vw,60px) 0; }
.section__title{ font-size:clamp(22px,3vw,32px); margin:0 0 12px 0; }
.section__desc{ color:var(--ut-secondary); margin-bottom:22px; }
.grid{ display:grid; gap:18px; }
.grid-2{ grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); }

/* Cards carreras */
.card{
  background:#fff; border:1px solid var(--ut-border); border-radius:16px; overflow:hidden;
  box-shadow:var(--shadow-soft);
  transform:translateY(0);
  transition:transform .16s ease, box-shadow .16s ease;
}
.card:hover{ transform:translateY(-1px); box-shadow:var(--shadow); }
.card img{ aspect-ratio:16/9; object-fit:cover; }
.card__body{ padding:18px; }
.card__body h3{ margin:.3em 0; font-size:1.1rem; }
.card__body p{ color:#555; font-size:.95rem; }
.card__body a{ display:inline-block; margin-top:10px; font-weight:700; color:var(--ut-accent); }

/* Galería */
.galeria{ display:grid; gap:14px; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); }
.gal-item{ border-radius:16px; overflow:hidden; border:1px solid var(--ut-border); background:#fff; }
.gal-item img{ width:100%; height:100%; object-fit:cover; }
.gal-item figcaption{ padding:10px 12px; font-size:.9rem; color:#555; }

/* Footer */
footer{ border-top:1px solid var(--ut-border); background:#fff; }
.footer-grid{ display:grid; gap:18px; grid-template-columns:1.2fr .8fr; }
.legal{ font-size:.85rem; color:#777; }
@media (max-width:880px){ .footer-grid{ grid-template-columns:1fr; text-align:center; } }