body,
html {
    overflow-x: hidden;
    font-family: 'Inter';
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}

b,
strong {
    font-weight: 600;
}
.my-6 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}
header {
    margin-bottom: 0px !important;
}

.wp-site-blocks>*+* {
    margin-block-start: 0;
}

:root {
    --amarillo: #fdc604;
    --celeste: #04a3fd;
    --azul-oscuro: #1d5572;
    --gris-nuboso: #f2f7ff;
}

.amarillo {
    color: var(--amarillo);
}

.celeste {
    color: var(--celeste);
}

.azul-oscuro {
    color: var(--azul-oscuro);
}

.gris-nuboso {
    color: var(--gris-nuboso);
}

.amarillo-bg {
    background-color: var(--amarillo);
}

.celeste-bg {
    background-color: var(--celeste);
}

.azul-oscuro-bg {
    background-color: var(--azul-oscuro);
}

.gris-nuboso-bg {
    background-color: var(--gris-nuboso);
}

h2,
.h2 {
    font-family: 'DM Sans';
    font-size: 40px;
    font-weight: 500;
    line-height: 42px;
}

h3,
.h3 {
    font-family: 'DM Sans';
    font-size: 30px;
    font-weight: 400;
    line-height: 31.5px;

}


.text-xxl {
    font-family: 'DM Sans';
    font-size: 60px;
    font-weight: 700;
    line-height: 63px;

}

.no-margin {
    margin: 0 !important;
}

@media (max-width: 767px) {
    header {
        margin-bottom: 10px !important;
    }

}

.navbar {
    padding: 20px 0;
}

.navbar.bg-dark.bg-dark {
    background-color: var(--azul-oscuro) !important;
}

.nav-link {
    font-family: 'DM Sans';
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #ffffff;
}

.navbar-expand-xxl .navbar-nav .nav-link {
    padding: 12px 16px;
}

.navbar-nav .nav-link {
    font-size: 17px;
    font-weight: 400;
    color: #fff;
}

.navbar-toggler {
    background-color: #1C313C;
    width: 60px;
    height: 60px;
    border: 0;
    padding: 0;
}

.navbar-toggler:hover .navbar-toggler-icon,
.navbar-toggler .navbar-toggler-icon {
    background-image: url('data:image/svg+xml,<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.875 0C12.5039 0 0 12.5039 0 27.875C0 43.2461 12.5039 55.75 27.875 55.75C43.2461 55.75 55.75 43.2461 55.75 27.875C55.75 12.5039 43.2461 0 27.875 0ZM13.6788 16.7447H27.875C28.9701 16.7447 29.8661 17.6407 29.8661 18.7358C29.8661 19.8309 28.9701 20.7269 27.875 20.7269H13.6788C12.5837 20.7269 11.6877 19.8309 11.6877 18.7358C11.6877 17.6407 12.5837 16.7447 13.6788 16.7447ZM42.0712 39.0052H27.875C26.7799 39.0052 25.8839 38.1093 25.8839 37.0142C25.8839 35.9191 26.7799 35.0231 27.875 35.0231H42.0712C43.1663 35.0231 44.0622 35.9191 44.0622 37.0142C44.0622 38.1093 43.1663 39.0052 42.0712 39.0052ZM42.0712 29.8661H13.6788C12.5837 29.8661 11.6877 28.9701 11.6877 27.875C11.6877 26.7799 12.5837 25.8839 13.6788 25.8839H42.0712C43.1663 25.8839 44.0622 26.7799 44.0622 27.875C44.0622 28.9701 43.1663 29.8661 42.0712 29.8661Z" fill="%23FFFFFF"/></svg>');
}

.navbar-toggler-icon {
    width: 70%;
    height: 70%;
}

.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon {
    background-image: url('data:image/svg+xml,<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.875 0C12.5039 0 0 12.5039 0 27.875C0 43.2461 12.5039 55.75 27.875 55.75C43.2461 55.75 55.75 43.2461 55.75 27.875C55.75 12.5039 43.2461 0 27.875 0ZM13.6788 16.7447H27.875C28.9701 16.7447 29.8661 17.6407 29.8661 18.7358C29.8661 19.8309 28.9701 20.7269 27.875 20.7269H13.6788C12.5837 20.7269 11.6877 19.8309 11.6877 18.7358C11.6877 17.6407 12.5837 16.7447 13.6788 16.7447ZM42.0712 39.0052H27.875C26.7799 39.0052 25.8839 38.1093 25.8839 37.0142C25.8839 35.9191 26.7799 35.0231 27.875 35.0231H42.0712C43.1663 35.0231 44.0622 35.9191 44.0622 37.0142C44.0622 38.1093 43.1663 39.0052 42.0712 39.0052ZM42.0712 29.8661H13.6788C12.5837 29.8661 11.6877 28.9701 11.6877 27.875C11.6877 26.7799 12.5837 25.8839 13.6788 25.8839H42.0712C43.1663 25.8839 44.0622 26.7799 44.0622 27.875C44.0622 28.9701 43.1663 29.8661 42.0712 29.8661Z" fill="%23FDC604"/></svg>');
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0.2rem #fdc70442;
}

