/* FIX HEADER */
.et_fixed_nav #main-header, .et_fixed_nav #top-header { position: unset !important; }
div#page-container { padding: 0 !important; }
#main-header .subheader {float: unset !important}
#main-content .white-background { background-color: white !important; }
/* END FIX HEADER */

/* FONTS */

@font-face {
    font-family: Catalana;
    src: url(/accion-social/convocatoria-ecosocial/wp-content/themes/Divi39/fonts/CO-Rg.ttf);
    font-weight: normal
}

@font-face {
    font-family: Catalana;
    src: url(/accion-social/convocatoria-ecosocial/wp-content/themes/Divi39/fonts/CO-Bd.ttf);
    font-weight: bold
}

@font-face {
    font-family: Catalana-Sans;
    src: url(/accion-social/convocatoria-ecosocial/wp-content/themes/Divi39/fonts/COS-Rg.ttf);
    font-weight: normal
}

@font-face {
    font-family: Catalana-Sans;
    src: url(/accion-social/convocatoria-ecosocial/wp-content/themes/Divi39/fonts/COS-Bd.ttf);
    font-weight: bold
}

@font-face {
    font-family: GCO Sans;
    src: url(/accion-social/convocatoria-ecosocial/wp-content/themes/Divi39/fonts/GCOSans.ttf);
    font-weight: normal
}

@font-face {
    font-family: GCO Sans Medium;
    src: url(/accion-social/convocatoria-ecosocial/wp-content/themes/Divi39/fonts/GCOSans-Medium.ttf);
    font-weight: medium
}

@font-face {
    font-family: GCO Sans Bold;
    src: url(/accion-social/convocatoria-ecosocial/wp-content/themes/Divi39/fonts/GCOSans-Bold.ttf);
    font-weight: bold
}

@font-face {
    font-family: GCO Sans Italic;
    src: url(/accion-social/convocatoria-ecosocial/wp-content/themes/Divi39/fonts/GCOSans-Italic.ttf);
    font-weight: italic
}

/* END FONTS */

/* CRONOGRAMA */
.fecha-crono_wrapper:before {
 content: '';
 width: 100%;
 height: 2px;
 background: #5d5d5d;
 position: absolute;
 top: 18px;
}

.fecha-crono_wrapper {
 display: flex;
 justify-content: space-between;
 text-align: center;
 padding-top: 37px;
 position: relative;
}


.crono_container:before {
    content: '';
    width: 23px;
    height: 23px;
    background: white;
    position: absolute;
    top: -33px;
    margin: auto;
    right: 0;
    left: 0;
    border-radius: 50%;
    border: 3px solid #dc0028;
    z-index: 99;
}

.crono_container {
 position: relative;
 width: 33.333%
}

.crono_container:first-child:after,
.crono_container:last-child:after {
 content: '';
 background: white;
 width: 50%;
 position: absolute;
 top: -34px;
 height: 30px;
 z-index: 9;
}

.crono_container:last-child:after {
 right: -2px;
}

.crono_container:first-child:after {
 left: -2px;
}

.crono_container span {
 font-weight: bold;
}

@media screen and (max-width: 550px) {
 .fecha-crono_wrapper {
 flex-direction: column;
 text-align: left;
 padding-left: 35px;
 padding-top: 0;
 }

 .fecha-crono_wrapper:before {
 top: 0;
 left: 14px;
 height: 100%;
 width: 2px;
 }

 .crono_container {
 display: flex;
 flex-direction: column;
 justify-content: center;
 margin-bottom: 30px;
 width: 100%;
 }

 .crono_container:before {
 top: unset;
 left: -33px;
 margin: unset;
 }

 .crono_container:last-child {
 margin-bottom: 0;
 }

 .crono_container:first-child:after {
 height: 50%;
 width: 33px;
 left: -37px;
 top: 0;
 }

 .crono_container:last-child:after {
 height: 50%;
 width: 33px;
 left: -37px;
 bottom: 0;
 top: unset;
 }
}

/* ACORDEON */
.sc_accordion__wrapper {
 /*max-width: 750px;*/
 margin: auto;
}

.ac_accordion__content {display: none; padding-bottom: 15px}

.ac_accordion__title {
 cursor: pointer;
 padding: 25px 35px 25px 0;
 font-size: 22px;
 display: flex;
 align-items: center;
 line-height: 32px;
}

.ac_accordion__title.cust {
 font-size: 18px;
 color: #666666;
}

.ac_accordion__title img {
 max-width: 42px;
 margin-right: 20px;
}

.categoria-grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 100px;
 margin-top: 28px;
}

.ac_accordion__rows {
 font-size: 16px;
 line-height: 26px;
}

.categoria-col {
 position: relative;
}

.categoria-col:not(:last-child):before {
 content: '';
 width: 2px;
 height: 100%;
 position: absolute;
 background: #dc0028;
 right: -35px;
}

.categoria-col span {
 font-size: 18px;
 font-weight: bold;
}

.categoria-col p {
 padding: 0;
 font-size: 16px;
 font-weight: 400;
}

.cat {
 margin-bottom: 24px;
}

.ac_accordion__card {
 position: relative;
}

