:root {
    --color-blue1: #a4497e;
    --color-blue2: #ff70b9;
    --color-blue3: #2d8ccc;
    --color-grey: #ededec;
    --color-blue1-trans: #a4497eb5;
}

.sppb-btn {
    cursor: pointer;
}

.ytp-videowall-still.ytp-suggestion-set {
    display: none;
}

.background-grey {
    background-color: var(--color-grey);
}

#column-wrap-id-1682417227145 {
    padding: 0;
}

.btn-blanco-transparente {
    background-color: transparent;
    border: 1px solid white;
    border-radius: 15px;
}

.btn-color1-transparente {
    background-color: transparent;
    border: 1px solid var(--color-blue1);
    border-radius: 15px;
    color: var(--color-blue1);
}

.btn-color1-transparente:hover {
    background-color: var(--color-blue1);
    color: white;
}

.btn-blanco-transparente * {
    background: transparent !important;
}

.titulo-punto {
    text-transform: uppercase;
    padding-bottom: 80px;
}

.titulo-punto .sppb-addon-title {
    font-size: 2.5rem !important;
}

.titulo-punto .sppb-addon-title:after {
    display: inline-block;
    content: "";
    background: var(--color-blue1);
    position: relative;
    width: 1rem;
    height: 1rem;
    border-radius: 10px;
    left: 10px;
}

/*
MENU CABECERA
INICIO
*/

.helix-ultimate #sp-header .logo {
    margin-left: 5px;
}
.helix-ultimate #sp-header .logo img{
    object-fit: contain;
}
.helix-ultimate #sp-header #sp-menu .sp-megamenu-wrapper {
    width: 100%;
}

.helix-ultimate #sp-header #sp-menu .sp-megamenu-wrapper .sp-menu-item {
    font-weight: bold;
}

.helix-ultimate #sp-header #sp-search {
    align-items: center;
    justify-content: center;
    display: flex;
    height: 70px;
    min-width: 120px;
    padding: 0;
}

.helix-ultimate #sp-menu .sp-megamenu-parent {
    width: inherit;
}

.helix-ultimate #sp-menu .sp-megamenu-wrapper ul li span {
    font-size: 13px;
}

.helix-ultimate #sp-menu .sp-megamenu-parent .mm_haztesocio {
    float: right;
    margin-right: 20px;
    height: 100%;
    padding-top: 3px;
    display: flex;
    align-items: center;
}

.helix-ultimate #sp-menu .sp-megamenu-parent .mm_haztesocio a {
    line-height: 50px;
    color: white;
    background: var(--color-blue1);
    border-radius: 15px;
}

.helix-ultimate #sp-menu .sp-megamenu-parent .mm_haztesocio span {
    background-color: var(--color-blue1);
    height: 60px;
    margin-top: 6px;
    line-height: 55px;
    color: white;
}


.helix-ultimate #sp-menu .sp-megamenu-parent .mm_donar {
    float: right;
    margin-right: 20px;
    height: 100%;
    padding-top: 3px;
    display: flex;
    align-items: center;
}

.helix-ultimate #sp-menu .sp-megamenu-parent .mm_donar span {
    border: var(--color-blue1) 1px solid;
    height: 50px;
    margin-top: 6px;
    line-height: 50px;
    color: var(--color-blue1);
    width: 110px;
    text-align: center;
    border-radius: 15px;
}

.helix-ultimate #sp-menu .sp-megamenu-parent .mm_donar span::after {
    display: none;
}

.helix-ultimate #sp-menu .sp-megamenu-parent .mm_quienessomos:hover,
.helix-ultimate #sp-menu .sp-megamenu-parent .mm_dondetrabajamos:hover,
.helix-ultimate #sp-menu .sp-megamenu-parent .mm_quehacemos:hover,
.helix-ultimate #sp-menu .sp-megamenu-parent .mm_comoayudar:hover,
.helix-ultimate #sp-menu .sp-megamenu-parent .mm_blog:hover {
    background-color: var(--color-blue1);
    color: white;
}
.helix-ultimate #sp-menu .sp-megamenu-parent .logo-coopera-bizum {
    width: 115px;
}
.helix-ultimate #sp-menu .sp-megamenu-parent .logo-coopera-euskadi {
    width: 140px;
}
.helix-ultimate #sp-menu .sp-megamenu-parent .logo-coopera-euskadi .image-title{
display: none;
}
.helix-ultimate #sp-menu .sp-megamenu-parent li:nth-child(5){
    float: right;
}
.helix-ultimate #sp-menu .sp-megamenu-parent li:nth-child(8){
    float: inline-end;
}
.helix-ultimate .megamenu #sp-logo {
    width: 230px;
}

.helix-ultimate .megamenu .sp-column {
    justify-content: initial !important;
    font-weight: bold;
}

.helix-ultimate .megamenu .megamenu_logo .logo .logo-image {
    height: 45px;
    min-width: 200px;
    margin-left: 10px;
}

.helix-ultimate .megamenu .sp-column .sp-megamenu-wrapper nav {
    width: 100%;
}

.article-header h2,
.article-header h2 a,
.row.article-header .informacion h1 {
    color: var(--color-blue1) !important;
}

/*
Inicio
Opción menu
Quienes somos
*/
.mm_quienessomos .sp-dropdown .sp-dropdown-inner {
    background: var(--color-blue1);
    padding: 15px 15px 25px 15px;
}

.mm_quienessomos .sp-dropdown .sp-dropdown-inner .item-222 span,
.mm_quienessomos .sp-dropdown .sp-dropdown-inner .item-232 span {
    color: #cfd4e4;
}

.mm_quienessomos .sp-dropdown .sp-dropdown-inner .item-222 ul,
.mm_quienessomos .sp-dropdown .sp-dropdown-inner .item-232 ul {
    padding-left: 10px;
}

.mm_quienessomos .sp-dropdown .sp-dropdown-inner .item-222 ul li,
.mm_quienessomos .sp-dropdown .sp-dropdown-inner .item-232 ul li {
    color: white;
    border-bottom: 1px solid white;
    height: 50px;
    padding-left: 10px;
    line-height: 50px;
}

.mm_quienessomos .sp-dropdown .sp-dropdown-inner .item-222 ul li:last-child,
.mm_quienessomos .sp-dropdown .sp-dropdown-inner .item-232 ul li:last-child {
    border-bottom: none;
}

.mm_quienessomos .sp-dropdown .sp-dropdown-inner .item-222 ul li a,
.mm_quienessomos .sp-dropdown .sp-dropdown-inner .item-232 ul li a {
    color: white;
    font-weight: bold;
}

.mm_quehacemos #column-wrap-id-1664540138025 {
    padding: 0;
}

.mm_donar .sp-dropdown .sp-dropdown-inner {
    background: var(--color-blue1);
    padding: 15px 15px 25px 15px;
}

.mm_donar .sp-dropdown .sp-dropdown-inner ul li {
    color: white;
    border-bottom: 1px solid white;
    height: 50px;
    padding-left: 10px;
    line-height: 50px;
}

.mm_donar .sp-dropdown .sp-dropdown-inner ul li a {
    color: white;
    font-weight: bold;
}

.mm_donar .sp-dropdown .sp-dropdown-inner ul li:last-child {
    border-bottom: none;
}

/*
Fin
Opción menu
Quienes somos
*/

/*
Inicio
Opción menu
Donde trabajamos
*/
.mm_dondetrabajamos>a {
    font-size: 13px !important;
    font-weight: bold !important;
}

.mm_dondetrabajamos .rotate {
    transform: rotate(135deg);
    transition-duration: 500ms;
}

.mm_dondetrabajamos .normal {
    transform: rotate(0deg);
    transition-duration: 500ms;
}

.mm_dondetrabajamos>a:hover {
    color: white !important;
}

.mm_dondetrabajamos .sp-dropdown .sp-dropdown-inner {
    background: var(--color-blue1);
}

.mm_dondetrabajamos .sp-dropdown .zona-dondetrabajamos .mod-articlescategories li {
    border-bottom: 1px white solid;
    line-height: 40px;
}

.mm_dondetrabajamos .sp-dropdown .zona-dondetrabajamos .mod-articlescategories .linea {
    display: flex;
    justify-content: space-between;
    color: white;
    height: 85px;

}

.mm_dondetrabajamos .sp-dropdown .zona-dondetrabajamos .mod-articlescategories .linea img {
    height: 75px;
    margin: 0 auto;
    padding-top: 5px;
}

.animation-dondeestamos-map {
    position: relative;
    top: 15px;
    width: auto;
    height: 100px !important;
}

.mm_dondetrabajamos .sp-dropdown .zona-dondetrabajamos .mod-articlescategories .linea a {
    width: 430px;
    color: white;
    cursor: pointer;
}

.mm_dondetrabajamos .sp-dropdown .zona-dondetrabajamos .mod-articlescategories .linea span {
    cursor: pointer;
    float: right;
    position: relative;
    top: 10px;
    right: 15px;
    font-size: 15px;
}

.mm_dondetrabajamos .sp-dropdown .zona-dondetrabajamos .mod-articlescategories .cyties {
    list-style: none;
    padding-left: 145px;


    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;

}

.mm_dondetrabajamos .sp-dropdown .zona-dondetrabajamos .mod-articlescategories .cyties li {
    border-bottom: none;
    width: 100%;
}

.mm_dondetrabajamos .sp-dropdown .zona-dondetrabajamos .mod-articlescategories .cyties a {
    color: white;
    display: block;
    width: 100%;
    padding-left: 10px;

}

.mm_dondetrabajamos .sp-dropdown .zona-dondetrabajamos .mod-articlescategories .cyties a:hover {
    background: var(--color-blue2);

}

.mm_dondetrabajamos .sp-dropdown .oculto {
    display: none;
    transition-duration: 5s;
}

.mm_dondetrabajamos .sp-dropdown .visible {
    display: block;
    transition-duration: 5s;
}

/*
Fin
Opción menu
Donde trabajamos
*/

/*
Inicio
Opción menu
Como ayudar
*/

.mm_comoayudar .sp-dropdown {
    width: auto !important;
}

.mm_comoayudar .sp-dropdown .sp-dropdown-inner {
    padding: 0px !important;
}

.sp-menu-item .mm_comoayudar .mm_op_comoayudar {
    background: var(--color-blue1);
    width: 890px;
}

.sp-menu-item .mm_comoayudar .mm_op_comoayudar nav ul {
    list-style: none;
    height: 200px;
    display: flex;
    justify-content: space-between;
    padding: 0px 10px 45px 10px;
    margin: 0px;
    text-decoration: none;
}

.sp-menu-item .mm_comoayudar .mm_op_comoayudar nav ul li {
    padding-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 125px;
}

.sp-menu-item .mm_comoayudar .mm_op_comoayudar nav ul li a {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: inherit;
    height: 100px;
}

.sp-menu-item .mm_comoayudar .mm_op_comoayudar nav ul li img {
    max-height: 50px;
    margin: 0 auto;
}

.sp-menu-item .mm_comoayudar .mm_op_comoayudar nav ul li a span {
    color: white;
    font-size: 15px;
    margin-top: 30px;
    font-weight: bold;
}

.sp-menu-item .mm_comoayudar .mm_op_comoayudar nav ul li .btn1 img {
    width: 50px;
    margin: 0 auto;
    object-fit: contain;
}

