body {
    --base-font-family: "Inter", sans-serif;
    --alternative-font-family: "Poppins", sans-serif;
    --regular-font-weight: 400;
    --bold-font-weight: 700;
    --base-line-height: 1.3;
    --primary: #D73333;
    --primary-dark: #A40E0E;
    --secondary: #59CBE8;
    --secondary-dark: #338FC2;
    --dark: #111111;
    --bg-base: white;
    --white: white;
    --gray: #CFCFCF;
    --gray-light: #F1F1F1;
    --gray-dark: #5B5B5B;
    --gray-upv: #5B6770;
    --gray-dark-upv: #3F4444;
    --box-shadow-sm: 0px 2px 6px rgba(0, 0, 0, 0.15);
    --box-shadow-lg: 0px 3px 9px rgba(0, 0, 0, 0.20);
    --base-font-size: 1.25rem;
    --small-font-size: 1rem;
    --extra-small-font-size: 0.75rem;
    --h1-font-size: 3rem;
    --h2-font-size: 2rem;
    --h3-font-size: 1.777rem;
    --h4-font-size: 1.75rem;
    --gap: 1rem;
    --margin-base: 1rem;
    --gap-xs: .5rem;
    --border-radius: 24px;
    --border-width: 1px;
    --transition-base: all ease .3s .05s
}

/**:not(sup),*::before,*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    -webkit-tap-highlight-color: rgba(255,255,255,0) !important;
    -webkit-focus-ring-color: rgba(255,255,255,0) !important
}*/

section {
    padding: 123px 0 164px;
}

@media (max-width:599px){
    body {
        --h1-font-size: 1.350rem;
        --h2-font-size: 0.9rem;
        --h3-font-size: 0.8rem;
    }

    section {
        padding: 50px 0 55px;
    }
}

@media only screen and (min-width:600px) and (max-width: 1024px) {
    body {
        --h1-font-size: 2.535rem;
        --h2-font-size: 1.688rem;
        --h3-font-size: 1.5rem;
    }

    section {
        padding: 75px 0 80px;
    }
}

.governing-card {
    display: grid;
    grid-template-columns: 3fr 7fr;
    gap: 2rem;
}

.governing-section + .governing-section {
    margin-top: 80px;
}




.container {
    width: 100%;
    max-width: min(1200px,100vw - 2rem);
    margin: 0 auto
}

h1,.carousel-title,.h1 {
    font-size: var(--h1-font-size);
    line-height: 1
}

h2,.h2 {
    font-size: var(--h2-font-size);
    line-height: 1.2
}

h3,.h3 {
    font-size: var(--h3-font-size)
}

h4,.h4 {
    font-size: var(--h4-font-size)
}

h1,h2,strong,.carousel-title {
    font-weight: var(--bold-font-weight)
}

h4,h5 {
    font-weight: var(--regular-font-weight)
}

h1,h2,h3,h4,.carousel-title,.h1,.h2,.h3,.h4 {
    font-family: var(--alternative-font-family)
}

:is(p,ul)+p,li+li,p+ul,li>ul,li>ol,:is(ol,ul)+:is(ol,ul) {
    margin-top: var(--margin-base)
}

:is(h1,h2,h3,h4,.carousel-title):not(:only-child) {
    margin-top: 1em;
    margin-bottom: max(1rem,.5em)
}

:is(h1,h2,h3,h4,.carousel-title):first-child {
    margin-top: unset
}

:is(p,h1,h2,h3,h4,ul)+img {
    margin-top: calc(var(--margin-base)*2);
    margin-bottom: calc(var(--margin-base)*2)
}

:is(p,h1,h2,h3,h4,ul)+.btn {
    margin-top: var(--margin-base)
}

.red-decorator {
    width: 64px;
    height: 6px;
    background-color: var(--primary)
}

/*a:not(:is(.btn,.link-over-video)) {
    color: var(--dark);
    transition: var(--transition-base);
    font-size: 1em;
    vertical-align: baseline;
    text-decoration-color: var(--dark)
}

a:not(:is(.btn,.link-over-video)):hover,button:not(.btn):hover {
    text-decoration-color: var(--primary)
}*/


/* MENU FIJO PRUEBAS */
.global-menu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid var(--gray-light);
    transition: transform cubic-bezier(0.1, 0.53, 0.3, 0.95) .3s,opacity cubic-bezier(0.1, 0.53, 0.3, 0.95) .5s;
    will-change: transform
}

.global-menu.active {
    transform: translateY(0);
    opacity: 1
}

.global-menu .upv-logo,.global-menu .menu-element {
    transition: all ease .3s
}

.global-menu .top-menu {
    overflow-y: hidden;
    transition: all ease .3s
}

.global-menu.sticky .top-menu {
    height: 0;
    padding-top: 0;
    padding-bottom: 0
}

.global-menu.sticky .upv-logo {
    width: 126.33px;
    height: 40px
}

.global-menu.sticky .ucr-logo {
    width: 15px;
    height: 54px
}

.global-menu.sticky .menu-element {
    min-height: 64px
}

ul, ol {
    margin: 0;
}