.nectar-split-heading[data-animation-type="line-reveal-by-space"] span .inner{
    font-family: "Sohne Breit";
}

#top nav ul li a, body[data-header-color=light] .mobile-header, body[data-header-color=light] .span_9>.slide-out-widget-area-toggle a .label {
    color: #c91236;
}

#header-outer.transparent #top nav > ul > li > a, #header-outer.transparent #top nav > .sf-menu > li > a{
    opacity: 1;
}

.no-overflow{
    height: 100vh;
    overflow: hidden;
}

#header-outer #social-in-menu a i:before {
    width: 100%;
    color: #C91235;
    background: white;
    width: 28px;
    height: 28px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.material #header-outer #social-in-menu i{
    height: 30px;
}

#social-in-menu a{
    opacity: 1!important;
}

.puntos-manzana>.vc_column-inner{
    height: 100%;
}

.puntos-manzana>.vc_column-inner>.wpb_wrapper{
    position: relative;
    height: 100%;
}

.puntos-manzana>.vc_column-inner>.wpb_wrapper>.img-with-aniamtion-wrap {
    position: absolute;
    bottom: 0;
    max-width: 433px!important;
}

/*_____HOME____*/

.suscribete{
	margin-bottom: 0!important;
}
#newsletter-home{
    position: relative;
}
#newsletter-home>.campos{
    display: flex;
    margin-bottom: 20px;
    gap: 15px;
}

input[type="text"], input[type="email"]{
    background: transparent;
    border: 1px solid #c91236;
    border-radius: 8px;
    padding: 7px 15px;
    color: #c91236;
    font-family: "Gotham book";
    max-width: 230px;
}

::placeholder{
    color:#c91236;
    font-family: "Gotham book";
}

#newsletter-home a{
    color: #8D8888;
    font-family: "Gotham book";
    font-size: 14px;
}


#enviar-newsletter{
    padding: 12px 15px !important;
    font-family: "Gotham book";
    border-radius: 8px !important;
    margin-top: 0;
}

.newsletter-title{
    margin-top: -10px;
}

#menu-legal-menu a{
    text-transform: uppercase;
    font-size: 13px;
}

#block-2 p{
    font-size: 13px;
}

#popup-idiomas{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: #0000007d;
    display: flex;
    justify-content: center;
    align-items: center;
}

#popup-idiomas>div{
    background: #ffffffdb;
    max-width: 500px;
    padding: 20px 50px;
    padding-top: 40px;
    width: 90%;
    position: relative;
}
#popup-idiomas ul{
    margin-left: 0;
}

#popup-idiomas li{
    list-style: none;
    line-height: 1.4;
}

#popup-idiomas li a{
    color: grey;
    font-family: "Gotham book";
    position: relative;
    display: inline-block;
}

#popup-idiomas li a::before{
    content: '';
    position: absolute;
    width: 0%;
    background-color: grey;
    height: 1px;
    bottom: 0;
    left: 0;
    top: calc(100% - 2px);
    position: absolute;
    transition: 0.4s ease-in-out;
}

#popup-idiomas li a:hover::before{
    width: 100%;
}

#popup-idiomas h3{
    color: #c91236;
}
.close{
    width: 100%!important;
}

#popup-idiomas span{
    max-width: 25px;
    position: absolute;
    right: -11px;
    top: -11px;
    background: #c91236;;
    border-radius: 30px;
    width: 25px;
    height: 25px;
    padding: 6px;
    display: flex;
    cursor: pointer;
}

.d-none{
    display: none!important;
}

.points-box{
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 50px!important;
}

.puntos{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 6px solid white;
}