.sp-menu-item .mm_comoayudar .mm_op_comoayudar nav ul li .btn1 span {
    margin-top: 30px;
}

/*
.sp-menu-item .mm_comoayudar .mm_op_comoayudar nav ul li .btn6 img {
    width: auto;
    height: 65px;
    margin-top: 15px;
}

.sp-menu-item .mm_comoayudar .mm_op_comoayudar nav ul li .btn7 img {
    width: 84px;
}
*/
.sp-menu-item .mm_comoayudar .mm_op_comoayudar nav ul li .btn7 span {
    margin-top: 30px;
}

.sp-menu-item .mm_comoayudar .mm_op_comoayudar nav ul li .btn7 .subtext {
    margin-top: 0px;
    font-weight: 500;
}

/*
Fin
Opción menu
Como ayudar
*/

/*
Inicio
Opción menu
QUÉ HACEMOS
*/
.mm_quehacemos .sp-dropdown {
    width: auto !important;
}

.mm_quehacemos .sp-dropdown .sp-dropdown-inner {
    padding: 0px !important;
}

.sp-menu-item .mm_quehacemos .mm_op_quehacemos {
    background: var(--color-blue1);
    width: 940px;
}

.sp-menu-item .mm_quehacemos .mm_op_quehacemos nav ul {
    list-style: none;
    height: 175px;
    display: flex;
    justify-content: space-between;
    padding: 15px 10px 5px 10px;
    margin: 0px;

    text-decoration: none;
}

.sp-menu-item .mm_quehacemos .mm_op_quehacemos nav ul li {
    padding-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
}

.sp-menu-item .mm_quehacemos .mm_op_quehacemos nav ul li a {
    display: flex;
    flex-direction: column;
}

.sp-menu-item .mm_quehacemos .mm_op_quehacemos nav ul li img {
    max-height: 50px;
    margin: 0 auto;
}

.sp-menu-item .mm_quehacemos .mm_op_quehacemos nav ul li a {

    text-align: center;
    width: inherit;
    height: 130px;
}

.sp-menu-item .mm_quehacemos .mm_op_quehacemos nav ul li a span {
    color: white;
    font-size: 15px;
    margin-top: 30px;
    font-weight: bold;
}

.sp-megamenu-parent>li>a {
    padding: 0 10px;
}

/*
Fin
Opción menu
QUÉ HACEMOS
*/

@media only screen and (max-width: 1200px) {
    .helix-ultimate #sp-menu nav {
        white-space: nowrap;
    }

    .helix-ultimate #sp-menu nav ul {
        display: none !important;
    }

    .helix-ultimate #sp-menu nav a {
        display: flex !important;
    }

    .helix-ultimate #sp-search {
        display: none !important;
    }

    .helix-ultimate #sp-logo {
        width: 200px;
    }

    .helix-ultimate #sp-menu {
        margin-left: auto;
        margin-right: 30px;
        width: 55px;
    }

}

#sp-header .sp-megamenu-parent>li>span {
    padding: 0 5px;
}

/*
MENU CABECERA
FIN
*/
.social-icons {
    position: relative;
    z-index: 99;
}

#sp-section-2 {
    height: 0px;
}

/*
Menu movil
*/

.offcanvas-menu .offcanvas-inner ul.menu .item-236 {
    display: none;
}


.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a {
    padding: 10px 0;
}
#sp-slider-item-1732634707384-num-1-key .sp-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 25%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: -1;
}
/* 
**************************************************************************************
Home (page-1)
Inicio
**************************************************************************************
*/
/*
Carrusel
imagen 1
Inicio

.page-1 .header .header_carousel .sppb-item-16642675635582 .sppb-carousel-text{
    max-width: 38%;
    margin: 0px 0px 0px auto;
}
.page-1 .header .header_carousel .carrusel-cont {
    text-align: center;
}
.page-1 .header .header_carousel .carrusel-cont *{
    font-size: 25px !important;
}
.page-1 .header .header_carousel .sppb-carousel-inner .sppb-item-has-bg img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    min-height: 400px;
    min-width: 460px;
}

.page-1 .header .sppb-carousel-caption .sppb-carousel-text {
    float: right;
    margin: 1% 2% 0px 0px;
    text-align: right;
    max-width: 30%;
}

.page-1 .header .header_carousel .sppb-carousel-caption .sppb-carousel-text h2 {
    font-size: 60px;
    font-weight: bold;
}

.page-1 .header .header_carousel .sppb-carousel-caption .sppb-carousel-text div {
    font-size: 30px;
    color: black;

}

.page-1 .header .header_carousel .sppb-carousel-caption .sppb-carousel-text a {
    background-color: var(--color-blue1);
    color: white;

    padding: 22px 35px 22px 35px;
    margin: 40px 0px 30px 0px;

    font-size: 25px;

    border: none;

    border-radius: 0%;
    box-shadow: 10px 10px 0px 0px var(--color-blue2);
    width: 290px;
}

.page-1 .header .header_carousel .sppb-carousel-inner .sppb-item-has-bg .text-cabecera-olimpiada img {
    width: 355px;
    float: right;
    margin-bottom: 20px;

}
*/

.page-1 .header .header_carousel .sp-slider-content-align- {
    background-color: var(--color-blue1);
    max-width: 500px;
    padding: 30px 45px;
    border-radius: 25px;
    margin-left: auto;
}

.page-1 .header .header_carousel .sp-slider-content-align- .sp-slider-btn-text {
    padding: 10px 35px;
}

.page-1 .header_banner .header_banner_text {
    font-size: 25px;
    padding: 0 125px 0px 0px;
}

/*
Carrusel
imagen 1
Fin
*/

/*Fin Carrusel*/


/*Inicio Nuestro impacto*/
.page-1 .impact .impact_number .sppb-animated-number {
    font-size: 80px !important;
    font-weight: bold;
}

.page-1 .impact .impact_number .sppb-animated-number-title {
    font-size: 25px !important;
    font-weight: lighter;
    margin-top: 25px;
    color: gray;
    width: 150px;
}

.page-1 .news {
    background: linear-gradient(180deg, white 50%, var(--color-grey) 0);
}

.page-1 .news .sppb-addon-article {
    background-color: white;
}

.page-1 .news .sppb-addon-article img.sppb-img-responsive {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.page-1 .news .sppb-addon-article .sppb-article-info-wrap {
    padding: 15px 30px;
    height: 240px;
    display: block;
    position: relative;
}

.page-1 .news .sppb-addon-article .sppb-article-info-wrap h3 {
    font-size: 1.4rem;
}

.page-1 .news .sppb-addon-article .sppb-article-info-wrap .sppb-readmore {
    position: absolute;
    right: 25px;
    bottom: 20px;
    color: black;
    z-index: 9;
    text-transform: uppercase;
}

.page-1 .news .sppb-addon-article .sppb-article-info-wrap .sppb-readmore:after {
    display: inline-block;
    content: "";
    background: var(--color-blue1);
    position: absolute;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 60%;
    right: -7px;
    top: -12px;
    z-index: -1;
    transition: all 0.5s ease-out;
}

.page-1 .news .sppb-addon-article .sppb-article-info-wrap .sppb-readmore:hover:after {
    width: 112%;
    border-radius: 50px;
}

.page-1 .news .btn-color1-transparente {
    text-transform: uppercase;
    font-size: 1.1rem;
    padding: 12px 20px;
    width: 40%;
    min-width: 300px;
    font-weight: bold;
}

/*Fin Nuestro impacto*/

/*Inicio News
.page-1 .news {
    background-color: var(--color-grey);
    padding: 60px 2% 0px 8%;
}

.page-1 .news .news_tittle {
    float: left;
}

.page-1 .news .news_tittle h2 {
    font-weight: bold;
}

.page-1 .news .news_tittle h2 {
    font-weight: bold;
}

.page-1 .news .noticias .sppb-col-sm-4 {
    margin: 0 auto;
    max-width: 70%;
}

.page-1 .news .noticias .sppb-addon-article {
    background: white;
    height: 500px;
    width: inherit;
}

.page-1 .news .noticias .sppb-addon-article .sppb-article-img-wrap {
    height: 270px;
    width: inherit;
    object-fit: contain;
    display: flex;
    align-items: center;

}

.page-1 .news .noticias .sppb-addon-article .entry-video {
    height: 270px;
}

.page-1 .news .noticias .sppb-addon-article .sppb-article-img-wrap img {
    object-fit: cover;
    height: inherit;
    width: inherit;

}

.page-1 .news .noticias .sppb-addon-article .sppb-article-info-wrap {
    color: black;
    padding: 10px 4% 1% 4%;
}

.page-1 .news .noticias .sppb-addon-article .sppb-article-info-wrap .sppb-article-introtext {
    height: 130px;
}
*/

/*.page-1 .news .noticias .sppb-addon-article .sppb-article-info-wrap h3 {
    padding: 12px 4% 4% 4%;

}

.page-1 .news .noticias .sppb-addon-article .sppb-article-info-wrap h3 a {
    color: black;
    font-size: 20px;
}

.page-1 .news .noticias .sppb-addon-article .sppb-article-info-wrap .sppb-readmore {
    font-weight: 500;
    color: var(--color-blue1);
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 1px solid var(--color-blue1);
    padding: 2px 3px 2px 3px;
    position: absolute;
    right: 25px;
    bottom: 40px;
}

.page-1 .news .noticias .sppb-addon-article .sppb-article-info-wrap .sppb-readmore:hover {
    background: var(--color-blue1);
    color: white;
}

.page-1 .news .noticias .sppb-addon-article .sppb-article-info-wrap .sppb-readmore::before {
    content: "🡢";
}
*/

/*Fin News*/

/*Inicio Mapa*/
.page-1 .map .map_text {
    text-align: center;
}

.page-1 .map .map_text h2 {
    margin: 0px;
}

.page-1 .map .map_text .map_subtittle {
    font-size: 30px;
    font-weight: 600;
}

.page-1 .map #sppb-addon-1681806567532 svg {
    width: 100%;
    height: 100%;
    padding: 0 2% 0 2%;
}

/*Fin Mapa*/



/*Fin voluntarios*/


/*
**************************************************************************************
Home (page-1)
Fin
**************************************************************************************
*/

/*
Home (page-29)
Inicio
*/
.page-29 h1 {
    font-size: 50px;
}

.page-29 h2 {
    font-size: 40px;
}

.page-29 h3 {
    font-size: 30px;
}

.page-29 .titulo-seccion {
    padding: 40px 0px 0px 5%;
    font-size: 25px;
}

.page-29 .text-blue {
    color: var(--color-blue2);
}

.page-29 .cabecera {
    padding: 0px 25% 0px 5%;
}

.page-29 .cabecera .titulo h1 {
    font-weight: bold;
}

.page-29 .cabecera .subtitulo h2 {
    font-weight: normal;
    line-height: 15px;
}