.main-menu .nav-link:hover,
.main-menu .nav-link.active {
    color: var(--amarillo) !important;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 18px 24px;
    }

    .dropdown-menu {
        background-color: #fff;
        padding: 0;
        border: 0;
        overflow: hidden;
        margin-left: 10px;
        -webkit-box-shadow: 6px 6px 12px 0px rgba(85, 85, 85, 1);
        -moz-box-shadow: 6px 6px 12px 0px rgba(85, 85, 85, 1);
        box-shadow: 6px 6px 12px 0px rgba(85, 85, 85, 1);
        padding: 12px 8px;
    }

    .dropdown-item {
        font-size: 14px;
        color: #ffffff;
        padding: 3px 14px;
        font-weight: 700;
    }

    .dropdown-item:hover {
        color: var(--pink-cenia);
        background-color: #fff;
    }

    .dropdown-toggle.show::after {
        color: #fff;
    }

    .dropdown-toggle.show::before {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: absolute;
        left: 35%;
        bottom: 8px;
    }

}

@media (max-width: 991px) {
    .fix-gradient {
        position: relative;
    }

    .nav-link {
        padding: 16px;
    }

    .nav-item:not(:last-child),
    .nav-link.dropdown-toggle.show {
        border-bottom: 1px solid #0743690e;
    }

    .dropdown-menu {
        background-color: #ffffff;
        padding: 0;
        border: 0;
        overflow: hidden;
        border-radius: 10px;
    }

    .dropdown-item {
        font-size: 14px;
        color: #ffffff;
        padding: 10px 14px;
        padding-left: 40px;
        font-weight: 600;
    }

    .dropdown-item:hover {
        background-color: #fff;
        color: var(--pink-cenia);
    }

}

.full-w {
    background-position: center;
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%) !important;
}

.mas-info {
    display: flex;
    gap: 16px;
    color: #1D5572;
    font-family: "DM Sans";
    font-size: 20px;
    font-weight: 700;
    line-height: 105%;
    text-decoration: none;
    align-items: center;
}

@media (max-width: 768px) {
    .text-xxl {
        font-size: 46px;
        line-height: 52px;
    }

    h2,
    .h2 {
        font-family: 'DM Sans';
        font-size: 32px;
        font-weight: 500;
        line-height: 38px;
    }

    h3,
    .h3 {
        font-family: 'DM Sans';
        font-size: 25px;
        font-weight: 400;
        line-height: 31px;
        text-align: left;

    }
}

.page-section {
    padding-top: 6rem;
}




.card-formulario {
    min-height: 200px;
    padding: 24px;
    border: none;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(182, 173, 173, 0.25);
}

.card-formulario .form-title {
    color: #1D5572;
    font-family: "DM Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
    margin-bottom: 24px;
}


.card-formulario label {
    color: #04A3FD;
    font-family: "DM Sans";
    font-size: 16.523px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 8px;
}

.card-formulario select {
    height: 60px;
    color: #94959D;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 2.754px;
    border: 0.918px solid #D9D9D9;
    box-shadow: 0px 3.672px 3.672px 0px rgba(0, 0, 0, 0.06);
}