.puntos>.punto{
    width: 30px;
    height: 30px;
    background: #c91235;
    position: absolute;
    border-radius: 30px;
    font-size: 25px;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.box{
    background: white;
    min-width: 50px;
    min-height: 50px;
    position: absolute;
    border-radius: 10px;
    color: grey;
    position: absolute;
    max-width: 272px;
    padding: 20px;
    font-size: 13px;
    line-height: 1.4;
    transition: 0.3s ease-in-out;
    /* z-index: 1; */
}

.box-1{
    left: 14%;
    top: 54%;
}

.box-2{
    left: 47%;
    top: 56%;
}

.box-3{
    left: 64%;
    top: 51%;
}

.box-4{
    left: 58%;
    top: 27%;
}

.puntos>.punto:hover{
    transform: rotate(45deg);
}

.punto-1{
    top: 56%;
    left: 10%;
}

.punto-2{
    top: 59%;
    left: 43%;
}

.punto-3{
    top: 69%;
    left: 60%;
}

.punto-4{
    top: 34%;
    left: 82%;
}

.puntos .bg-points{
    margin-bottom: 0!important;
}

.sticker{
    width: 150px!important;
    position: absolute;
    bottom: 35px;
    right: 50px;
    z-index: 1;
}

.puntos-manzana .wpb_raw_code{
    position: absolute !important;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    max-width: 433px;
    z-index: 1;
    height: 331px;
}

.texto-dinamico {
    max-width: 378px;
    position: absolute;
    top: 0;
    right: -37px;
}

.texto-dinamico h4{
    font-family: "Sohne Breit";
    line-height: 1.2;
    font-size: 32px;
    margin-bottom: 30px!important;
}

.texto-dinamico h4 span.tiny{
    font-family: "Sohne Breit";
    font-size: 23px!important;
}


.puntos-manzana .wpb_raw_code>div, #puntos-manzana-box{
    height: 100%;
}

.point-more{
    width: 30px;
    height: 30px;
    background: #c91235;
    position: absolute;
    border-radius: 30px;
    font-size: 25px;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    color: white;
    display: flex;
    justify-content: center;
}

.point-more.active{
    background-color: white;
    color: #c91235;
    transform: rotate(45deg);
}

.pm-1{
    left: 42%;
    top: 13%;
}

.pm-2{
    left: 13%;
    top: 30%;
}

.pm-3{
    left: 74%;
    top: 25%;
}

.pm-4{
    left: 84%;
    top: 63%;
}

.pm-5{
    left: 21%;
    top: 83%;
}

/*______________CONTACTO_____________*/

.contacto form{
    background: white;
    max-width: 600px;
    margin: 0 auto;
    border-radius: 20px;
    padding: 30px;
    position: relative;
}

textarea{
    height: 100px;
    background: transparent;
    border: 1px solid #c91236;
    border-radius: 10px;
    margin-top: -10px;
}

.wpcf7-acceptance span, .wpcf7-acceptance span a {
    color: #8D8888!important;
    font-family: "Gotham book";
    font-size: 14px;
}

.wpcf7-list-item{
    padding-top: 20px;
    margin-left: 0;
}

body[data-form-submit=regular] .container-wrap input[type=submit]{
    padding: 12px 15px !important;
    font-family: "Gotham book";
    border-radius: 8px !important;
    margin-top: 20px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
    border: none;
    padding: 0;
    font-size: 14px;
    font-family: 'Gotham book';
    font-weight: bold;
    line-height: 1.2;
}

.post-envy{
    background: white;
    border-radius: 25px;
    overflow: hidden;
    width: 50%;
}

.post-envy img{
    object-fit: cover;
    width: 100%!important;
    margin-bottom: 0!important;
    height: 100%!important;
}

.box-post-blog{
    padding: 20px;
}

.box-post-blog a{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    display: flex;
}

.box-post-blog a img{
    width: 25px !important;
    height: 25px!important;
    margin-left: 15px;
    transition: 0.3s ease-in-out;
}

.box-post-blog a:hover{
    color: #C91235;
}

.box-post-blog a:hover img{
    transform: translate(5px);
}
.img-post{
    aspect-ratio: 3 / 1.5;
    object-fit: cover;
    width: 100% !important;
    overflow: hidden;
}

.vida-saludable .img-post{
    aspect-ratio: 3 / 2;
}
.img-post>img{
    transition: 0.5s ease-in-out;
    object-position: top;
}
.img-post:hover>img{
    transform: scale(1.09);
}

.section-categoria h2{
    color: white;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 0;
    white-space: nowrap;
}

.scl-box{
    display: flex;
    align-items: flex-end;
    margin-bottom: 40px;
    margin-top: 60px;
}
.section-categoria-line{
    height: 1.5px;
    background-color: white;
    width: 100%;
    margin-left: 20px;
    position: relative;
    top: -4px;
}