.page-29 .cabecera .lema-html .lema {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.page-29 .cabecera .lema-html .lema img {
    height: 120px;
    padding-right: 30px;
}

.page-29 .cabecera .lema-html .lema h3 {
    font-weight: bold;
}

.page-29 .cabecera .cabecera-texto {
    font-size: 20px;
    font-weight: 350;
}

.page-29 .vino {
    background: var(--color-blue1);
    height: 400px;
    padding: 40px 0px 0px 5%;
}

.page-29 .vino .vino-img {
    width: fit-content;
    position: relative;
    float: right;
    bottom: 380px;
    margin-right: 10px;
}

.page-29 .vino .vino-img img {
    height: 930px;
}

.page-29 .vino .vino-texto {
    color: white;
    font-size: 28px;
    height: 145px;
}

.page-29 .vino .vino-boton {
    background: var(--color-blue2);
    color: white;
    padding: 25px 35px 25px 35px;
    margin: 0px 0px 0px 0px;
    font-size: 30px;
    border: none;
    border-radius: 0%;
    font-weight: 600;
}

.page-29 .sppb-addon-divider-wrap {
    text-align: center;
}

.page-29 .sppb-addon-divider-wrap .separador {
    border: 1px solid var(--color-blue1);
    width: 90%;
}

.page-29 .pedido {
    padding: 30px 32% 0px 5%;
    font-size: 20px;
}

.page-29 .pedido .text-blue {
    color: var(--color-blue1);
}

.page-29 .pedido .linea {
    border-bottom: var(--color-blue1) solid 1px;
}

.page-29 .regalo {
    padding: 40px 0px 0px 5%;
}

.page-29 .regalo .regalo-titulo h3 {
    font-weight: bold;
}

.page-29 .regalo .regalo-texto {
    font-size: 20px;
}

.page-29 .regalo #column-id-1665654538649 .sppb-column-addons {
    margin-right: 30px;
}

.page-29 .regalo .regalo-boton {
    background: var(--color-blue1);
    color: white;
    padding: 25px 35px 25px 35px;
    margin: 0px 0px 0px 0px;
    font-size: 30px;
    border: none;
    border-radius: 0%;
    box-shadow: 10px 10px 0px 0px var(--color-blue2);
    font-weight: 600;
}

/*
Home (page-29)
Fin
*/

/*
Loteria (page-30)
Inicio
*/
.page-30 h1 {
    font-size: 60px;
}

.page-30 h2 {
    font-size: 40px;
}

.page-30 .titulo-seccion {
    padding: 40px 0px 0px 0%;
    font-size: 25px;
}

.page-30 .header {
    padding: 0px 0px 0px 5%;
}

.page-30 .header .header-tittle h1 {
    font-weight: bold;
    text-align: left;
}

.page-30 .header .header-text h2 {
    font-weight: 600;
}

.page-30 .header .header-text .text {
    font-size: 20px;
}

.page-30 .comprar {
    background: var(--color-blue1);
}

.page-30 .comprar .comprar-text {
    color: white;
    font-size: 30px;
}

.page-30 .comprar .comprar-text {
    color: white;
    font-size: 30px;
}

.page-30 .comprar .comprar-text strong {

    font-size: 30px;
}

.page-30 .comprar #column-id-1665992211962 .sppb-column-addons {
    display: flex;
    align-items: center;
}

.page-30 .comprar .comprar-btn {
    background: var(--color-blue3);
    color: white;
    padding: 25px 35px 25px 35px;
    margin: 0px 0px 0px 0px;
    font-size: 30px;
    border: none;
    border-radius: 0%;
    box-shadow: 10px 10px 0px 0px var(--color-blue2);
    font-weight: 600;
    cursor: pointer;
}

.page-30 .banner-loteria {
    height: 45vw;
    background-size: cover;
    background-attachment: scroll;
    width: 100%;
}

/*
Loteria (page-30)
Fin
*/


/*
*******************************************************************
Memorias (page-32)
Inicio
*******************************************************************
*/

.page-32 .cabecera {
    background: #eee;
    padding: 5%;
}

.page-32 .cabecera .cabecera-texto {
    background: white;
    padding: 20px 130px 25px 60px;
}

.page-32 .cabecera .cabecera-texto {
    background: white;
    padding: 20px 60px 20px 60px;
}

.page-32 .cabecera .cabecera-texto .text h1 {
    font-size: 30px;
    margin-bottom: 25px;
    font-weight: lighter;
}

.page-32 .cabecera .cabecera-texto .text p {
    font-size: 21px;
    font-weight: bold;
}

.page-32 .material .titulo {
    margin: 30px 50px 70px 10px;
    border-left: 5px var(--color-blue1) solid;
}

.page-32 .material .titulo .text-titulo {
    font-size: 40px;
    font-weight: bold;
    padding-left: 15px;
}

.page-32 .material .logo-medio {
    position: absolute;
    width: 350px;
    right: 0px;
    bottom: 160px;
}

.page-32 .material #sppb-addon-1734016691123 {
    justify-content: space-evenly;
}

.page-32 .box {
    margin: 0px 0px 40px 0px;
}

.page-32 .box .imagen .sppb-addon-single-image-container {
    float: right;
}

.page-32 .box .imagen .sppb-addon-single-image-container img {
    height: 300px;
    width: 211px;
    object-fit: contain;
}

.page-32 .box .box-der {
    border-top: 1px var(--color-blue1) solid;
    padding: 40px 70px 0px 30px;
}

.page-32 .box .box-der .fecha {
    font-size: 20px;
    padding: 0px 0px 40px 0px;
}

.page-32 .box .box-der .btn-descarga {
    color: black;
    border-bottom: 1px var(--color-blue1) solid;
    padding: 0px 10px 4px 5px;
    font-size: 20px;
    font-weight: lighter;
    border-radius: 0px;
}

.page-32 .box .box-der .btn-descarga:hover {
    color: white;
    background: var(--color-blue1);
}

/*
*******************************************************************
Memorias (page-32)
Fin
*******************************************************************
*/

/*
*******************************************************************
Equipo (page-33)
Inicio
*******************************************************************
*/
.page-33 .cabecera {
    background: #eee;
    padding: 5%;
}

.page-33 .cabecera .cabecera-texto {
    background: white;
    padding: 20px 130px 25px 60px;
}

.page-33 .cabecera .cabecera-texto {
    background: white;
    padding: 20px 60px 20px 60px;
    min-height: 250px;
}

.page-33 .cabecera .cabecera-texto .text h1 {
    font-size: 30px;
    margin-bottom: 25px;
    font-weight: lighter;
}

.page-33 .cabecera .cabecera-texto .text p {
    font-size: 21px;
    font-weight: bold;
}

.page-33 .material {
    padding: 60px;
}

.page-33 .material .logo-medio {
    position: absolute;
    width: 350px;
    right: 0px;
    bottom: 50px;
}

.page-33 .material .persona {
    width: 240px;
    min-height: 410px;
    margin-bottom: 40px;
    margin: 0 auto;

}

.page-33 .material .persona .foto .sppb-addon-single-image-container {
    background: var(--color-blue1);
    /*filter: contrast(130%);*/
}

.page-33 .material .persona .foto .sppb-addon-single-image-container img {
    opacity: 0.2;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    height: 240px;
    width: 240px;
    object-fit: cover;

}

.page-33 .material .persona .foto .sppb-addon-single-image-container img:hover {
    opacity: 1;
    filter: contrast(100%);
}

.page-33 .material .persona .text-descripcion h2 {
    font-size: 25px;
    font-weight: 600;
    margin-top: 20px;
}

.page-33 .material .persona .text-descripcion p {
    font-size: 15px;
}

/*
*******************************************************************
Equipo (page-33)
Fin
*******************************************************************
*/

/*
*******************************************************************
Equipo (page-34)
Inicio
*******************************************************************
*/
.page-34 .cabecera {
    background: #eee;
    padding: 5%;
}

.page-34 .cabecera .cabecera-texto {
    background: white;
    padding: 20px 130px 25px 60px;
}

.page-34 .cabecera .cabecera-texto {
    background: white;
    padding: 20px 60px 20px 60px;
    min-height: 250px;
}

.page-34 .cabecera .cabecera-texto .text h1 {
    font-size: 30px;
    margin-bottom: 25px;
    font-weight: lighter;
}

.page-34 .cabecera .cabecera-texto .text p {
    font-size: 21px;
    font-weight: bold;
}

.page-34 .material .logo-medio {
    position: absolute;
    width: 350px;
    right: 0px;
    bottom: -10px;
}

.page-34 .material .box {
    right: 0px;
    bottom: -10px;
}


.page-34 .material .box .grafico .sppb-addon-single-image-container {
    display: flex;
    align-items: center;
}

.page-34 .material .box .text-titulo .text {
    border-left: 4px var(--color-blue1) solid;
    padding-left: 10px;
}

.page-34 .material .balance .titulos-descargas h2 {
    border-left: 7px var(--color-blue1) solid;
    padding-left: 10px;
    font-weight: bold;
    height: 55px;
}

.page-34 .material .balance .descargas .opcion span {
    border-bottom: 1px solid var(--color-blue1);
    padding: 0px 5px 1px 5px;
    font-weight: bolder;
    margin-right: 15px;
    text-transform: uppercase;
}

.page-34 .flecha {
    /*position: absolute;
    top: 50%;
    right: 0;*/
    width: 3vmin;
    height: 3vmin;
    background: transparent;
    border-top: 1vmin solid rgb(0, 0, 0);
    border-right: 1vmin solid black;
    box-shadow: 0 0 0 black;
    transition: all 200ms ease;
    transform: translate3d(0, -50%, 0) rotate(45deg);

}

.page-34 .descargas .descargas-boxes {
    /*display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: space-around;*/
}

div.descargas-boxes:nth-child(3) {
    margin: 50px 0 0 0;
}

.page-34 .descargas .opcion {
    display: flex;
    margin-bottom: 30px;
    margin-right: 70px;
}

.page-34 .descargas .opcion a img {
    margin-left: 12px;
    height: 35px;
    position: relative;
    bottom: 10px;
    min-width: 20px;
}

.page-34 .sppb-addon.sppb-addon-single-image.sppb-text-center.grafico img {
    max-width: 600px;
    height: 330px;
    object-fit: contain;
    margin: 0 auto;
    width: 100%;
}

/*
*******************************************************************
Equipo (page-34)
Fin
*******************************************************************
*/
/*
*******************************************************************
Conocenos (page-35)
Inicio
*******************************************************************
*/

.page-35 .caja .titulo h1 {
    font-size: 25px;
}

.page-35 .caja .text {
    font-size: 20px;
}

.page-35 .caja .text p {
    margin-bottom: 0px;
}

.page-35 #sppb-addon-1670580738299 {
    z-index: 5;
    position: relative;
}

.page-35 #sppb-addon-1670580738299 .sppb-addon-single-image-container {
    position: relative;
    bottom: 40px;
    width: 40%;
}

/*
*******************************************************************
Conocenos (page-35)
Fin
*******************************************************************
*/

/*
************************************************************************************************************************************
Elige un proyecto
page-28
Inicio
************************************************************************************************************************************
*/


.page-28 .tittle {
    font-weight: bold;
    font-size: 3rem;
    margin: 0px;
    line-height: 40px;
}

.page-28 .subtittle {
    font-weight: 500;
    font-size: 1.9rem;
}

.page-28 .donaciones-directas {
    padding: 2% 2% 2% 5%;
    max-width: 1550px;
    margin: 0 auto;
    background: white;
}