.ac_accordion__card:not(:last-child):after {
 content: '';
 width: 100%;
 height: 1px;
 background: #E6E6E6;
 position: absolute;
}

.ac_accordion__title:before {
 content: '';
 position: absolute;
 right: 10px;
 width: 15px;
 height: 30px;
 background-image: url(/accion-social/convocatoria-ecosocial/wp-content/uploads/2023/05/icon-flecha-1.png);
 background-size: contain;
 background-position: center;
 background-repeat: no-repeat;
 transition: all 0.3s ease;
}

.open .ac_accordion__title:before {
 /*transform: rotate(90deg);*/
}

video.header-video {
    width: 100%;
}

/* CUSTOM ACCORDEON */
.accordion-aspectos-clave .ac_accordion__title.cust {
    background: #dc0028;
    color: white;
    padding: 5px 15px 5px 36px;
}

.accordion-aspectos-clave.sc_accordion__wrapper {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.accordion-aspectos-clave .ac_accordion__content {
    padding: 15px 0;
}

.accordion-aspectos-clave .ac_accordion__rows {
    padding: 15px;
    background: rgb(93 93 93 / 9%);
}

.accordion-aspectos-clave .ac_accordion__card:not(:last-child):after {display: none}
.accordion-aspectos-clave .ac_accordion__title:before {
	right: unset;
    left: 10px;
    transform: rotate(-90deg);
    background-image: url(/accion-social/convocatoria-ecosocial/wp-content/uploads/2024/04/Flecha-icon-white.png);
}

.accordion-aspectos-clave .open .ac_accordion__title:before {
	transform: rotate(0deg);
}

/* END CUSTOM ACCORDEON */

/* A QUIEN VA DIRIGIDO */
.a-quien-dirigido_wrapper {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.a-quien-dirigido_wrapper img {
    max-height: 90px;
    width: auto;
    margin: 0 auto 15px auto;
}
.a-quien-dirigido_wrapper span {
    max-width: 260px;
    margin: 5px auto;
    font-size: 15px;
}
span.title-quien-dirigido {
    font-weight: bold;
    font-size: 18px;
}
/* END A QUIEN VA DIRIGIDO */

.state.on {
    background: red;
    color: white;
    padding: 2px 14px;
    height: 30px;
    display: flex;
    align-items: center;
}
.estado-wrapper {
    display: flex;
    justify-content: center;
    gap: 4px;
    align-items: center;
    font-size: 19px;
    line-height: 5px;
}

.solicitar-beca-btn {
    font-size: 22px !important;
    padding: 10px 35px 7px 35px !important;
}

.solicitar-beca-btn::after {
    top: 11px;
}

h1.home-site-title b {
    font-family: 'GCO SANS bold' !important;
}

h1.home-site-title {
    font-family: 'Catalana' !important;
    font-weight: 500 !important;
    font-size: 40px;
}

h2.home-site-subtitle {
    font-family: 'GCO SANS' !important;
    font-weight: 500 !important;
    font-size: 35px;
}

/*
.cont-img-logo a:after {
    content: "Becas de Grado Jesús Serra";
    font-size: 27px;
    height: 60px;
    display: inline-flex !important;
    align-items: center !important;
    top: 0;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: fit-content;
    font-family: 'Catalana';
}
*/

@media screen and (max-width: 940px) {
	.cont-img-logo a:after {
	    position: unset;
	    width: 100%;
	    text-align: center;
	    justify-content: center;
	    font-size: 21px;
	}

	.cont-img-logo a {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
}
.solicitar-beca-btn:hover {
    background-color: #f80104;
}
.solicitar-beca-btn {
    background-color: #f80104;
}

/* MENU CORRECTION */
.container-nav_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    .container-nav_menu {
        flex-direction: column;
    }
}

/* Ganadores */
section.card-winner {
 display: flex;
 box-shadow: 0px 3px 6px #00000029;
 min-height: 377px;
}

section.card-winner img {
 width: 50%;
 object-fit: cover;
}

.winner-info {
 width: 50%;
 background: white;
 display: flex;
 padding: 40px 14px;
 flex-direction: column;
}

span.winner-category {
 font-size: 16px;
 color: #DC0028;
 font-weight: bold;
 margin-bottom: 16px;
}

span.winner-name {
 font-size: 30px;
 color: #dc0028;
 font-weight: bold;
 line-height: 33px;
 margin-bottom: 16px;
}

h2.title-winners {
 font-size: 32px;
 text-align: center;
 padding-top: 32px;
 color: #5D5D5D;
}

.wrapper-winners:after {
 display: none;
}

.wrapper-winners > div {
 width: 50% !important;
 margin: 0 !important;
}

.wrapper-winners {
 display: flex !important;
 gap: 16px;
}

@media screen and (max-width: 800px) {
.wrapper-winners > div {
 width: 100% !important;
}
.wrapper-winners {
 flex-direction: column;
}
section.card-winner img, 
section.card-winner div {
 width: 100%;
}
section.card-winner {
 flex-direction: column;
}
}

@media screen and (max-width: 750px) {
    article.et_pb_post {
        display: flex;
        flex-direction: column;
        width: 100%;
    } 

    article.et_pb_post * {
        width: 100% !important;
        padding: 0 !important;
    }
}