.filtro{
    color: #c91235;
}

.blog-envy #envy{
    position: absolute;
    margin-top: -30px;
}

.descripcion{
    color:#7E7C7C;
    margin-top: 15px;
}
#header-outer[data-lhe="animated_underline"] #top nav > ul > li > a span{
    font-family: "Sohne Breit";
    font-weight: 100 !important;
}

body[data-button-style="slightly_rounded_shadow"] .nectar-button{
    border: 2px solid #c91235;
}

body[data-button-style="slightly_rounded_shadow"] .nectar-button:hover{
    box-shadow: none !important;
    -ms-transform: translateY(0px)!important;
    transform: translateY(0px)!important;
    -webkit-transform: translateY(0px)!important;
    background-color: white!important;
    color:#c91235!important;
}

.archive.category .blog-archive-header{
    background-color:#c91235!important;
    padding-top: 70px;
}

.archive.category .container-wrap{
    background-color:#c91235!important;
}

.archive.category .row .col.section-title {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.subheader{
    display: none;
}

.archive.category h1, .archive.category p{
    color: white;
}

.archive.category .post-area{
    width: 100%!important;
    margin-right: 0 !important;
}

.post-area.auto_meta_overlaid_spaced .posts-container{
    width: 100%!important;
}
.post-area.masonry.span_9.auto_meta_overlaid_spaced .masonry-blog-item{
    width: 50%!important;
}

.archive.category .post-content{
    border-radius: 20px;
    overflow: hidden;
}

.auto_meta_overlaid_spaced[data-ams="8px"] .masonry-blog-item {
    padding: 14px;
}

.article-content-wrap{
    background-color: white;
    min-height: 109px;
}

.post-area.auto_meta_overlaid_spaced .masonry-blog-item:nth-child(8n+1) .post-header{
    max-width: 100%;
}

.archive.category h3{
    line-height: 1 !important;
}

.auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap h3 a{
    color: #c71135 !important;
    font-family: "Sohne Breit";
}

.archive.category .meta-category a{
    display: none;
}
.archive.category .article-content-wrap{
    display: flex;
    align-items: center;
}

@media screen and (min-width:767px){
    .filtro a{
        padding: 0 9px;
    }
    .nectar-button.small {
        font-size: 14px;
        padding: 10px 25px;
        box-shadow: none!important;
    }
    #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a{
        margin-left: 20px;
        margin-right: 20px;
    }
    .contacto form>.row{
        display: flex;
    }
    .contacto form>.row>div:nth-of-type(1){
        padding-right: 7px;
    }
    .contacto form>.row>div:nth-of-type(2){
        padding-left: 7px;
    }
    .contacto form>.row>div{
        width: 100%;
    }
    .contacto form input[type="text"], .contacto form input[type="email"]{
        width: 100%;
        max-width: 100%;
    }
    
    .campo-envio{
        position: absolute;
        left: 490px;
        top: 0;
    }  
    #menu-legal-menu{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }  
    .idiomas{
        display: flex;
        align-items: center;
        color: white;
        cursor: pointer;
        font-family: "Sohne Breit";

    }
    .small-nav .idiomas{
        color:#c91236;
    }
    #header-outer.small-nav #social-in-menu a i:before {
        color:#c91236;
    }
    /* .points-box img{
        aspect-ratio: 3 / 1.2;
        object-position: bottom;
        object-fit: cover;
    } */
    .d-none-desktop{
        display: none;
    }
    .puntos-manzana{
        position: relative;
        left: -50px;
    }
    .subcategorias{
        display: flex;
        gap: 50px;
    }
}