.page-28 .donaciones-directas .donacion-cabecera .cabecera {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.page-28 .donaciones-directas .donacion-cabecera .donacion-titulo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-28 .donaciones-directas .donacion-cabecera .text-titulo {
    border-left: 8px solid var(--color-blue1);
    padding: 15px 0px 15px 15px;
    display: flex;
    align-items: center;
}

.page-28 .donaciones-directas .donacion-cabecera .text-titulo p {
    margin: 0;
}

.page-28 .donaciones-directas .donacion-cabecera .donacion-titulo h2 {
    height: fit-content;
}

.page-28 .donaciones-directas .donacion-cabecera .cabecera .cabecera-img {
    width: 300px;
}

.page-28 .donaciones-directas .donacion-cabecera .cabecera .cabecera-img img {
    animation: latidos 2s infinite;
}

@keyframes latidos {
    from {
        transform: none;
    }

    50% {
        transform: scale(0.95);
    }

    to {
        transform: none;
    }
}

.page-28 .donaciones-directas .donacion-cabecera .donacion-explicacion {
    margin: 25px 0 25px 0;
    font-size: 1.5rem;
}

.page-28 #column-id-1665495234983 {
    padding: 50px 0px 0px 0px;
}


.page-28 .acciones .acciones-titulo {
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 25px;
    text-align: center;
}

.page-28 .acciones .acciones-btn {
    background: var(--color-blue1);
    color: white;
    padding: 20px 30px 20px 30px;
    margin: 0px 0px 0px 0px;
    font-size: 20px;
    border: none;
    border-radius: 0%;
    box-shadow: 10px 10px 0px 0px var(--color-blue2);
    font-weight: 600;
    cursor: pointer;
}

.page-28 .acciones-separador {
    border-bottom: var(--color-blue1) 1px solid;
    width: 90%;

    margin: 30px 5% 20px 5%;

}

.page-28 .acciones-bizum-img {
    max-width: 300px;
    margin: 0px auto 20px;
}

.page-28 #sppb-addon-wrapper-1666081899633 {
    margin: 10px 0 10px 0;
}

.page-28 .vino {
    margin-bottom: 40px;
}

.page-28 .vino .acciones-vino-img {
    max-width: 300px;
    margin: 0 auto;
}

.page-28 #column-id-1665495234983>.sppb-column-addons {
    padding: 0 5px 0 5px;
}

.page-28 #sppb-addon-1665495234996 .sppb-addon-content {
    font-size: 25px;
    text-transform: uppercase;
    width: 195px;
}

.page-28 .boxesContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 40px;
}

.page-28 .cardBox {
    font-size: 1.2em;
    perspective: 800px;
    margin: 1% auto;
    transition: all 1.5s ease 0s;
    max-width: 430px;
}

.page-28 .cardBox h2 {
    font-size: 1.4rem;
    text-align: center;
    margin: 0 0px 15px 0;
}

.page-28 .cardBox .btn-dona {
    background: var(--color-blue1);
    color: white;
    width: 40%;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 2px 0;
}

.page-28 .cardBox .btn-dona:hover {
    background: var(--color-blue2);
}

.page-28 .cardBox:hover .card {
    transform: rotateY(180deg);
}

.page-28 .card {
    background: transparent;
    border: transparent;
    transform-style: preserve-3d;
    width: 100%;
    -webkit-animation: giro 1s 1;
    animation: giro 1s 1;
    /*height: 500px;*/
    height: 360px;
    transition: transform 2s ease 0s;
    margin: 0 0px 15px 0;
}

.page-28 .card img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.page-28 .card .front,
.page-28 .card .back {
    backface-visibility: hidden;
    box-sizing: border-box;
    display: block;
    font-size: 15px;
    height: 100%;
    padding: 0.8em;
    position: absolute;
    text-align: center;
    width: 100%;
}

.page-28 .card .back {
    transform: rotateY(180deg);
}

.page-28 .card .back a:hover {
    background: #fff;
    color: #333;
    text-shadow: 0 0 1px #333;
}

.page-28 .cardBox .card .back {
    /*background: var(--color-blue2);*/
    background: white;
}

.page-28 .cardBox:nth-child(2) .card {
    -webkit-animation: giro 1.5s 1;
    animation: giro 1.5s 1;
}

.page-28 .cardBox:nth-child(3) .card {
    -webkit-animation: giro 2s 1;
    animation: giro 2s 1;
}

.page-28 .cardBox:nth-child(4) .card {
    -webkit-animation: giro 2.5s 1;
    animation: giro 2.5s 1;
}

@-webkit-keyframes giro {
    from {
        transform: rotateY(180deg);
    }

    to {
        transform: rotateY(0deg);
    }
}

@keyframes giro {
    from {
        transform: rotateY(180deg);
    }

    to {
        transform: rotateY(0deg);
    }
}

@media screen and (max-width: 767px) {
    .page-28 .cardBox {
        margin-top: 3%;
        width: 46%;
    }

    .page-28 .card {
        height: 285px;
    }

    .page-28 .cardBox:last-child {
        margin-bottom: 3%;
    }
}

@media screen and (max-width: 480px) {
    .page-28 .cardBox {
        width: 94.5%;
    }

    .page-28 .card {
        height: 340px;
    }

    .page-28 .card .back {
        font-size: 13px;
    }
}

/***********************************************************************************************************/
.flipbox-card .sppb-flipbox-front.flip-box:before,
.flipbox-card .sppb-flipbox-back.flip-box:before {
    background-color: transparent;
}

.flipbox-card {
    background-color: transparent;
    transition: all 1s ease;
    max-width: 420px;
    margin: 0 auto;
}

.flipbox-card .sppb-flipbox-panel {
    overflow: hidden;
    height: 345px;
}

.flipbox-card .sppb-flipbox-panel .sppb-flipbox-back,
.flipbox-card .sppb-flipbox-panel .sppb-flipbox-front {
    margin: 0;
    padding: 0;
}

.flipbox-card .sppb-flipbox-panel .flipbox-card .threeD-item {
    height: 400px;
}

.flipbox-card:hover {
    background-color: white;
}

.flipbox-card .sppb-flipbox-back .flip-box-inner {
    background-color: var(--color-blue1);
    padding: 2%;
    color: aliceblue;
    height: 100%;
}

.flipbox-card p {
    font-size: 1rem;
    color: white;
}

.flipbox-card img {
    height: 345px;
    object-fit: cover;
    width: 100%;
}

.flipbox-card ul {
    padding-left: 20px;
    list-style: disc;
}

.flipbox-card ul {
    margin-top: -10px;
}

.flipbox-card ul li {
    font-size: 26px;
    font-weight: 300;
    line-height: 32px;
    padding-bottom: 10px;
}

#sp-main-body .threeD-flip-back .threeD-content-inner,
#sp-main-body .threeD-flip-front .threeD-content-inner {
    padding: 25px;
}

#sp-main-body .sppb-flipbox-front,
#sp-main-body .sppb-flipbox-back {
    transition: all 1s ease;
}

#sp-main-body .sppb-flipbox-front {
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
    transition: all 1s ease;
}

#sp-main-body .flip .sppb-flipbox-front {
    transform: matrix(1, 0, 0, 0.01, 0, 250);
    opacity: 0;
    transition: all 1s ease;
}

#sp-main-body .sppb-flipbox-back {
    transform: matrix(1, 0, 0, 0.01, 0, -250);
    opacity: 0;
    transition: all 1s ease;
}

#sp-main-body .flip .sppb-flipbox-back {
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
    transition: all 1s ease;
}

/***********************************************************************************************************/



/*
************************************************************************************************************************************
Elige un proyecto
page-28
Fin
************************************************************************************************************************************
*/
/*
*******************************************************************
Banners
Inicio
*******************************************************************
*/
.banner {
    background-color: var(--color-blue1);
}

.banner .sppb-carousel-pro .sppb-item {
    padding: 0px;
}

.banner .sppb-carousel-pro .sppb-carousel-pro-inner-content .sppb-row>div:first-child {
    display: flex;
}

.banner .sppb-carousel-pro .sppb-carousel-pro-inner-content .sppb-carousel-pro-text {
    margin: auto 0px auto 20%;
    color: white;
    font-size: 2.5rem;
}

.banner .sppb-carousel-pro .sppb-carousel-pro-inner-content .sppb-carousel-pro-text a {
    background-color: transparent;
    border: 1px solid white;
    border-radius: 15px;
    color: white;
    padding: 15px 40px;
    margin: 45px 0 0 0;
    font-size: 1.4rem;
}

.banner .sppb-carousel-pro .sppb-carousel-pro-inner-content .sppb-carousel-pro-text a:hover {
    background-color: white;
    color: black
}

.banner .sppb-carousel-pro .sppb-carousel-pro-inner-content .sppb-text-right {
    margin: 0;

}

.banner .sppb-carousel-pro .sppb-carousel-pro-inner-content .sppb-text-right .sppb-img-reponsive {
    margin: 0 0px 0 auto;
    height: 600px;
}

.banner .sppb-carousel-pro .sppb-carousel-pro-arrow-bottom-right {
    bottom: 45px;
}

.banner .sppb-carousel-pro .sppb-carousel-pro-arrow-bottom-right .sppb-carousel-arrow {
    border: none;
    background: var(--color-blue1);
    height: 50px;
    width: 50px;
    line-height: 50px;
}

.banner .sppb-carousel-pro .sppb-carousel-pro-arrow-bottom-right .sppb-carousel-arrow:first-child {
    border-radius: 10px 0 0 10px;
}

.banner .sppb-carousel-pro .sppb-carousel-pro-arrow-bottom-right .sppb-carousel-arrow:last-child {
    border-radius: 0px 10px 10px 0;
}

/*
Banner - Patrocinadores / Colaboradores
Inicio
*/
.colab {
    padding: 0px 0px 0px 50px;
}

.colab .logos .logo {
    margin-bottom: 20px;
}

.colab .logos .logo img {
    width: 190px;
    object-fit: contain;
    height: 140px;
}

/*
Banner - Patrocinadores / Colaboradores
Fin
*/




/*
*******************************************************************
Banners
Fin
*******************************************************************
*/

/*
Footer
Inicio
*/
.footer .footer_logos .logo_cooperaF img {
    margin-bottom: 5px;
    object-fit: contain;
    max-height: 200px;
}

.footer .footer_logos .footer_social ul li {
    font-size: 30px;
}

.footer .footer_data {
    width: 420px;
    margin: 0 auto;
}

.footer .footer_data a {
    color: var(--color-blue1);
}

.footer .footer_data .sppb-column-addons div {
    margin-bottom: 5px;
}

/*tamaño de iconos del footer*/
.footer .footer_data .footer_data_directions * {
    color: #000;
}

/*tamaño de iconos del footer*/
.footer .footer_data .footer_data_directions .pull-left {
    width: 35px !important;
    margin: 20px 20px 0px 0px;
}

.footer .footer_data .footer_data_phone .pull-left {
    margin-top: 15px;
}

.footer .footer_data .footer_data_mail {
    margin-top: 15px;
}

.footer .footer_data .footer_data_mail .pull-left {
    margin-top: 20px;
}

.footer #section-id-1664347606517 {
    width: 390px;
    margin: 0 auto;
}

.footer .footer_navigation {
    margin: 45px 0px 0px 30px;
}