.form-btn {
    border: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.form-btn:hover .text-btn {
    color: var(--amarillo);
    background-color: #000;
}

.text-btn {
    height: 85px;
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: var(--amarillo);
    flex-grow: 1;
    padding-left: 28px;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.icon-btn {
    background-color: #000;
    display: grid;
    place-content: center;
    width: 85px;
    height: 85px;
}

.contenedor-formulario {
    position: relative;
    margin-bottom: -70%;
    z-index: 100;
}

.contenedor-formulario .text-btn {
    font-size: 22px;
}

.page-id-28 .hero-seccion {
    background-color: #fff;
}

.hero-seccion,
.home-hero-seccion {
    position: relative;
    background-color: #1D5572;
}

.row-hero {
    z-index: 1;
    position: relative;
    height: 100%;
    padding-top: 9rem;
}

.hero-img {
    z-index: 0;
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    width: 100%;
    height: 420px;
    pointer-events: none;

}

.title-page {
    display: inline-block;
    position: relative;
    padding: 1.5rem;
    background-color: var(--amarillo);
    border-radius: 0 15px 0 0;
    margin-bottom: -48px;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    z-index: 100;
}


@media screen and (max-width: 991px) {
    .title-page {
        margin-bottom: -20px;
        padding-bottom: 2.5rem;
        font-size: 32px;
    }

    .contenedor-formulario {
        padding-bottom: 70%;
    }

    .hero-img {
        height: 316px;
    }

}

.hero-title {
    color: #FFF;
    font-family: "DM Sans";
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    margin-bottom: 48px;
}

.btn-becas-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #FFF;
    width: 100%;
    height: 150px;
    padding: 25px;
    background: #436577;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.btn-becas-hero:hover {
    transform: translate(10px, 0);
}

.btn-becas-hero .icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.btn-becas-hero .plus {
    width: 56px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.btn-becas-hero .text {
    color: #fff;
    font-family: "DM Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 105%;
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding-left: 16px;
}

.btn-becas-hero .icon img {
    height: 100%;
    max-height: 72px;
    width: auto;
}

@media screen and (max-width: 763px) {
    .btn-becas-hero {
        padding: 15px;
        font-size: 24px
    }

    .btn-becas-hero .icon {
        width: 80px;
        /* height: 100px; */
    }

    .btn-becas-hero .icon img {
        max-width: 72px;
        ;
    }

    .btn-becas-hero .text {
        font-size: 22px;
    }

    .hero-title {
        font-size: 38px;
        line-height: 46px;

    }
}


.newsletter-section .overlay,
.card-post .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(29, 85, 114, 0.70);
    /* background-color: rgba(0, 0, 0, 0.5); */
    z-index: 0;
}

select, input[type="text"] {
    height: 60px;
    color: #94959D !important;
    font-family: "Inter";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: 0.918px solid #D9D9D9;
    box-shadow: 0px 3.672px 3.672px 0px rgba(0, 0, 0, 0.06);
}

.bekit-shadow{
    box-shadow: 0px 3.672px 3.672px 0px rgba(0, 0, 0, 0.06);
}

.wp-block-list li {
    list-style-type: square;
}
.wp-block-list li::marker {
    color: var(--amarillo);
  }

  .cat-tag {
    font-size: 14px;
    background: var(--azul-oscuro);
    color: #ffffff;
    display: grid;
    place-content: center;
    padding: 4px 8px;
    border-radius: 4px;
}

.accordion-button {
    color: #1D5572;
    font-family: "DM Sans";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 145%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.accordion-item {
    margin-bottom: 12px;
}

.accordion-body {
    background: var(--bg-gris-nuboso);
}

.accordion-item {
    background: transparent;
    border-bottom: none;
}

.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem #04a3fd30;
    border-color: var(--celeste);
}
.accordion-header {
    position: relative;
}
.accordion-header::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 100%;
    background: #04A3FD;
    z-index: 3;

}

.accordion-button::after {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    margin-left: auto;
    content: "";
    background-image: url('data:image/svg+xml,<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5 0C8.74771 0 0 8.74771 0 19.5C0 30.2523 8.74771 39 19.5 39C30.2523 39 39 30.2523 39 19.5C39 8.74771 30.2523 0 19.5 0ZM19.5 37.1426C9.77149 37.1426 1.85739 29.2285 1.85739 19.5C1.85739 9.77149 9.77149 1.85739 19.5 1.85739C29.2285 1.85739 37.1426 9.77149 37.1426 19.5C37.1426 29.2285 29.2285 37.1426 19.5 37.1426ZM30.1014 19.5C30.1014 20.0131 29.6855 20.4285 29.1729 20.4285H20.4285V29.1724C20.4285 29.6855 20.0126 30.1009 19.5 30.1009C18.9874 30.1009 18.5715 29.685 18.5715 29.1724V20.4285H9.82757C9.31497 20.4285 8.89911 20.0126 8.89911 19.5C8.89911 18.9874 9.31497 18.5715 9.82757 18.5715H18.5715V9.82757C18.5715 9.31451 18.9874 8.89911 19.5 8.89911C20.0126 8.89911 20.4285 9.31497 20.4285 9.82757V18.5715H29.1724C29.6855 18.5715 30.1014 18.9869 30.1014 19.5Z" fill="%231D5572"/></svg>');
    background-repeat: no-repeat;
    background-size: 2rem;
    transition: var(--bs-accordion-btn-icon-transition);
}

.accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,<svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 0C30.2688 0 39 8.72946 39 19.5C39 30.2688 30.2688 39 19.5 39C8.73119 39 0 30.2688 0 19.5C0 8.73119 8.73119 0 19.5 0ZM27.6246 20.4289V18.5717H11.3754V20.4289H27.6246ZM31.9742 7.0262C25.0848 0.136762 13.9135 0.136762 7.02404 7.0262C0.134605 13.9156 0.134605 25.087 7.02404 31.9764C13.9135 38.8658 25.0848 38.8658 31.9742 31.9764C38.8654 25.0852 38.8654 13.9156 31.9742 7.0262Z" fill="%231D5572"/></svg>');
}

.acordeon{
    margin-bottom: 60px;
}
.acordeon .titulo {
    display: inline-block;
    position: absolute;
    padding: 1.1rem;
    background-color: var(--amarillo);
    border-radius: 0 15px 0 0;
    color: #FFF;
    font-family: "DM Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 105%;
    z-index: 100;
    left: 40px;
    bottom: -32px;
    max-width: calc(100% - 72px);
}

.acordeon img {
    width: 100%;
    max-height: 300px;
    min-height: 220px;
    object-fit: cover;
    object-position: center;
}


@media (max-width: 768px) {

    .acordeon .titulo {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 105%;
        z-index: 100;
        left: 16px;
        right: 0;
        bottom: -32px;
        width: calc(100% - 32px);
    }
    .accordion-button {
        color: #1D5572;
        font-family: "DM Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 125%;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
}