:root {
    --brand-yellow: #FAB62D;
    --brand-black: #000000;
    --brand-white: #FFFFFF;
    --brand-gray: #636466;
    --brand-green: #009640;
    --brand-blue: #00529C;
    --brand-purple: #6F2C91;
    --brand-red: #E4032E;
    --surface: #F8F8F7;
    --border: #E5E5E3;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--brand-gray);
    background: var(--brand-white);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6, .font-display {
    font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
    letter-spacing: -.015em;
}
img { max-width: 100%; }
a, button { -webkit-tap-highlight-color: transparent; }
button, input, textarea, select { font: inherit; }
:focus-visible { outline: 3px solid var(--brand-yellow); outline-offset: 3px; }
::selection { background: var(--brand-yellow); color: var(--brand-black); }

.skip-link {
    position: fixed; left: 1rem; top: -5rem; z-index: 100;
    padding: .75rem 1rem; background: var(--brand-black); color: var(--brand-white);
    border-radius: .5rem; font-weight: 700; transition: top .2s ease;
}
.skip-link:focus { top: 1rem; }

.institutional-grid {
    background-image: radial-gradient(rgba(99,100,102,.18) 1px, transparent 1px);
    background-size: 18px 18px;
}
.section-kicker {
    display: inline-flex; align-items: center; gap: .5rem;
    font-family: "Roboto Condensed", Arial, sans-serif;
    font-weight: 800; text-transform: uppercase; letter-spacing: .12em;
    color: var(--brand-black); font-size: .78rem;
}
.section-kicker::before { content: ""; width: 2.5rem; height: 4px; background: var(--brand-yellow); }
.brand-rule { width: 5rem; height: 5px; background: var(--brand-yellow); border-radius: 99px; }
.card-lift, .hover-lift { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.card-lift:hover, .hover-lift:hover { transform: translateY(-5px); box-shadow: 0 18px 42px rgba(0,0,0,.12); border-color: var(--brand-yellow); }
.brand-hero-overlay {
    background: linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.72) 48%, rgba(0,0,0,.28) 100%);
}
.brand-angle { clip-path: polygon(0 0, 100% 0, 84% 100%, 0 100%); }
.nav-dropdown { box-shadow: 0 18px 45px rgba(0,0,0,.2); }
.nav-dropdown a:hover, .nav-dropdown button:hover { background: rgba(250,182,45,.14); color: var(--brand-yellow); }
.mobile-panel details > summary { list-style: none; }
.mobile-panel details > summary::-webkit-details-marker { display: none; }
.mobile-panel details[open] > summary svg { transform: rotate(180deg); }
.mobile-panel { max-height: calc(100vh - 7rem); overscroll-behavior: contain; }

/* Cabeceras internas: una sola jerarquía y más información visible al ingresar. */
.public-inner-hero {
    display: flex;
    align-items: center;
    height: auto !important;
    min-height: clamp(30rem, 66vh, 43rem);
    padding-block: 5rem !important;
    background-attachment: scroll !important;
    background-color: var(--brand-black);
}
.public-inner-hero h1 {
    font-family: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
    font-size: clamp(2.8rem, 7vw, 5.5rem) !important;
    font-weight: 800;
    line-height: .98;
    text-transform: uppercase;
    color: var(--brand-white);
}
.public-inner-hero h1 .text-brand-yellow { color: var(--brand-yellow); }
.public-inner-hero .backdrop-blur-md {
    border: 1px solid rgba(250,182,45,.45);
    border-radius: 1rem;
    background: rgba(0,0,0,.58);
    box-shadow: 0 20px 55px rgba(0,0,0,.22);
}
.public-inner-hero p { max-width: 58rem; }

/* Normalización de tarjetas heredadas. */
main .rounded-3xl { border-radius: 1rem; }
main .shadow-2xl { box-shadow: 0 12px 32px rgba(0,0,0,.11); }
main section:not(.public-inner-hero) { scroll-margin-top: 5rem; }
main section:not(.public-inner-hero) > .container { max-width: 80rem; }

.animate-fade-in-up { animation: fade-in-up .65s ease-out both; }
.animate-fade-in-left { animation: fade-in-left .65s ease-out both; }
.animate-fade-in-right { animation: fade-in-right .65s ease-out both; }
.animate-float { animation: float 3s ease-in-out infinite; }
.delay-100 { animation-delay: .1s; }
.delay-150 { animation-delay: .15s; }
.delay-200 { animation-delay: .2s; }
.delay-300 { animation-delay: .3s; }
.delay-400 { animation-delay: .4s; }
.delay-500 { animation-delay: .5s; }
.delay-600 { animation-delay: .6s; }
.delay-800 { animation-delay: .8s; }
.delay-1000 { animation-delay: 1s; }
@keyframes fade-in-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fade-in-left { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: translateX(0); } }
@keyframes fade-in-right { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: translateX(0); } }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

/* Compatibilidad para contenido enriquecido sin depender del plugin Typography. */
.prose { color: var(--brand-gray); font-size: 1rem; line-height: 1.8; }
.prose-lg { font-size: 1.125rem; }
.prose > * + * { margin-top: 1.15em; }
.prose h2, .prose h3, .prose h4 { margin-top: 1.7em; margin-bottom: .65em; font-weight: 800; color: var(--brand-black); line-height: 1.2; }
.prose h2 { border-left: 4px solid var(--brand-yellow); padding-left: 1rem; font-size: 1.875rem; }
.prose h3 { font-size: 1.5rem; }
.prose p, .prose li { color: #444547; }
.prose ul { list-style: disc; padding-left: 1.5rem; }
.prose ol { list-style: decimal; padding-left: 1.5rem; }
.prose a { color: var(--brand-blue); font-weight: 700; text-decoration: underline; }
.prose strong { color: var(--brand-black); }
.prose img { margin: 2rem auto; border-radius: .75rem; box-shadow: 0 10px 30px rgba(0,0,0,.12); }
.prose blockquote { border-left: 4px solid var(--brand-yellow); margin: 1.5rem 0; padding: 1rem 1.5rem; background: #FFF9EB; color: #2B2C2D; font-style: normal; }

.text-shadow { text-shadow: 0 2px 4px rgba(0,0,0,.35); }
.text-shadow-md { text-shadow: 0 3px 6px rgba(0,0,0,.4); }
.text-shadow-lg { text-shadow: 0 4px 8px rgba(0,0,0,.5); }

@media (max-width: 767px) {
    .brand-hero-overlay { background: rgba(0,0,0,.76); }
    .public-inner-hero { min-height: 26rem; padding-block: 3.5rem !important; }
    .public-inner-hero .animate-bounce { display: none; }
    .public-inner-hero [class*="p-12"] { padding: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
@media print {
    .no-print, header, footer { display: none !important; }
    body { color: #000; }
}