.footer .list-politicas {
    margin: 0px 0px 0px auto;
}

.footer .list-politicas ul {
    list-style: none;
    display: flex;
    margin-bottom: 0px;
    gap: 20px;
}

.footer .list-politicas ul li a {
    white-space: nowrap;
}

.footer .footer-politicas {
    display: flex;
    margin-top: 30px;
}

.footer .footer-politicas .copy {
    height: fit-content;
}

.footer .footer-colum {
    padding-left: 5%;
    border-left: 1px solid var(--color-blue1);
    min-width: 300px;
    margin: 0 auto;
}

#sp-footer {
    background-color: var(--color-blue1);
}

#sp-footer p {
    margin: 0;
}

#sp-footer #sp-footer1 {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

#sp-footer #sp-footer2 #navbar129 {
    justify-content: flex-end;
    margin: 0 20px 0px 0px;
}

#sp-footer #sp-footer2 #navbar129 .mod-menu {
    gap: 20px;
}

#sp-footer #sp-footer2 #navbar129 .mod-menu a {
    color: white;
}

/*
Footer
Fin
*/

/* SECCION PROYECTOS */
/*
***********************************************************************************************
BLOG CATEGORÍA PAÍS
Inicio
***********************************************************************************************
*/
.sin-blog {
    max-width: 400px;
    margin: 0 auto;
}
.blog {
    background: #f2f2f2;
}

.blog .img-fondo-categoria {
    height: 90vh;
    display: flex;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.blog .video-fondo-categoria .contenedor-categoria {
    z-index: 55;
    position: relative;
}

.blog .category-desc .contenedor-categoria {
    display: flex;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 0 5%;
}

.blog .category-desc .contenedor-categoria .titulo-categoria h1 {
    margin: 0 auto;
    font-size: 85px;
    padding-top: 15px;
}

.blog .category-desc .contenedor-categoria .container {
    padding: 20px 0px 20px 0;
}

.blog .category-desc .contenedor-categoria .container .container-inner h2 {
    font-size: 35px;
}

.blog .category-desc .contenedor-categoria .container .container-inner p {
    color: #f3f3f3;
    margin: 0 0 20px 0px;
}

.blog .container .ultimas-noticias-pais h2 {
    margin: 4% 0px 2% 0px;
}

.blog .container .article-list .article {
    border: none;
}

.blog .container .article-list .article .article-intro-image img,
.blog .container .article-list .article .carousel-inner .carousel-item {
    height: 330px;
    width: 100%;
    object-fit: cover;

}

.blog .container .article-list .article .article-featured-video {
    height: 330px;
}

.blog .container .article-body {
    position: relative;
    bottom: 55px;
    background: white;
    padding: 4%;
    height: fit-content;
    min-height: 370px;
}

.blog .container .article-body .article-introtext {
    height: 180px;
    /* position: relative;*/
}

.blog .container .article-body .article-introtext {
    height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blog .article-list .article .readmore {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.blog .article-list .article .readmore a {
    font-weight: 500;
    color: var(--color-blue1);
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 1px solid var(--color-blue1);
    padding: 2px 3px 2px 3px;
}

.blog .article-list .article .readmore a::before {
    content: "🡢";
}

.blog .article-list .article .readmore a:hover {
    background: var(--color-blue1);
    color: white;
}


.blog .tags {
    gap: 20px;
    margin: 20px 0 20px 0;
}

.blog .tags .tag-con-imagen img {
    max-width: 50px;
}



.com-content.view-category.layout-blog #sp-main-body {
    padding-top: 0;
}

.com-content.view-article.layout-blog .imagenesODS img {
    width: 80px;
}

.com-content.view-article.layout-blog .imagenesODS {
    display: flex;
    gap: 5px;
}

.breadcrumb {
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
}

.breadcrumb a {
    color: #aaa;
}

.breadcrumb-item.active span {
    color: #fff;
}


.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a {
    color: #22548d;
}

.sp-megamenu-parent>.mm_blog.active>a {
    color: black;
    font-weight: 700;

}

.sp-megamenu-parent>.mm_blog.active:hover>a {
    color: white;
}

.ultimas-noticias-pais .article-list,
.ultimas-noticias-pais .cat-children {
    max-width: 1200px;
    margin: 0 auto;
}

.ultimas-noticias-pais h2 {
    text-transform: uppercase;
}

.ultimas-noticias-pais a {
    color: #000;
    width: 100%;
}

.contenedor-categoria {
    display: flex;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
}

.titulo-categoria,
.desc-categoria {
    display: flex;
    flex: 0 50%;
}

.pag-proyectossociales .ultimas-noticias-pais {
    margin-top: 70px;
}

.pag-proyectossociales .ultimas-noticias-pais>h2 {
    display: none;
}

/****************************************************************/
#sp-main-body {
    padding: 0;
}

/*
Artículos País
Inicio
*/
.proyecto-articulo {
    padding: 0 5% 0 5%;
}

.proyecto-articulo .encabezado {
    display: flex;
    align-items: center;
    margin: 30px 0 30px 0px;
}

.proyecto-articulo .encabezado .titulo {
    font-size: 35px;
    text-transform: uppercase;
    line-height: 30px;
}

.proyecto-articulo .encabezado .logo {
    position: relative;
    top: 25px;
}

.proyecto-articulo .article-full-image img {
    object-fit: contain;
    width: 100%;
    z-index: 10;
    position: relative;
    max-height: 800px;
}

.proyecto-articulo .article-header {
    display: flex;
}

.proyecto-articulo .article-header .informacion {
    align-self: flex-end;
}

.proyecto-articulo .article-header .informacion .subtitulo {
    font-size: 20px;
}

.proyecto-articulo .article-header .informacion .subtitulo p {
    color: gray;
}

.proyecto-articulo .article-header .informacion .subtitulo p a {
    color: gray;
}

.proyecto-articulo .article-header .logos-patrocinadores {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 20px;
}

.proyecto-articulo .article-header .logos-patrocinadores img {
    height: 80px;
    width: auto;
    object-fit: contain;
}

.proyecto-articulo .article-header .imagenesODS {
    display: flex;
    gap: 10px;
    align-items: end;
    margin-bottom: 15px;

}

.proyecto-articulo .article-header .imagenesODS img {
    height: 80px;
}

.proyecto-articulo .article-header .imagenesODS img:first-child {
    margin-left: auto;
}

.proyecto-articulo .article-header .redesSocialesPaises .social-share-icon a {
    border: none;
    color: var(--color-blue1);
    font-size: 25px;
}

.proyecto-articulo .article-header .redesSocialesPaises .social-share-icon a:hover {
    color: white;
}

.btn-navegacion {
    border: 1px var(--color-blue1) solid;
    padding: 10px 40px 10px 40px;
    text-transform: uppercase;
    font-weight: bold;
    float: right;
    border-radius: 0;
    margin: 20px 0 50px 0;
}

.btn-navegacion:hover {
    background-color: var(--color-blue1);
    color: white;
}

.proyecto-articulo .osgalery-cat-tabs {
    display: none;
}

/*
Artículos País
Fin
*/
/*
***********************************************************************************************
BLOG CATEGORÍA PAÍS
Fin
***********************************************************************************************
*/

/*
***********************************************************************************************
BLOG 
Inicio
***********************************************************************************************
*/
/*
Artículos Blog
Inicio
*/
#sp-right {
    padding-top: 15%;
    padding-right: 50px;
}

.view-category #sp-right {
    display: none;
}

.view-category #sp-component {
    width: 100%;
}

#sp-right .blog-ultimas-noticias {
    border: none;
}

#sp-right .blog-ultimas-noticias .sp-module-title {
    margin: 0;
    padding-bottom: 20px;
    border-bottom: none;
    color: gray;
    font-weight: normal;
}

#sp-right .blog-ultimas-noticias ul>li>a {
    padding: 0;
    line-height: normal;
}

#sp-right .blog-ultimas-noticias .sp-module-content .latestnews>li>a>span {
    font-size: 80%;
}

#sp-right .blog-ultimas-noticias .sp-module-content .latestnews li {
    padding: 10px 0;
}

.blog-details .encabezado {
    width: 100vw;
}

.blog-details .encabezado .col-sm-8 {
    display: flex;
}

.blog-details .encabezado .titulo {
    font-size: 30px;
    padding: 2% 0px 2% 5%;
    font-weight: lighter;
}

.view-article.blog-coopera .article-header {
    padding: 10px 0 10px 0;
}

.view-article.blog-coopera .contenido {
    padding: 0px 5% 2% 5%;
}


.blog-details .contenido .article-full-image img {
    max-height: 600px;
    width: 100%;
    object-fit: contain;
}

.blog-details .contenido {
    padding: 0 15px 45px 15px;
}

.blog-details .contenido .article-header {
    margin: 30px 0 0 0;
}

.blog-details .contenido .article-header {
    margin: 30px 0 0 0;
}

.blog-details .btn-navegacion {
    float: none;
}

/*
Artículos Blog
Fin
*/

.blog-coopera .article-list .article .article-intro-image {
    background: white;
}

.blog-coopera .article-list .article .article-intro-image img {
    height: 330px;
    width: 100%;
    object-fit: contain;
}

.blog-coopera .article-list .article .article-body .article-header a {
    font-size: 20px;
    font-weight: bold;
}

.blog-coopera .article-list .article .article-body {
    height: 300px;
}

.blog-coopera .article-list .article .article-body .article-introtext p {
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: lighter;
    max-height: 150px;
}

.blog-coopera .container {
    z-index: 9;
    position: relative;
}

.blog-coopera .container-inner>h2 {
    display: none;
}

.blog-coopera .encabezado>.col-sm-8 {
    display: flex;
    align-items: center;
    justify-content: normal;
    padding: 0px 0px 0px 6%;
}

.blog-coopera .encabezado>.col-sm-4 {
    position: relative;
    top: 45px;
}

.blog-coopera .contenido .btn-navegacion {
    background: var(--color-blue1);
    color: white;
    padding: 10px 20px 10px 20px;
}

.blog-coopera .contenido .btn-navegacion:hover {
    background: var(--color-blue2);

}

.view-category.blog-coopera .article .readmore a {
    font-weight: 500;
    color: var(--color-blue1);
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 1px solid var(--color-blue1);
    padding: 2px 3px 2px 3px;
}

.view-category.blog-coopera .article .readmore a:hover {
    background-color: var(--color-blue1);
    color: white;
}

.view-category.blog-coopera .article .tags {
    display: none;
}


/*
***********************************************************************************************
BLOG
Fin
***********************************************************************************************
*/

/*
***********************************************************************************************
QUE HACEMOS 
EDUCACIÓN PARA LA CIUDADANÍA GLOBAL page-47
Inicio
***********************************************************************************************
*/

.quehacemos-cabecera {
    background-color: var(--color-grey);
    /*padding: 5%;*/
}

.quehacemos-cabecera-img .sppb-addon-single-image-container {
    width: 100%;
}

.page-48 .quehacemos-cabecera,
.page-47 .quehacemos-cabecera,
.page-50 .quehacemos-cabecera {
    background-color: transparent;
    padding: 0;
}

.quehacemos-cabecera .sppb-addon-single-image .sppb-addon-single-image-container img {
    width: 100%;
    object-fit: cover;
    max-height: 725px;
}