@media screen and (max-width:767px){
    .post-area.masonry.span_9.auto_meta_overlaid_spaced .masonry-blog-item {
        width: 100% !important;
    }
    .archive.category .container-wrap{
        margin-top: -1px;
    }
    .post-envy{
        width: 100%;
    }
    .subcategorias{
        display: flex;
        flex-direction: column;
        gap: 25px;
    }
    .archive.category h3{
        font-size: 20px;
    }
    .post-area.auto_meta_overlaid_spaced .masonry-blog-item .post-content {
        height: 45vh;
    }
    .section-categoria-line{
        display: none;
    }
    .section-categoria h2{
        min-width: 247px;
        font-size: 28px !important;
        white-space: initial;
    }
    .img-post{
        aspect-ratio: 3/2!important;
    }
    .texto-dinamico h4{
        font-size: 28px;
    }
    .texto-dinamico {
        max-width: 350px;
    }
    #block-2 p{
        text-align: center;
    }
    body #top #logo img{
        height: 36px!important;
    }
    body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
        height: 31px !important;
    }
    #header-space {
        height: 48px !important;
    }
    .wpcf7-email{
        margin-top: 15px;
    }
    .filtro{
        flex-direction: column;
        display: flex;
    }
    .filtro span{
        display: none;
    }
    .container{
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    .section-inicio .using-image{
        background-position-x: -570px!important;
    }
    .px-mobile{
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    .ultimos-posts-por-categoria{
        flex-direction: column;
    }
    .post-item{
        width: 100%;
    }
    .campo-envio{
        margin-top: 25px;
    }
    .ultimos-posts-por-categoria{
        margin-top: 50px;
    }
    #footer-outer .row{
        display: flex;
        flex-direction: column;
    }
    #footer-widgets>.container>.row>div:nth-of-type(1), #footer-widgets>.container>.row>div:nth-of-type(2), #footer-widgets>.container>.row>div:nth-of-type(3){
        width: 100%!important;
        display: flex;
        justify-content: center;
    }
    #footer-widgets>.container>.row>div:nth-of-type(1){
        margin-bottom: 15px;
    }
    #footer-outer .row{
        padding: 30px 0!important;
    }
    #footer-widgets img {
        width: 130px !important;
    }
    #menu-legal-menu{
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }
    .material #footer-outer #footer-widgets .col ul li {
        line-height: 1.3;
    }
    #newsletter-home>.campos{
        flex-direction: column;
    }
    input[type="text"], input[type="email"]{
        max-width: 100%;
    }
    .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines-button:after{
        background-color: #c91236;
    }
    #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
        font-size: 20px!important;
        line-height: 1!important;
        font-family: 'Gotham book'!important;
    }
    .idioma-mobile{
        position: absolute;
        left: calc(50% - 10px);
        top: 52px;
        font-family: 'Gotham book';
    }
    .row-mobile-intro-home .vc_col-sm-6{
        width: 50%;
    }
    .bg-points img{
        aspect-ratio: 3 / 2;
    }
    .points-box{
        margin-top: 20px!important;
    }
    .puntos{
        display: none;
    }
    .sticker {
        width: 85px !important;
        bottom: 3px;
        right: 15px;
    }
    .col-reverse-mb .row_col_wrap_12{
        flex-direction: column-reverse;
    }
    .single h1{
        font-size: 29px;
    }
    .post-content>.content-inner{
        padding: 20px!important;
    }
    .breadcrumbs {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .main-post {
        padding-top: 70px !important;
    }
    .talks .row_col_wrap_12 .vc_col-sm-4{
        padding: 0!important;
    }
    .puesto{
        text-align: center;
    }
    .puesto h2{
        font-size: 18px!important;
    }
}

@media screen and (max-width:500px){
    .puntos-manzana>.vc_column-inner>.wpb_wrapper>.img-with-aniamtion-wrap {
        position: absolute;
        bottom: 0;
        max-width: 283px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
    .pm-1{
        top: 33%;
    }
    .pm-2 {
        top: 51%;
    }
    .pm-3 {
        left: 76%;
        top: 46%;
    }
    .pm-4 {
        top: 76%;
    }
    .texto-dinamico{
        top: -345px;
        left: 0;
    }
    .section-points-manzana  h2{
        margin-bottom: 162px!important;
    }
}

@media screen and (min-width:767px) and (max-width:1100px){
    .section-points-manzana .row_col_wrap_12{
        flex-direction: column;
    }
    .section-points-manzana .row_col_wrap_12>div{
        width: 100%;
    }
    .texto-dinamico {
        top: -100px;
    }

    .section-points-manzana  h2{
        max-width: 500px!important;
    }
}


@media screen and (min-width:2000px){
    .section-points-manzana .row_col_wrap_12{
        max-width: 1402px;
        margin: 0 auto;
    }
}