.quehacemos-cabecera .cabecera-texto {
    background-color: white;
    padding: 2% 6% 4% 6%;
    height: fit-content;
}

.quehacemos-cabecera .cabecera-texto .text h1 {
    font-size: 30px;
    font-weight: lighter;
    margin-bottom: 25px;
}

.quehacemos-cabecera .cabecera-texto .text p {
    font-size: 20px;
    color: black;
}

.quehacemos-cabecera .sppb-testimonial-carousel-icon .cc.fa.fa-quote-left {
    color: var(--color-blue1);
}

.quehacemos-articulos .titulo {

    border-left: 5px solid var(--color-blue1);
    padding: 10px 0 10px 15px;
    margin: 20px 0px 20px 0px;
}

.quehacemos-articulos .titulo .text-titulo p:nth-child(1) {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 0;
}

.quehacemos-articulos .titulo .text-titulo p:nth-child(2) {
    font-size: 25px;
    margin-bottom: 0;
}

.quehacemos-articulos .logo-medio {
    width: 350px;
    position: absolute;
    right: 0px;
    bottom: 80px;
}

.quehacemos-listadoarticulos .container .container-inner .article-list .article,
.quehacemos-articulos .articulos .sppb-addon-article {
    padding: 0 6% 50px 6%;
    min-height: 600px;
    border: none;
    border-bottom: 2px solid var(--color-grey);
}

.quehacemos-listadoarticulos .container .container-inner .article-list .article .article-feature-gallery .carousel-inner .carousel-item img,
.quehacemos-listadoarticulos .container .container-inner .article-list .article a .article-intro-image img,
.quehacemos-articulos .articulos .sppb-addon-article .sppb-article-img-wrap img,
.quehacemos-articulos .articulos .sppb-addon-article .sppb-article-img-wrap img {
    width: 100%;
    height: 320px;
    object-fit: contain;
}

.quehacemos-listadoarticulos .container .container-inner .article-list .article .article-body .article-header h3 a,
.quehacemos-articulos .articulos .sppb-addon-article .sppb-article-info-wrap h3 a {
    color: var(--color-blue1);
    min-height: 55px;
    display: block;
    margin-top: 10px;
}

.quehacemos-articulos .articulos .sppb-addon-article .sppb-article-info-wrap .sppb-article-introtext {
    margin-bottom: 20px;
}

.quehacemos-articulos .articulos .entry-video {
    height: 320px;
}

.quehacemos-listadoarticulos .container .container-inner .article-list .article .article-introtext .readmore,
.quehacemos-articulos .articulos .sppb-addon-article .sppb-article-info-wrap .sppb-readmore {
    font-weight: 500;
    color: var(--color-blue1);
    text-transform: uppercase;
    font-size: 15px;
    border-bottom: 1px solid var(--color-blue1);
    padding: 2px 3px 2px 3px;
    float: right;
    margin-bottom: 20px;
}

.quehacemos-listadoarticulos .container .container-inner .article-list .article .article-introtext .readmore a::before,
.quehacemos-articulos .articulos .sppb-addon-article .sppb-article-info-wrap .sppb-readmore::before {
    content: "🡢";
}

.quehacemos-listadoarticulos .container .container-inner .article-list .article .article-introtext .readmore:hover,
.quehacemos-articulos .articulos .sppb-addon-article .sppb-article-info-wrap .sppb-readmore:hover {
    background: var(--color-blue1);
    color: white;
}

.quehacemos-articulos .btn-vermas {
    background: var(--color-blue1);
    color: white;
    padding: 10px 20px 10px 20px;
    margin-bottom: 50px;
}

.quehacemos-listadoarticulos .container .container-inner h2 {
    border-left: 5px solid var(--color-blue1);
    padding: 10px 0 10px 15px;
    margin: 40px 0px 50px 0px;
}

.quehacemos-listadoarticulos .container .container-inner .article-list .article a .article-intro-image {
    border: none;
}

.quehacemos-listadoarticulos .container .container-inner .article-list .article .article-introtext .readmore a:hover {
    color: white;
}

.quehacemos-listadoarticulos .category-desc {
    display: none;
}

.quehacemos-listadoarticulos .blog .container .container-inner h2 {
    padding: 15px 0 10px 15px;
    margin: 0px 0px 50px 0px;
}

.quehacemos-listadoarticulos .blog {
    background: none;
    padding: 25px 0 0 0;
}

.quehacemos-listadoarticulos .blog .container .article-body {
    position: relative;
    bottom: 0;
    min-height: 360px;
}

.quehacemos-listadoarticulos .blog .article-list .article .readmore a {
    border-bottom: none;
}

.quehacemos-listadoarticulos .botones-inferiores {
    display: contents;
}

.quehacemos-listadoarticulos .botones-inferiores a,
.quehacemos-listadoarticulos a.botones-inferiores {
    background: var(--color-blue1);
    color: white;
    padding: 7px 35px 7px 35px;

    margin: 0 auto 35px auto;
    display: block;
}

.quehacemos-listadoarticulos .blog-details .contenido .article-full-image {
    width: 80%;
    margin: 0 auto;
    max-width: 1000px;
}

.quehacemos-listadoarticulos table {
    width: 17.584% !important;
    height: 50px !important;
}

.quehacemos-listadoarticulos .os-cat-tab-images .img-block {
    width: 115px !important;
}

.quehacemos-listadoarticulos .osgalery-cat-tabs {
    display: none;
}

.quehacemos-listadoarticulos .informacion .titulo {
    margin: 4% 0 0 0;
}

.listado-imagenes-articulo {
    display: flex;
    height: auto;
}

.listado-imagenes-articulo img {
    width: 245px;
    height: auto;
    object-fit: contain;
}

.proyecto-quehacemos .article-featured-video {
    width: 90%;
    margin: 0 auto;
}

.quehacemos-listadoarticulos .sppb-addon-accordion .sppb-panel-title {
    font-size: 1.3rem;
    font-weight: initial;
    text-transform: uppercase;
}

.quehacemos-listadoarticulos .sppb-addon-accordion .fa-chevron-right::before {
    color: var(--color-blue1);
    font-size: 1.5rem;
}

.quehacemos-listadoarticulos .banner-descargas {
    background: var(--color-blue1);
    margin: 30px 0;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 25px;
}

.quehacemos-listadoarticulos .banner-descargas p {
    font-size: 20px;
}

.quehacemos-listadoarticulos .banner-descargas h2 {
    font-weight: bolder;
}

.quehacemos-listadoarticulos .banner-descargas a {
    background: var(--color-blue3);
    color: white;
    padding: 10px 20px;
    font-weight: bold;
    margin-top: 20px;
}

.quehacemos-listadoarticulos .banner-descargas a:hover {
    background: var(--color-blue2);
}

.quehacemos-listadoarticulos .apuntate {
    padding: 2%;
    margin: 70px 0 0 0;
}

.quehacemos-listadoarticulos .apuntate .apuntate-box {
    background: var(--color-blue1-trans);
    padding: 5%;
}

.quehacemos-listadoarticulos .apuntate .apuntate-box .apuntate-txt {
    font-size: 1.7rem;
    color: white;
}

.quehacemos-listadoarticulos .apuntate .apuntate-box .apuntate-btn {
    display: flex;
}

.quehacemos-listadoarticulos .apuntate .apuntate-box .apuntate-btn {
    display: flex;
    margin: 60px 0 0 0;
}

.quehacemos-listadoarticulos .apuntate .apuntate-box .apuntate-btn a {
    color: white;
    border: 1px solid white;
    padding: 10px 50px;
    margin: 0 auto;
    font-size: 1.5rem;
}

.quehacemos-listadoarticulos .apuntate .apuntate-box .apuntate-btn a:hover {
    background-color: var(--color-blue2);
}

.quehacemos-listadoarticulos .ediciones-list ul {
    list-style: none;
}

.quehacemos-listadoarticulos .ediciones-list ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.quehacemos-listadoarticulos .ediciones-list ul li p {
    font-size: 1.5rem;
    margin: 0 0px 0px 5px;
}

.quehacemos-listadoarticulos .ediciones-list ul li i {
    color: var(--color-blue1);
    font-size: 2rem;
}

.quehacemos-listadoarticulos .ediciones-list .fotos-muestra {
    margin-bottom: 30px;
}

.quehacemos-listadoarticulos .ediciones-list .sppb-addon-content>a {
    background: var(--color-blue1);
    color: white;
    padding: 10px 20px;
}

.quehacemos-listadoarticulos .ediciones-list .sppb-addon-content>a:hover {
    background: var(--color-blue2);

}

#sppb-addon-1683287143002 img {
    width: 100%;
    max-width: 400px;
}

.opcion {
    display: flex;
    align-items: center;
}

.opcion span {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid var(--color-blue1);
    margin-right: 15px;
}

.opcion a {
    width: 45px;
    margin-left: 15px;
}

#sppb-addon-1683289466358 .opcion {
    display: flex;
    align-items: center;
}

#sppb-addon-1683289466358 .opcion span {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid var(--color-blue1);
    margin-right: 15px;
}

#sppb-addon-1683289466358 .opcion a {
    width: 45px;
    margin-left: 15px;
}

.acordeon-izq {
    max-width: 1320px;
}

/*
***********************************************************************************************
QUE HACEMOS 
EDUCACIÓN PARA LA CIUDADANÍA GLOBAL page-47
Fin
***********************************************************************************************
*/
/*
***********************************************************************************************
COMO AYUDAR - EVENTOS SOLIDARIOS 
page-39
Inicio
***********************************************************************************************
*/

.titulo .text-titulo h1 {
    font-weight: lighter;
}

.titulo .text-titulo h2 {
    font-weight: bold;
}

.titulo .text-titulo p {
    font-size: 1.3rem;
}

.otrasFormasFinanciacion #column-wrap-id-1666960253949 {
    background: white;
}

.otrasFormasFinanciacion .boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.otrasFormasFinanciacion .boxes .box {
    max-width: 370px;
    min-width: 300px;
    background: var(--color-blue1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: white;
    margin: 0 0px 25px 0;
}

.otrasFormasFinanciacion .boxes .box .box-titulo {
    font-size: 90px;
    font-weight: bold;
    line-height: 80px;
}

.otrasFormasFinanciacion .boxes .box .box-cont {
    padding: 15px 5% 25px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.otrasFormasFinanciacion .boxes .box .box-cont .box-txt {
    font-size: 1.3rem;
}

.otrasFormasFinanciacion .boxes .box .box-cont .box-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.otrasFormasFinanciacion .boxes .box .box-cont .box-btn a {
    color: white;
    border: 1px solid white;
    padding: 15px 40px 15px 40px;
}

.otrasFormasFinanciacion .boxes .box .box-cont .box-btn a:hover {
    background: var(--color-blue3);
    color: black;
    border: 1px solid var(--color-blue3);
}

.titulo-destacado {
    border-left: 7px solid var(--color-blue1);
    padding: 30px 0px 8px 15px;
}

.titulo-destacado .text-titulo p:nth-child(1) {
    font-size: 2rem;
    font-weight: bold;
    line-height: 33px;
}

.titulo-destacado .text-titulo p:nth-child(2) {
    font-size: 1.5rem;
}

.titulo-destacado .text-titulo h2 {
    font-weight: bold;
}

#sppb-addon-1681829439558 .boxes {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 45px 0px 30px 0;
}

#sppb-addon-1681829439558 .boxes .box {
    max-width: 500px;
    margin: 0 0 40px 0;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;

}

#sppb-addon-1681829439558 .boxes .box .box-img {
    margin: 15px 0 20px 0;
}

#sppb-addon-1681829439558 .boxes .box .box-img img {
    height: 260px;
    object-fit: cover;
}

#sppb-addon-1681829439558 .boxes .box .box-btn {
    float: right;
    text-transform: uppercase;
    color: var(--color-blue2);
    border-bottom: 1px solid var(--color-blue2);
}

#sppb-addon-1681829439558 .boxes .box .box-btn::before {
    content: "🡢";
}

#sppb-addon-1681829439558 .boxes .box .box-btn:hover {
    background: var(--color-blue1);
}

#sppb-addon-1681829439558 .boxes .box .box-btn:hover a {
    color: white;
}

/*
***********************************************************************************************
COMO AYUDAR - EVENTOS SOLIDARIOS 
page-39
Fin
***********************************************************************************************
*/
/*
***********************************************************************************************
QUE HACEMOS - ENVEJECIMINETO ACTIVO
page-49
Inicio
***********************************************************************************************
*/
.page-49 .explicacion {
    margin: 4% 0 0 0;
}

.page-49 .explicacion .cuerpo {
    flex-wrap: wrap;
}

.page-49 .explicacion .cuerpo .text {
    min-width: 370px;
    margin-bottom: 20px;
}

.page-49 .explicacion .cabecera-titulo h1 {
    font-size: 1.7rem;
}

.page-49 .explicacion .cabecera-envej {
    background: white;
    padding: 2%;
}

.page-49 .explicacion .cabecera-envej .cuerpo .text ul {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.explicacion .botones-app {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.explicacion .botones-app a {
    background: var(--color-blue1);
    color: white;
    padding: 10px 15px;
    width: 30%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-49 .video {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.page-49 .video>p:nth-child(3) {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.app-activate p {
    text-align: center;
    font-weight: bold;
    margin: 15px 0px;
}

.envac-testimonios .sppb-carousel-extended-list .sppb-carousel-extended-item {
    height: 100%;
    background: white;
    padding: 20px;
    min-height: 355px;
}

.envac-testimonios .sppb-carousel-extended-list .sppb-carousel-extended-item .sppb-testimonial-carousel-icon {
    line-height: 1;
    text-align: left;
    font-size: 50px;
    color: var(--color-blue1);
    margin-bottom: 10px;
}

.envac-testimonios .sppb-carousel-extended-list .sppb-carousel-extended-item .sppb-testimonial-carousel-designation {
    letter-spacing: 0px;
    font-size: 13px;
}

.proyecto-activate .financiadores {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: start;
}

.proyecto-activate .financiadores a {
    width: fit-content;
    display: block;
}

.descripcion-objetivos ul {
    list-style: none;
}

.descripcion-objetivos ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.descripcion-objetivos ul li p {
    font-size: 1.5rem;
    margin: 0 0px 0px 5px;
}

.descripcion-objetivos ul li i {
    color: var(--color-blue1);
    font-size: 2rem;
}

.descripcion-objetivos>ul:nth-child(2) {
    margin: 3% 0px;
}

/*
***********************************************************************************************
QUE HACEMOS - ENVEJECIMINETO ACTIVO
page-49
Fin
***********************************************************************************************
*/
/*
***********************************************************************************************
COMO AYUDAR - ALIANZAS CON EMPRESAS
page-38
Inicio
***********************************************************************************************
*/
/*
***********************************************************************************************
COMO AYUDAR - ALIANZAS CON EMPRESAS
page-38
.pag-alianzaempresas
Fin
***********************************************************************************************
*/
.pag-alianzaempresas .cabecera {
    padding: 4%;
}

.pag-alianzaempresas .cabecera .cabecera-box {
    padding: 2% 2% 2% 4%;
}

.pag-alianzaempresas .cabecera .cabecera-box .titulo-empresa {
    font-size: 1.5rem;
    font-weight: lighter;
}

.pag-alianzaempresas .cabecera .cabecera-box .cabecera-derecha {
    min-height: 265px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pag-alianzaempresas .cabecera .cabecera-box .cabecera-derecha h1 {
    font-size: 1.5rem;
    width: 260px;
    font-weight: bold;
}

.pag-alianzaempresas .cabecera .cabecera-box .cabecera-derecha .frase>p:nth-child(2) {
    font-size: 1.3rem;
    font-weight: lighter;
}

.pag-alianzaempresas .rse .rse-txt {
    width: 85%;
    min-width: 300px;
    margin: 0 auto;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
}

.pag-alianzaempresas .rse .rse-img {
    min-width: 100px;
    margin: 0 auto;
    height: 100%;
}

.desplegable .sppb-panel-heading .sppb-panel-title {
    font-size: 1.4rem;
    font-weight: bold;
}

.desplegable .sppb-panel-heading .sppb-toggle-direction {
    color: #ccc;
    color: var(--color-blue1);
    font-size: 30px;
}

.pag-alianzaempresas .desplegable .btn-desgravar {
    background: var(--color-blue1);
    color: white;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
}

/*
***********************************************************************************************
Resultados de búsquedas 
Inicio
***********************************************************************************************
*/
.com-finder.finder {
    padding: 25px;
}

/*
***********************************************************************************************
Resultados de búsquedas 
fin
***********************************************************************************************
*/

/*
***********************************************************************************************
COMO AYUDAR - HAZTE VOLUNTARIO
page-37
.pag-haztevoluntario
Inicio
***********************************************************************************************
*/
.page-37 .titulo-destacado h2 {
    font-size: 2.5rem;
    font-weight: bold;
}

.page-37 .cabecera {
    background-size: contain;
    height: 41vw;
    max-height: 600px;
}

.page-37 .cabecera h1 {
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}

.page-37 .voluntario-box-txt .voluntario-txt {
    background: white;
    padding: 3% 5%;
    font-size: 1.3rem;
}

.page-37 .voluntario-box-txt .voluntario-txt h2 {
    font-size: 1.5rem;
    margin-bottom: 25px;
    font-weight: normal;
}

.page-37 .maneras-voluntario .maneras-boxes {
    max-width: 950px;
    margin: 0 auto;
    width: 90%;
}

.page-37 .maneras .maneras-boxes ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-around;
    padding: 0;
}

.page-37 .maneras .maneras-boxes ul li {
    width: 290px;
    height: 190px;
    color: white;
    font-size: 1.8rem;
    font-weight: bold;
}

.page-37 .maneras .maneras-boxes ul li.box1 {
    background-image: url(/images/page-haztevoluntario/distancia.jpg);
}

.page-37 .maneras .maneras-boxes ul li.box2 {
    background-image: url(/images/page-haztevoluntario/presencial.jpg);
}

.page-37 .maneras .maneras-boxes ul li.box3 {
    background-image: url(/images/page-haztevoluntario/empresa.jpg);
}

.page-37 .maneras .maneras-boxes ul li.box4 {
    background-image: url(/images/page-haztevoluntario/eventos.jpg);
}

.page-37 .maneras .maneras-boxes ul li.box5 {
    background-image: url(/images/page-haztevoluntario/continuo.jpg);
}

.page-37 .maneras .maneras-boxes ul li.box6 {
    background-image: url(/images/page-haztevoluntario/estudios.jpg);
}

.page-37 .maneras .maneras-boxes ul li p {
    background: var(--color-blue1-trans);
    height: 100%;
    width: 100%;
    padding: 5%;
    margin: 0;
    display: flex;
    align-items: center;
}

.page-37 .maneras .maneras-boxes ul li p:hover {
    background: none;
    color: white;
}

.page-37 .maneras .maneras-boxes ul li.box2 p {
    font-size: 1.3rem;
}

.page-37 .osnecesitamos {
    padding: 3%;
    background: var(--color-blue1);
}

.page-37 .osnecesitamos .sppb-addon-text-block {
    max-width: 950px;
    color: white;
    font-size: 1.3rem;
    margin: 0 auto;
}

.descripcion-objetivos ul {
    list-style: none;
}

.descripcion-objetivos ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.descripcion-objetivos ul li p {
    font-size: 1.5rem;
    margin: 0 0px 0px 5px;
}

.descripcion-objetivos ul li i {
    color: var(--color-blue1);
    font-size: 2rem;
}

.page-37 .ideas .sppb-addon.sppb-addon-text-block {
    max-width: 934px;
    font-size: 1.3rem;
    margin: 0 auto;
}

.page-37 .apuntate {
    height: 73vh;
}

.page-37 .apuntate .apuntate-box {
    background: var(--color-blue1-trans);
    padding: 5%;
}

.page-37 .apuntate .apuntate-box .apuntate-txt {
    font-size: 1.7rem;
    color: white;
}

.page-37 .apuntate .apuntate-box .apuntate-btn {
    display: flex;
}

.page-37 .apuntate .apuntate-box .apuntate-btn {
    display: flex;
    margin: 60px 0 0 0;
}

.page-37 .apuntate .apuntate-box .apuntate-btn a {
    color: white;
    border: 1px solid white;
    padding: 10px 65px;
    margin: 0 auto;
    font-size: 1.5rem;
}

.page-37 .apuntate .apuntate-box .apuntate-btn a:hover {
    background-color: var(--color-blue2);
}

.page-37 .en-proyectos {
    padding: 60px 0px;
}

.enviar-cv {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.enviar-cv p {
    font-size: 2rem;
    margin: 40px 0 0 0;
}

.enviar-cv a {
    color: white;
    padding: 10px 65px;
    font-size: 1.5rem;
    background: var(--color-blue1);
    margin: 35px auto 0 auto;
}

.enviar-cv a:hover {
    background-color: var(--color-blue2);
}

.page-37 .requisitos-list ul {
    list-style: none;
}

.page-37 .requisitos-list ul li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 10px;
}

.page-37 .requisitos-list ul li p {
    margin: 0px;
}

/*
***********************************************************************************************
COMO AYUDAR - HAZTE VOLUNTARIO
page-37
.pag-haztevoluntario
Fin
***********************************************************************************************
*/

/*
***********************************************************************************************
COMO AYUDAR - COMPARTIR CONOCIMIENTO
page-41
.pag-compartirconocimiento
Inicio
***********************************************************************************************
*/
.page-41 .cabecera {
    height: 40vw;
    max-height: 690px;
}

.page-41 .cabecera h1 {
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}

.page-41 .conocimiento-box-txt {
    padding: 4%;
}

.page-41 .conocimiento-box-txt .explicacion {
    background: white;
    padding: 4% 5%;
}

.page-41 .conocimiento-box-txt .explicacion .conocimiento-txt .titulo {
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.page-41 .conocimiento-box-txt .explicacion .conocimiento-txt .titulo h2 {
    font-size: 1.5rem;
    margin-bottom: 25px;
    font-weight: normal;
}

.page-41 .conocimiento-box-txt .explicacion .conocimiento-txt .titulo .ods-img {
    gap: 5px;
}

.page-41 .conocimiento-box-txt .explicacion .conocimiento-txt p {
    font-size: 1.3rem;
}

.page-41 .acuerdos {
    padding: 5% 0 0 0;
}

.page-41 .acuerdos blockquote {
    margin: 0 auto 3rem auto;
    max-width: 930px;
}

.page-41 .acuerdos blockquote p {
    font-size: 1.5rem;
    font-style: italic;
    font-weight: lighter;
    margin: 0;
}

.page-41 .acuerdos blockquote footer {
    text-align: end;
}

.page-41 .acuerdos .cooperacion>p {
    font-size: 1.3rem;
    text-align: center;
}

.page-41 .acuerdos .cooperacion .acuerdos-universidaes {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
    align-items: center;
    justify-content: space-around;
}

/*
***********************************************************************************************
COMO AYUDAR - COMPARTIR CONOCIMIENTO
page-41
.pag-compartirconocimiento
Fin
***********************************************************************************************
*/
/*
***********************************************************************************************
COMO AYUDAR - herencias y legados
page-40
.pag-herencias
Inicio
***********************************************************************************************
*/
.page-40 .cabecera {
    height: 39vw;
    max-height: 690px;
}

.page-40 .cabecera h1 {
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
}

/*
***********************************************************************************************
COMO AYUDAR - herencias y legados
page-40
.pag-herencias
Fin
***********************************************************************************************
*/
/*
***********************************************************************************************
Tú marcas tu futuro
Inicio
***********************************************************************************************
*/
.tumarcastufuturo .logos-tumarcas {
    margin: 0px auto 30px auto;
    max-width: 915px;
}

.tumarcastufuturo .titulo-quehacemos {
    border-left: 9px solid var(--color-blue1);
    padding: 8px 0px 15px 20px;
}

.tumarcastufuturo .titulo-quehacemos p {
    margin: 0;
}

.tumarcastufuturo .titulo-quehacemos p:nth-child(1) {
    font-weight: bold;
    font-size: 2rem;
    line-height: 2rem;
}

.tumarcastufuturo .titulo-quehacemos p:nth-child(2) {
    font-weight: 600;
    font-size: 1.5rem;
}

#sppb-addon-1681466871361 {
    width: 100px;
    margin: 0 0px 0px 40px;
}

#sppb-addon-wrapper-1681467595224 {
    margin: 0% 0 35px 0;
}

.banner-articulo {
    display: flex;
    background: var(--color-blue1);
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
}

.banner-articulo .banner-txt {
    padding-top: 3%;
    width: 60%;
}

.banner-articulo .banner-txt p {
    color: white;
    font-weight: bold;
    font-size: 2rem;
    padding: 0 0px 0px 5%;
    display: flex;
}

.banner-articulo .banner-img {
    object-fit: cover;
    width: 40%;
}

.banner-articulo .banner-img>img:nth-child(1) {
    clip-path: polygon(107px 0px, 100% 0px, 100% 100%, 0px 100%);
    float: right;
}

#section-id-1681473340891 {
    background: #eee;
    padding: 2%;
    margin: 50px 0 30px 0;
}

#column-wrap-id-1681466871358 {
    margin-top: 40px;
}

.tumarcastufuturo .sppb-addon-accordion .fa-chevron-right::before {
    color: var(--color-blue1);
    font-size: 1.5rem;
}

.tumarcastufuturo .sppb-addon-accordion .sppb-panel-title {
    font-size: 1.5rem;
}

.tumarcastufuturo .sppb-addon-video {
    width: 90%;
    margin: 0 auto;
}

.tumarcastufuturo .fa-chevron-right {
    color: var(--color-blue1);
    font-size: 2rem;
    margin: 0 14px 0 0;
}

.tumarcastufuturo-puntos .d-flex {
    font-weight: bold;
    margin: 50px 0 25px 0;
}

.tumarcastufuturo ul {
    padding-left: 3rem;
}

.tumarcastufuturo .tumarcastufuturo-puntos h3 {
    font-size: 2rem;
    margin: 0 5px 0 0;
    font-weight: bold;
    padding: 0 0 5px 0;
}

/*
***********************************************************************************************
Tú marcas tu futuro
Fin
***********************************************************************************************
*/
/* FIN SECCION PROYECTOS */

.osgalery-cat-tabs {
    display: none;
}

/*
logos de redes sociales
*/
.rrss-lateral-fijo {
    position: fixed;
    left: 0px;
    top: 200px;
    z-index: 9999;
}

.rrss-lateral-fijo .container {
    padding: 0;
}

.rrss-lateral-fijo .container .rrss-logos {
    display: flex;
    flex-direction: column;
    background: var(--color-blue1);
    padding: 5px;
}

.rrss-lateral-fijo .container .rrss-logos a {
    color: white;
}

.rrss-lateral-fijo .container .rrss-logos a:hover {
    color: var(--color-blue2);
}


.volunteer {
    background-color: var(--color-blue1);
}

.volunteer .volunteer_data {}

.volunteer .volunteer_data .volunteer_text {
    color: white;
}

.volunteer .volunteer_data .volunteer_text .vol_tittle1 {
    font-size: 4rem;
    font-weight: 700;
}

.volunteer .volunteer_data .volunteer_text .vol_tittle2 {
    font-size: 4rem;
    line-height: 20px;
}

.volunteer .volunteer_data .volunteer_text .vol_text {
    font-size: 2rem;
    font-weight: 100;
    margin: 25px 0 0 0;
    display: block;
}

.volunteer .volunteer_data .btn-blanco-transparente {
    color: white;
    font-size: 1.5rem;
    padding: 15px 45px;
}

@media only screen and (max-width: 1300px) {
    .page-1 .header .header_carousel .carrusel-cont * {
        font-size: 19px !important;
    }
}

@media only screen and (max-width: 1190px) {
    .page-1 .header_banner .header_banner_text {}

    .volunteer {
        height: fit-content;
    }

    .volunteer #column-wrap-id-1664372639147 {
        display: none;
    }

    .volunteer .volunteer_data {
        margin: 0 auto;
        padding: 45px 40px;
    }

    .page-1 .news {
        padding: 60px 0px 0px 2%;
    }

    #sppb-carousel1 .carrusel-cont .carrusel-2 {
        display: none;
    }

}

@media only screen and (max-width: 1172px) {
    .colab #column-wrap-id-1664362881800 .sppb-addon .sppb-carousel-extended-outer-stage {
        height: 130px;
    }

    .colab #column-wrap-id-1664362881800 .sppb-addon .sppb-carousel-extended-outer-stage .sppb-carousel-extended-item img {
        width: 80%;
        height: 50%;
    }

    .volunteer {
        height: 640;
    }

}

/*TABLET*/
@media only screen and (max-width: 992px) {

    /*Cabecera*/
    .page-1 .header .header_carousel .sppb-carousel-caption .sppb-carousel-text h2 {
        display: none;
    }

    .page-1 .header .header_carousel .sppb-carousel-caption .sppb-carousel-text a {
        margin: 26px 0px 30px 0px;
        font-size: 16px;
    }

    /*Banner cabecera*/

    .page-1 .header_banner {}

    .page-1 .header_banner .header_banner_text {
        padding: 0px 50px 50px 50px;
    }

    .page-1 .header_banner .header_banner_img img {}


    /*IMPACTO*/
    .page-1 .impact {
        margin-top: 0px;
        text-align: center;
        margin-bottom: 45px;
    }

    #section-id-1662996449240 div div {
        margin-bottom: 10px;
    }

    /*Banner proyectos*/

    /* .page-33 .material .sppb-col-md-3{
        max-width: 30%;
    }*/

    /*
    Footer
    */
    .footer #column-wrap-id-1664347606506 {
        border-bottom: 1px solid white;
        border-right: none;
        width: 80%;
        margin: 0px auto 20px auto;
        padding-bottom: 20px;
    }

    .footer .footer-colum {
        border: none;
    }

    .page-33 .material .logo-medio {
        width: 186px;
    }

    .quehacemos-articulos .logo-medio {
        width: 220px;
        position: absolute;
        right: 0px;
        bottom: 110px;
    }

    /*Página Vinos*/


    .page-29 .vino .vino-img img {
        height: 500px;
    }

    .page-29 .vino .vino-img {
        bottom: 380px;
        margin-right: 10px;
    }

    .page-29 .vino .vino-texto {
        width: 60%;
    }

    .page-29 .pedido {
        padding: 30px 5% 0px 5%;
    }

    .blog .category-desc .contenedor-categoria {
        display: block;
    }

    .blog .category-desc .contenedor-categoria .titulo-categoria h1 {
        font-size: 70px;
    }

    .blog .category-desc .contenedor-categoria .container .container-inner h2 {
        font-size: 25px;
    }

    .blog .category-desc .contenedor-categoria .container {
        padding: 0px 6% 0px 6%;
    }

    .page-32 .box {
        display: block;
        margin: 0 auto 20px auto;
    }


}

@media only screen and (max-width: 767px) {
    .banner .sppb-carousel-pro .sppb-carousel-pro-inner-content .sppb-carousel-pro-text {
        margin: 0 auto;
        padding: 60px 0;
    }

    .banner .sppb-carousel-pro .sppb-carousel-pro-inner-content .sppb-text-right .sppb-img-reponsive {
        margin: 0;
        height: auto;
        width: 100%;
    }

    .quehacemos-articulos .logo-medio {
        width: 180px;
        position: absolute;
        bottom: 150px;
        right: 0px;
    }

    .page-28 .donacion-proyectos .d-proyecto-sec .d-proyecto {
        width: 80%;
        margin: 0 auto;
        min-width: 310px;
        margin-bottom: 30px;
    }

    .page-28 .donacion-proyectos .d-proyecto-prin .d-proyecto {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .banner-articulo .banner-img {
        display: none;
    }

    .banner-articulo .banner-txt {
        width: 100%;
    }
}

@media only screen and (max-width: 690px) {

    /*Cabecera*/
    .page-1 .header .header_carousel .sppb-carousel-caption .sppb-carousel-text div {
        display: none;
    }

    .page-1 .header .sppb-carousel-caption .sppb-carousel-text {
        position: absolute;
        bottom: 30px;
        float: inherit;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .page-29 .cabecera {
        padding: 0px 5% 0px 5%;
    }

    .page-29 .vino .vino-img {
        display: none;
    }

    .page-29 .cabecera .subtitulo h2 {
        line-height: 45px;
    }

    .page-29 .vino .vino-texto {
        width: 100%;
    }

    .colab {
        padding: 0px 0px 0px 0px;
    }

    .rrss-lateral-fijo {
        display: none;
    }
}



@media only screen and (max-width: 485px) {

    /*Cabecera*/
    .page-1 .banner {

        height: fit-content;
        /*! width: 482px; */
    }


    .page-1 .header_banner {
        height: fit-content;
    }

    .page-1 .header_banner .header_banner_text {}

    .page-1 .news .noticias .sppb-col-sm-4 {
        max-width: 95%;
    }

    .footer .footer-politicas {
        display: block;
    }


    #sp-footer {
        font-size: 12px;
    }

    .footer_data #sppb-addon-1682495152371 .sppb-addon-text {
        font-size: 30px;
    }

    .page-32 .box .imagen .sppb-addon-single-image-container img {
        height: 180px;
    }


}