/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/*_________________________GENERAL________________________*/

p, span, div, a{
    line-height: 1.2;
    font-family: "brandon-grotesque", sans-serif!important;
    font-weight: 400;
}
strong{
    line-height: 1.2!important;
}

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

h1, h2, h3{
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 900!important;
    line-height: 1.2!important;
}

h4{
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 700!important;
    line-height: 1.2!important;
}

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white p{
    color: white;
}

.container-wrap, .project-title{
    padding-bottom: 0;
}

#exp_espinaler{
    position: fixed;
    right: 30px;
    z-index: 1000;
    bottom: 30px;
    /* width: 300px;
    height: 200px; */
    width: 100px;
    height: 100px;
    overflow: visible;
}

#exp_espinaler img{
    width: 100%;
    height: auto;
    padding: 20px;
}

#to-top i{
    background-color:#002f5d;
}

.circle-1{
    width: 100px;
    height: 100px;
    background-color: #002f5d;
    border-radius: 110px;
    border: 2px solid #F4F0D6;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.circle-1 img{
    width: 100%;
    height: auto;
    padding: 14px!important;
    padding-left: 16px!important;
}

.circle-2, .circle-3{
    width: 70px;
    height: 70px;
    background-color: #F4F0D6;
    border-radius: 50px;
    border: 3px solid #002f5d;
    position: absolute;
    bottom: 20px;
    right: 20px;
    transition: 0.3s ease-in-out;
}

#exp_espinaler:hover .circle-2{
    transform: translate(-50px,-70px);
    transition: 0.5s ease-in-out;
}

#exp_espinaler:hover .circle-3{
    transform: translate(-87px, 13px);
    transition: 0.5s ease-in-out;
}


/*_________________________HEADER________________________*/

.slide-out-widget-area-toggle{
    display: none!important;
}
#mobile-menu{
    background: white;
    height: 100vh;
    overflow: scroll;
}

#header-outer .mobile-header li:not([class*="button_"]) > a .menu-title-text:after, #header-outer[data-lhe="animated_underline"] nav > ul >li:not([class*="button_"]) > a .menu-title-text:after, #header-secondary-outer[data-lhe="animated_underline"] nav >.sf-menu >li >a .menu-title-text:after{
    border-top: 1px solid;
}
.sf-menu li ul li a .menu-title-text:after{
    height: 1px;
}

#menu-mobile-menu>li{
    /* padding: 18px 0!important; */
    border-bottom: 1px solid;
}


#menu-mobile-menu>li>a{
    text-transform: uppercase;
    display: block;
    padding: 20px !important;
    z-index: 100;
    position: relative;
}

#menu-mobile-menu>.menu-item-has-children .sub-menu{
    background: #D6E7F2;
    padding: 20px;
}

.d-none{
    display: none;
}

#menu-mobile-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children{
    position: relative;
}
#menu-mobile-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children::after{
    content: '';
    position: absolute;
    right: 0;
    background-image: url('/wp-content/uploads/2025/03/down-1.png');
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    top: 15px;
}   

#menu-mobile-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu{
    padding-bottom: 0;
}

#menu-mobile-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu a{
    line-height: 2;
}

#menu-mobile-menu>.menu-item-has-children>.sub-menu>li{
    padding: 10px 0;
}

#menu-mobile-menu>.menu-item-has-children{
    position: relative;
}

#menu-mobile-menu>.menu-item-has-children::after{
    content: '';
    position: absolute;
    right: 0;
    background-image: url('/wp-content/uploads/2025/03/down-1.png');
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    top: 25px;
    right: 20px;
}

#topbar{
    background-color: white;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    padding: 0px;
    padding-left: calc(100vw* 0.08);
    padding-right: calc(100vw* 0.08);
    align-items: center;
}

#topbar a, #topbar div{
    font-size: 14px;
    font-weight: 400;
}

body.openmobile{
    height: 100vh;
    overflow: hidden;
}

.small-nav {
    transform: translateY(-44px);
    transition: 0.4s ease-in-out!important;
    top: 0!important;
}

#header-outer{
    top: 0!important;
    transition: 0.4s ease-in-out!important;
}

#header-space{
    height: auto!important;
}

#header-outer .social img{
    height: 17px!important;
}

.catalogo a{
    transition: 0.4s ease-in-out;
}

.catalogo a:hover{
    background-color:white;
    color: #002f5d;
    transition: 0.4s ease-in-out;
}

.nectar-button[data-color-override="false"].regular-button{
    border: 2px solid #002f5d!important;
}

.nectar-button[data-color-override="false"].regular-button:hover{
    background-color: white!important;
    color: #002f5d!important;
}
body[data-button-style="slightly_rounded_shadow"] .nectar-button:hover, body[data-button-style="slightly_rounded_shadow"] .nectar-button:focus{
    transform: none!important;
    box-shadow: none!important;
}

.catalogo a{
    display: flex;
    align-items: center;
    background-color: #fef7d6;
    color: #002f5d;
    padding: 8px 35px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
}

.contacta a{
    display: block;
    position: relative;
}

.contacta a:after{
    content:'';
    transform-origin: 0 0;
    transition: transform .35s cubic-bezier(.52,.01,.16,1);
    bottom: -3px;
    transform: scaleX(0);
    border-color: #002f5d;
    border-bottom: 1px solid;
    position: absolute;
    width: 100%;
    left: 0;
    transform-origin: left;
}

 .contacta a:hover:after{
    transform: scaleX(1);
} 

#block-9, #block-16, #block-12, #block-18, #block-8, #block-20, #block-21, #block-19, #block-17{
    display: none;
}

html[lang="es-ES"] .d-es{
    display: block!important;
}

html[lang="ca"] .d-ca{
    display: block!important;
}

html[lang="en-US"] .d-en{
    display: block!important;   
}

html[lang="es-ES"] .d-inline-es{
    display: inline!important;
}

html[lang="ca"] .d-inline-ca{
    display: inline!important;
}

html[lang="en-US"] .d-inline-en{
    display: inline!important;
}

html[lang="ca"] #block-16{
    display: block!important;
}

html[lang="ca"] #block-19{
    display: block!important;
}

html[lang="ca"] #block-17{
    display: block!important;
}

html[lang="en-US"] #block-18{
    display: block!important;
}

html[lang="en-US"] #block-20{
    display: block!important;
}

html[lang="en-US"] #block-21{
    display: block!important;
}

/*_________________________FOOTER________________________*/

#footer-widgets .gform-theme--foundation .gform_fields{
    row-gap: 10px!important;
    text-align: left!important;
}

#footer-widgets  .gfield--type-email input{
    max-width: 100%!important;
}

#footer-widgets .gform_button {
    font-size: 16px!important;
}

.prefooter{
    padding-top: 50px;
    display: flex;
    flex-direction: column;
}
.prefooter>div{
    display: flex;
    justify-content: center;
    align-items: center;
}

.prefooter img{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 30px;
}

.prefooter a{
    color: white!important;
}

#footer-outer .prefooter .nectar-button:hover{
    color: #002f5d!important;
}



.prefooter h3{
    padding-right: 40px;
}

.footer-first-column{
    display: flex;
}

.social{
    display: flex;
    padding: 10px 0;
    justify-content: center;
}

.social a{
    padding: 0 5px;
}

.social img{
    height: 25px!important;
}

.footer-first-column{
    text-align: center;
}

#footer-outer .widget h4{
    margin-bottom: 0;
    font-size: 20px;
    max-width: 173px;
}
#footer-outer .widget .footer-first-column h4{
    max-width: 100% !important;
    text-align: left;
    margin-bottom: 20px;
}
#footer-outer .widget{
    margin-bottom: 20px;
}
#footer-widgets a, #footer-widgets p{
    font-size: 16px;
}
#footer-outer #footer-widgets .col p{
    padding-bottom: 10px;
}

.logo-footer{
    max-width: 160px!important;
}

#footer-widgets input[type="email"]{
    width: 80%;
    max-width: 80%;
    border: 1px solid;
    border-radius: 10px;
    font-family: "brandon-grotesque", sans-serif;
    margin-bottom: 10px;
    background-color: white;
}

.mc4wp-form-fields{
    text-align: left;
}

body[data-button-style*="slightly_rounded"] input[type=submit]{
    border-radius: 10px !important;
    padding: 7px 15px;
    font-family: "brandon-grotesque", sans-serif;
    font-size: 16px;
    margin: 10px 0;
}

.footer-legal{
    background-color: #002f5d;
    width:100%;
    padding: 20px 0;
}

.menu-footer{
    display: flex;
    justify-content: center;
}

#footer-outer .menu-footer a{
    color: white!important;
    font-size: 16px;
}

/*____________________HOME____________________*/
#slider-home .nectar-simple-slider.sizing-aspect-ratio.aspect-16-9{
    padding-bottom: calc((9 / 23)* 100%)!important;
}

#slider-home h2{
    color: white;
    line-height: 1.2;

}

.nectar-simple-slider .flickity-prev-next-button:before{
    background-color: transparent;
}

.nectar-simple-slider.arrow-ffffff .flickity-prev-next-button:after{
    display: none;
}

.nectar-simple-slider .flickity-prev-next-button svg{
    width: 30px;
}

.productos-home img{
    height: 200px!important;
    object-fit: contain;
}
.ondas img{
    width: 100%!important;
}

.name-prod{
    margin-bottom: 10px!important;
}



.name-prod p{
    font-weight: 600;
    font-size: 30px;
    line-height: 0.8!important;
}

.desc-prod{
    margin-bottom: 10px!important;
}

.link-prod a{
    margin-bottom: 10px!important;
    font-weight: 600;
    text-decoration: underline;
}

.row-count .vc_col-sm-3>.vc_column-inner>.wpb_wrapper{
    display: flex;
    align-items: flex-start;
}

.row-count .wpb_text_column{
    margin-bottom: 0!important;
}
.row-count .vc_col-sm-3 .img-with-aniamtion-wrap {
    width: 100%!important;
    border-right: 1px solid #012a5e;
}

.row-count .vc_col-sm-3 .img-with-aniamtion-wrap img{
    height: 137px!important;
    width: auto!important;
    object-fit: contain;
}

/* .row-count .vc_col-sm-3{
    padding-left: 36px !important;
} */

.row-count>.row_col_wrap_12>.vc_col-sm-3:nth-last-of-type(1) .img-with-aniamtion-wrap{
    border-right: 0!important;
}

.row-count .vc_col-sm-3{
    display: flex;
    align-items: center;

}

.row-count .vc_col-sm-3>div{
    width: 100%;
}

/*slider home*/

.col-carousel .nectar-flickity.nectar-simple-slider:not([data-arrows="true"]) .flickity-slider .cell{
    padding: 0!important;
}

.col-carousel .nectar-simple-slider .cell > .inner{
    height: 100%!important;
}

.col-carousel .nectar-simple-slider .img-with-aniamtion-wrap {
    height: 100%!important;
}

.col-carousel .nectar-simple-slider .hover-wrap,.nectar-simple-slider .hover-wrap-inner{
    height: 100%!important; 
}

.col-carousel .nectar-simple-slider img{
    object-fit: cover;
    height: 100%!important; 
}

.cta .wpb_wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta .wpb_text_column, .cta a{
    margin-bottom: 0;
}

.nectar-button[data-color-override="false"].regular-button{
    padding: 8px 15px!important;
    border-radius: 10px !important;
    font-size: 16px!important;
    font-family: "brandon-grotesque", sans-serif !important;
}
.nectar-button span{
    font-weight: 700!important;
}

.cta .nectar-button[data-color-override="false"].regular-button{
    padding: 10px 35px !important;
}

.des-cont{
    font-weight: 500!important;
    font-size: 16px;
}

.count{
    font-weight: 800;
    font-size: 40px;
    margin-bottom: 0;
    line-height: 1.5;
    padding-bottom: 0;
}

body .nectar-simple-slider .flickity-page-dots svg{
    display: none!important;
}

.nectar-simple-slider .flickity-page-dots .dot:before{
    height: 10px;
    width: 10px;
    border: 1px solid white;
}

.nectar-simple-slider .flickity-page-dots .dot{
    width: 30px;
    height: 30px;
}

.nectar-simple-slider .flickity-page-dots .dot.is-selected:before{
    background-color: transparent;
    border: 1px solid white;
}

.first-section-home .vc_col-sm-12{
    position: relative;
}
.first-section-home .vc_col-sm-12>div.vc_column-inner, .first-section-home .vc_col-sm-12>div.vc_column-inner>.wpb_wrapper{
    height: 100%!important;    
    display: flex;
    align-items: center;
    justify-content: center;
}

.first-section-home .img-with-aniamtion-wrap{
    position: absolute;
    bottom: 30px;
}
.down{
    max-width: 40px!important;   
}

/*______________HISTORIA____________*/

#timeline{
    height: 90.8%;
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.timeline-row>.wpb_wrapper{
    height: 100%;
}

.t-line{
    width: 2px;
    height: 100%;
    background: #002f5d;
}

.t-point{
    width: 20px;
    height: 20px;
    border-radius: 30px;
    background: #002f5d;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0; /* Empezará arriba */
}

.timeline-row{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    z-index: 1000;
}

.year h2{
    display: inline-block;
    background: #F4F0D6;
    padding: 0 15px;
    border-radius: 30px;
}

/* .t1{
    top: 30px;
}

.t2{
    top: 563px;
}

.t3{
    top: 975px;
}

.t4{
    top: 1370px;
}
.t5{
    top: 1788px;
}

.t6{
    top: 2162px;
}

.t7{
    bottom: 0;
    top: initial;
} */

#timeline-container{
    max-width: 962px;
    margin: 0 auto;
}

#slider-origen .nectar-simple-slider.sizing-aspect-ratio.aspect-16-9{
    padding-bottom: calc((7 / 23)* 100%)!important;
}

.reconocimiento{
    z-index: 100!important;
}

/*______________SOSTENIBILIDAD____________*/

.wave {
    --size: 13px;
    --R: calc(var(--size)* 1.1);
    -webkit-mask: radial-gradient(var(--R) at 50% calc(2* var(--size)), #000 143%, #0000 101%) calc(50% - 2* var(--size)) 0 / calc(4* var(--size)) 100%, radial-gradient(var(--R) at 50% calc(-.8* var(--size)), #0000 99%, #000 101%) 50% var(--size) / calc(4* var(--size)) 100% repeat-x;
    background: #00305d;
    height: 32px;
}

.num p{
    text-align: center;
    background: white;
    color: #00305d;
    display: inline-block;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border-radius: 35px;
    font-weight: 600;
}

div[data-style*=minimal] .toggle>.toggle-title i{
    border: none!important;
    right: initial;
    left: 0;
}
div[data-style="minimal"] .toggle > .toggle-title a{
    padding-left: 40px;
    padding: 10px 70px 10px 40px;
    padding-right: 0;
    font-size: 25px;
    font-weight: 500;
    color: #00305d!important;
}
div[data-style="minimal"] .toggle > .toggle-title i:before, div[data-style="minimal"] .toggle > .toggle-title i:after{
    background-color: #00305d;
}

div[data-style="minimal"] .toggle{
    border: none;
    position: relative;
}

.toggle::before{
    content: '';
    width:0%;
    height: 2px;
    position: absolute;
    background-color: #002f5d;
    bottom: 0;
    transition: 0.6s ease-in-out;
}
.toggle.open::before{
    width:100%;
    transition: 0.6s ease-in-out;
}

.inner-toggle-wrap{
    padding-left: 40px!important;
}

.tabbed[data-style="vertical_modern"][data-color-scheme="accent-color"] .wpb_tabs_nav li .active-tab, .tabbed[data-style="vertical"][data-color-scheme="accent-color"] > ul li .active-tab{
    background: transparent;
    color: #00305d;
}

.tab-item a span{
    font-weight: 500;
    font-size: 25px;
    position: relative;
}

.tabbed>ul li a{
    color: #00305d;
    background: transparent;
}

.tabbed[data-style*=vertical] .wpb_tabs_nav li a{
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 30px;
}

.tabbed[data-style*=vertical] .wpb_tabs_nav li a::before{
    content: '+';
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 25px;
    font-weight: 500;
    transform: translateY(-50%);
}

.tabbed[data-style*=vertical] .wpb_tabs_nav li a.active-tab::before{
    content: '-';
}

.tabbed[data-style*=vertical] .wpb_tabs_nav li a span::before{
    content: '';
    width:0%;
    height: 2px;
    position: absolute;
    background-color: #002f5d;
    bottom: 0;
    transition: 0.6s ease-in-out;
}

.tabbed[data-style*=vertical] .wpb_tabs_nav li a.active-tab span::before{
    width: 100%;
    transition: 0.6s ease-in-out;
}

.tabbed>ul li a:hover{
    background-color: transparent!important;
}

/*______________CALIDAD____________*/

.calidad .vc_col-sm-4>.vc_column-inner>.wpb_wrapper{
    background: #00305d;
    border-radius: 200px;
    padding: 60px 35px;
    min-height: 85vh;
}

.calidad .custom-width-150px .hover-wrap{
    margin-bottom: 0!important;
}

.calidad h4{
    font-size: 25px!important;
}

/*_____________COMPROMISO____________*/

.rsc .owl-dots, .recetas-interior .owl-dots{
    display: none!important;
}

.rsc .owl-nav, .recetas-interior .owl-nav{
    position: absolute;
    top: 40%;
    left: 0;
    width: 100vw;
    display: flex !important;
    justify-content: space-between;
    padding-left: calc(100vw* 0.03);
    padding-right: calc(100vw* 0.03);
    z-index: -1;
}

.rsc .owl-carousel, .recetas-interior .owl-carousel{
    padding-left: calc(100vw* 0.08);
    padding-right: calc(100vw* 0.08);
}

.rsc .owl-prev, .recetas-interior .owl-prev{
    position: relative;
    left: 0px;
    background: transparent;
    background-image: url(/wp-content/uploads/2025/04/flecha-izquierda.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.rsc .owl-next, .recetas-interior .owl-next{
    position: relative;
    left: 0px;
    background: transparent;
    background-image: url(/wp-content/uploads/2025/04/flecha-derecha.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.owl-theme .owl-nav [class*=owl-]:hover{
    background-color: transparent!important;
}

.rsc .owl-prev span, .rsc .owl-next span, .recetas-interior .owl-prev span, .recetas-interior .owl-next span{
    visibility: hidden;
}

.rsc .owl-next, .recetas-interior .owl-next{
    position: relative;
    right: 0px;
}

.rsc .owl-item img, .recetas-interior .owl-item img{
    padding: 5px;
}

/*_____________DISTRIBUCION__________*/

.text-carousel{
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.nectar-carousel{
    margin-bottom: 0!important;
}

.overlay-carousel{
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent, #00000099);
    position: absolute;
    top: 0;
}

.servicios img{
    height: 60px!important;
    width: auto!important;
    object-fit: contain;
}

.camion{
    padding: 5px!important;
}

.medios h3{
    font-weight: 600 !important;
    font-size: 25px!important;
}

.medios .nectar-video-box>.inner-wrap{
    border-radius: 20px;
}

/*__________________DISTRIBUCION_________________*/

#formulario{
    max-width: 700px;
    margin: 0 auto;
}

#formulario h3{
    font-weight: 500 !important;
    font-size: 25px!important;
    border-bottom: 2px solid;
    padding-bottom: 10px;
    margin: 10px;
}

input[type="text"], input[type="email"], input[type="tel"], select, textarea{
    background: transparent;
    border: 1px solid #BFBFBF;
    border-radius: 10px;
    color: #002f5d;
    font-size: 17px!important;
    padding: 7px 10px;
    font-family: "brandon-grotesque", sans-serif!important;
}

::placeholder{
    color: #002f5d;
    font-size: 17px;
}

.wpcf7-list-item{
    margin-left: 0;
}

body[data-form-submit=regular] .container-wrap input[type=submit]{
    padding: 8px 35px !important;
    font-weight: 700!important;
    font-size: 16px!important;
}

form span{
    color: #002f5d!important;
    font-size: 17px;
}

.wpcf7-response-output{
    border: none!important;
    max-width: 700px!important;
    margin: 0 auto!important;
}

.wpcf7-form .wpcf7-not-valid-tip{
    box-shadow: none;
}

textarea{
    height: 150px;
}

.owl-stage{
    margin-bottom: 0;
    padding: 0!important;
}

/*___________________CONTACTO________________*/

.row-contacto .wpb_wrapper{
    display: flex;
    align-items: center;
}

.row-contacto .hover-wrap{
    margin-bottom: 0!important;
}

.row-contacto img{
    width: 35px !important;
    max-width: 35px!important;
    height: 30px !important;
    object-fit: contain;
}
.row-contacto img.mail{
    height: 20px !important;
}

.row-contacto .wpb_text_column{
    padding-left: 20px;
}

/* .taberna>.vc_column-inner>.wpb_wrapper{
    position: relative;
} */

.overlay-taberna{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00305d;
    z-index: -1;
    opacity: 0.9;
}

.taberna>.vc_column-inner>.wpb_wrapper{
    opacity: 0;
    transition: 0.4s ease-in-out;
}

.taberna:hover >.vc_column-inner>.wpb_wrapper{
    opacity: 1;
    transition: 0.4s ease-in-out;
}

#popup-horario{
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 1000;
    height: 100vh;
    align-items: center;
    background-color: #000000c2;
    position: fixed;
    top: 0;
}

.horario{
    position: relative;
}

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

.close{
    cursor: pointer;
    position: absolute;
    right: -9px;
    width: 22px;
    height: 22px;
    border-radius: 20px;
    background: #fff6d7;
    top: -11px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-weight: 500;
    box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 );
    font-size: 20px;
    padding-bottom: 4px;
}

.horario img{
    height: 85vh;
    width: auto;
    object-fit: contain;
}

.row-contacto img.horario-icono{
    max-width: 25px !important;
    margin-left: 5px;
}

/*___________________PÁGINA CATEGORIA__________________*/

.grid-productos{
    display: flex; 
    flex-wrap: wrap; 
    gap: 0px;
}

.producto{
    flex: 0 0 calc(25%); 
    box-sizing: border-box; 
    padding: 15px; 
    text-align: center;
}

.producto img{
    max-width:100%; 
    height:auto;
    max-height: 155px;
}

.producto h4{
    text-transform: uppercase;
    max-width: 250px;
    margin: 0 auto;
    font-size: 17px !important;
    line-height: 1.1 !important;
}

.page-template-pagina-categoria .recetas img{
    aspect-ratio: 4 / 2.5;
    object-fit: cover;
}


/*_________________RECETAS_________________*/

.info-recipe, .info-noticia{
    height: 85px;
    background: #00305d;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.info-recipe h4, .info-noticia h4{
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px!important;
}

.recetas .hover-wrap{
    margin-bottom: 0!important;
}

.recetas .owl-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex!important;
    justify-content: space-between;
    margin: 0!important;
    z-index: -1;
}

.recetas .owl-dots{
    display: none!important;
}

.recetas .owl-prev{
    position: relative;
    left: 0px;
    background: transparent;
    background-image: url(/wp-content/uploads/2025/04/flecha-izquierda.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    left: -40px;
}
.recetas .owl-next{
    position: relative;
    left: 0px;
    background: transparent;
    background-image: url(/wp-content/uploads/2025/04/flecha-derecha.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    right: -40px;
    left: initial;
}
.recetas .owl-prev span, .recetas .owl-next span{
    visibility: hidden;
}

.recetas .owl-theme[data-desktop-cols] .owl-nav [class*=owl-]{
    font-size: 74px;
    background-color: transparent;
}

#cabecera-receta{
    display: flex;
    justify-content: center;
    padding: 60px 20px;
    padding-bottom: 40px;
    align-items: center;
    flex-direction: column;
    margin-top: 22px;
}

#cabecera-receta h1{
    text-align: center;
    text-transform: uppercase;
}

#cabecera-receta img{
    max-width: 600px;
    margin: 0 auto;
}

.resumen{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
}

.resumen img{
    height: 30px;
    width: auto;
    margin-bottom: 10px;
}

.resumen>div{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 30px;
}

.ingredientes p{
    padding-bottom: 15px;
}


#metodo-preparacion{
    display: flex;
    justify-content: center;
    padding: 60px 20px;
    padding-top: 40px;
    align-items: center;
    flex-direction: column;
}

#metodo-preparacion h2{
    text-align: center;
    text-transform: uppercase;
}

#metodo-preparacion img{
    max-width: 600px;
    margin: 0 auto;
}

#preparacion{
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
}

#preparacion>div{
    width: 50%;
}

.paso{
    display: flex;
}

.num-paso{
    background-color: #002f5d;
    border-radius: 30px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: 15px;
    color: white;
    position: relative;
    top: -3px;
    aspect-ratio: 1 / 1;
}

.t-relacionadas{
    text-align: center;
    padding-bottom: 50px;
}

.nectar-social{
    display: none;
}

.oferta-tab .tabbed[data-style=minimal] .wpb_tabs_nav{
    margin-bottom: 40px;
    justify-content: space-between;
    display: flex;
    border-bottom: 0;
}

.oferta-tab .tab-item a span{
    font-size: 20px;
}

.oferta-tab .tabbed[data-style=minimal]>ul li a{
    padding: 0 !important;
    padding-bottom: 5px !important;
}

.oferta-tab .tabbed{
    max-width: 900px;
    margin: 0 auto;
}

html[lang="en-US"] .oferta-tab .tabbed{
    max-width: 1150px;
    margin: 0 auto;
}

.works{
    display: flex;
    justify-content: center;
    gap: 20px;
}

.work{
    width: 33.33%;
    aspect-ratio: 3/2.5;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.work>div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #00305dc7;
    color: white;
}

.work h4{
    color: white;
    text-transform: uppercase;
    font-size: 25px!important;
}

.work a{
    background: white;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-family: "brandon-grotesque", sans-serif !important;
    padding: 8px 19px;
    font-weight: 600;   
    position: absolute;
    bottom: 20%;
    transition: 0.3s ease-in-out;
}

.work a:hover{
    color: #002f5d!important;
    background-color: #F4F0D6;
    transition: 0.3s ease-in-out;
}

.recetasinterior{
    padding-bottom: 30px;
}

.recetasinterior .owl-item{
    padding: 16px!important;
}

.recetasinterior img{
    aspect-ratio: 4 / 2.5;
    object-fit: cover;
}

.filtro-recetas{
    display: flex;
    max-width: 900px;
    margin: 0 auto;
    gap: 30px;
    padding-bottom: 60px;
}

.filtro-recetas select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/wp-content/uploads/2025/03/down-1.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position-x: calc(100% - 10px);
    background-position-y: center;
}

.grid-recetas, .grid-noticias{
    display: flex;
    justify-content: flex-start;
    gap: 30px;
}

.grid-recetas img, .grid-noticias img{
    aspect-ratio: 4 / 2.5;
    margin: 0 !important;
    object-fit: cover;
}

.grid-recetas .info-recipe, .info-noticia{
    margin-top: -7px;
}

.grid-recetas, .grid-noticias{
    padding-bottom: 80px;
}

.ver-todas-recetas{
    display: flex;
    justify-content: center;
    padding-bottom: 80px;
}

/*__________________NOTICIAS_____________*/

.categoria-blog{
    color:white;
    z-index:1;
}

.filtro-noticias{
    display: flex;
    justify-content: center;
    max-width: 900px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.filtro-noticias>span{
    margin-right: 20px;
    position: relative;
    cursor: pointer;
}

.filtro-noticias>span>span{
    text-transform: uppercase;
    font-weight: 600;
    border-right: 1px solid;
    width: 100%;
    display: block;
    margin-right: 20px;
}

.filtro-noticias>span:nth-last-of-type(1)>span{
    border: none;
    margin-right: 0;
}

.filtro-noticias>span:nth-last-of-type(1){
    margin-right: 0;
}


.filtro-noticias>span.active::before{
    content: '';
    position: absolute;
    width: calc(100% - 20px);
    height: 2px;
    background: #00305d;
    bottom: -6px;
}
.filtro-noticias>span:nth-last-of-type(1).active::before{
    width: 100%;
}

.filtro-noticias span[value="rsc"]{
    display: none;
}


/*NOTICIAS*/

.header-post{
    min-height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding: 80px 20px;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-post h1{
    color: white;
    text-transform: uppercase;
    z-index: 1;
}

.header-post a{
    color: white;
    border-bottom: 1px solid;
    z-index: 1;
}

.overlay-post{
    background-color: #000;
    opacity: 0.3;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.n-relacionadas{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 50px;
}

.n-relacionadas h2{
    text-align: center;
}

.single-post .post .content-inner{
    padding-bottom: 0;
}

.noticias-rel{
    max-width: 1200px;
}

.puesto{
    font-weight: 800;
}

.rsc .item img{
	aspect-ratio: 1;
	object-fit: cover;
}

/*LEGALES*/

.page-template-pagina-legal .main-content{
    margin-top: 80px;
    margin-bottom: 80px;
}

.page-template-pagina-legal h4{
    text-transform: uppercase;
    padding-bottom: 10px;
}

.page-template-pagina-legal td{
    font-size: 18px!important;
    line-height: 1.2!important;
}

.creditos p{
    font-size: 14px!important;
}

.nectar-video-box img{
    aspect-ratio: 4/2.2;
    object-fit: cover;
}

.single-post h1{
    text-align: center;
    max-width: 1200px;
}

@media screen and (min-width:767px){
    .carousel-category>div>.wpb_wrapper, .carousel-category>div>.wpb_wrapper>div,  .carousel-category>div>.wpb_wrapper>div>div.nectar-flickity{
        height: 100%!important;
    } 
    .carousel-distri .vc_col-sm-6{
        height: 75vh;
    }
    .carousel-distri .owl-dots{
        position: absolute;
        bottom: 60px;
        padding-left: calc(100vw* 0.08);
    }
    .row-form{
        display: flex;
    }
    .col-form-2{
        width: 50%;
        padding: 10px;
    }
    .col-form-1{
        width: 100%;
        padding: 10px;
    }
    #timeline-container img{
        transform: scale(1.2)!important;
    }
    .germans, .miquel{
        transform: scale(1.2)!important;
    }
    .t-info-left>div>.wpb_wrapper{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .t-info-right>div>.wpb_wrapper{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    #mobile-menu{
        display: none;
    }
    .container{
        max-width: 100%!important;
        width: 100%!important;
        padding-left: calc(100vw* 0.08);
        padding-right: calc(100vw* 0.08);
    }
    
    #historia{
        position:relative;
        top:-230px;
    }
    #slider-home h2{
        font-size: 45px;
    }
    .cta .wpb_text_column{
        padding-right: 50px;
    }
    #footer-widgets .container .row >div {
        width: 14%!important;
        position: relative;
        left: 20px;
    }
    #footer-widgets[data-cols="5"] .container .row >div:first-child {
        width: 49%!important;
        left: -40px;
        position: relative;
        margin-right: 20px;
    }
    body #footer-outer .row {
        padding: 50px 0;
    }
    .footer-first-column>div:nth-of-type(1){
        width: 40%;
    }
    .footer-first-column>div:nth-of-type(2){
        width: 60%;
        padding-left: 40px;
    }
    #footer-outer .menu-footer a{
        border-right: 1px solid;
        padding: 0 10px;
    }
    #footer-outer .menu-footer>li:nth-last-of-type(1) a{
        border-right: none;
        padding-right: 0;
    }
    #header-outer .sf-menu a{
        /* border-right: 1px solid!important; */
        margin: 0!important;
        padding: 0!important;
    }
    #header-outer .sf-menu a:not(#header-outer .sf-menu>li:nth-of-type(1) a, #header-outer .sf-menu>li:nth-of-type(2) a, #header-outer .sf-menu>li:nth-last-of-type(1) a){
        /* border-right: 1px solid!important;  */
        margin-right: 0px;
    }
    #header-outer .sf-menu>li:nth-of-type(1)>a, #header-outer .sf-menu>li:nth-of-type(2)>a{
        /* border-right: 1px solid!important;  */
        margin-right: 0px!important;
    }

    #header-outer[data-lhe=animated_underline] #top nav>ul>li>a{
        border-right: 1px solid!important;
        padding: 0 20px !important;
    }

    #header-outer[data-lhe=animated_underline] #top nav>ul.sf-menu>li:nth-last-of-type(1)>a{
        border-right: none!important;
    }

    #header-outer[data-lhe="animated_underline"] #top .sf-menu > .sf-with-ul:not([class*="button"]) > a{
        padding-right: 25px!important;
    }

    .sub-menu li{
        padding-bottom: 7px!important;
    }  
    .catalogo{
        margin-top: 28px;
        margin-bottom: 28px;
        position: relative;
        align-items: center;
        display: flex!important;
    }  

 
 
    .logo-spacing{
        display: none;
    }
    .container-wrap, .project-title{
        padding-top: 160px!important;
    }
    #topbar>div{
        padding-left: 50px;
    }
    .border-prod{
        border-left: 1px solid #002f5d;
        border-right: 1px solid #002f5d;
    }
    .first-section-home>div{
        height: 80vh!important;
    }
    .first-section-home .vc_col-sm-12{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .d-none-desktop{
        display: none!important;
    }
    #header-outer.small-nav .logo-clone img, #header-outer.small-nav #logo img, #header-outer.small-nav .logo-spacing img{
        height: 85px!important;
    }
    #timeline-container .row_col_wrap_12_inner{
       flex-wrap: nowrap!important;
    }

    .origen-row img{
        min-height: 75vh!important;
        object-fit: cover;
    }
    .origen-row .wpb_wrapper:not(.origen-info .wpb_wrapper), .origen-row .wpb_wrapper .img-with-aniamtion-wrap, .origen-row .wpb_wrapper .img-with-aniamtion-wrap .hover-wrap, .origen-row .wpb_wrapper .img-with-aniamtion-wrap .hover-wrap img,  .origen-row .wpb_wrapper .img-with-aniamtion-wrap .hover-wrap-inner{
        height: 100%!important;
    }
 
    .valores p{
        font-size: 17px!important;
    }
    .mision-vision .vc_col-sm-2{
        max-width: 100px!important;
    }
    .mision-vision  .row_col_wrap_12{
        display: flex;
        justify-content: center;
    }
    .mision-vision img{
        transform: scale(1.3)!important;
    }
    .tabbed[data-style*=vertical] .wpb_tabs_nav{
        width: 40%;
    }
    .tabbed[data-style*=vertical]>div{
        width: 60%;
    }
    .medios .row_col_wrap_12>.vc_col-sm-6:nth-of-type(1){
        padding-right: 30px!important;
    }
    .medios .row_col_wrap_12>.vc_col-sm-6:nth-of-type(2){
        padding-left: 30px!important;
    }
    .calidad .vc_col-sm-4>.vc_column-inner>.wpb_wrapper {
        padding: 75px 35px;
        min-height: 100%;
        height: 663px;
        border-radius: 700px;
    }
    .t-nau{
        border-right: 4px solid #00305d;
    }
    .t-trad{
        border-left: 4px solid #00305d;
    }
    .producto{
        padding-bottom: 30px;
    }
    .col-info-catalogo{
        display: flex;
        align-items: center;
    }
    .conservas .name-prod{
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #preparacion .paso:nth-of-type(odd){
        padding-right: 30px;
    }
    #preparacion .paso:nth-of-type(even){
        padding-left: 30px;
    }
    .title-oferta h3{
        font-size: 28px!important;
    }
    .grid-recetas, .grid-noticias{
        flex-wrap: wrap;
    }
    .grid-recetas>div, .grid-noticias>div{
        width: 31%;
    }
   body.single-post.material[data-bg-header=true] .container-wrap{
    padding-top: 181px !important;
    }
    .quienes-somos-work>div.vc_column-inner{
        padding: 50px 122px!important;
    }
    .beneficios-items .row_col_wrap_12_inner{
        max-width: 1060px;
        margin: 0 auto;
    }
    .beneficios-items .img-with-aniamtion-wrap{
        height: 80px;
    }
    .beneficios-items img{
        height: 80px!important;
        object-fit: cover;
        overflow: visible;
        padding-bottom: 15px !important;
    }
    .apasiona h4{
        font-size: 25px!important;
    }
    .single-oferta .container-wrap{
        padding-top: 200px!important;
    }
}

@media screen and (max-width:767px){
    .single-oferta .container-wrap{
        padding-top: 68px!important;
    }
    .beneficios-items .img-with-aniamtion-wrap{
        height: 80px;
    }
    .beneficios-items img{
        height: 80px!important;
        object-fit: cover;
        overflow: visible;
        padding-bottom: 15px !important;
    }
    .beneficios-items .wpb_text_column{
        margin-bottom: 20px!important;
    }
    .title-oferta br{
        display: none;
    }
    .noticias-rel{
        width: 100%;
    }
    .filtro-noticias{
        flex-direction: column;
        margin-bottom: 0;
        padding-bottom: 0px;
        padding-top: 12px;

    }
    .filtro-noticias>span>span{
        border-right: none;
        margin-right: 0;
        text-align: center;
    }
    .filtro-noticias>span.active::before{
        bottom: -8px;
        width: 100%;
        display:none;
    }
    .filtro-noticias>span{
        margin-bottom: 25px;
        /* margin-right: 0; */
        margin-bottom: 25px;
        margin-right: 0;
        background: #fef7d7;
        padding: 8px 15px;
        width: 291px;
        margin-left: auto;
        margin-right: auto !important;
        border-radius: 10px;
    }
    .filtro-noticias>span.active{
        background-color: #002f5d;
        color: white;
    }
    .works{
        flex-direction: column;
    }
    .work{
     width: 100%;
    }
    .wave{
        --size: 7px;
    }
    .taberna>.vc_column-inner>.wpb_wrapper{
        opacity: 1;
        transition: 0.4s ease-in-out;
    }
    .overlay-taberna{
        background: #00305d;
        opacity: 1;
    }
    .taberna .vc_column-inner{
        padding:0!important;
    }
    .horario{
        width: 90%;
    }
    .horario img{
        height: auto;
        width: 100%;
    }
    .taberna h2{
        padding: 30px;
        padding-bottom: 20px;
    }
    .taberna img{
        position: relative;
        top: 6px;
    }
    .carousel-productos-horeca .row_col_wrap_12{
        flex-direction: column-reverse;
    }
    .pesca-mobile{
        height: 200px!important;
        object-fit: cover;
    }
    #timeline{
        height: 87.4%;
    }
    .carousel-distri .vc_col-sm-6{
        margin-bottom: 0!important;
    }
    .carousel-distri .row_col_wrap_12_inner>.vc_col-sm-6:nth-of-type(1)>.vc_column-inner{
        padding-top: 50px!important;
        padding-bottom: 50px!important;
        min-height: 300px;
    }
    .carousel-distri .owl-dots{
        position: absolute;
        bottom: 22px;
        transform: translateX(-50%);
        left: 50%;
    }
    .carousel-distri .owl-theme[data-desktop-cols] .owl-dots .owl-dot span{
        background-color: white!important;
    }
    .carousel-distri .owl-theme[data-desktop-cols] .owl-dots .owl-dot.active span{
        border: 1px solid white;
    }
    .col-form-2{
        padding: 7px 10px;
    }
    .col-form-1{
        padding: 7px 10px;
    }
    h1, h2{
        font-size: 28px!important;
    }
    .rsc .owl-nav,  .recetas-interior .owl-nav{
        padding: 0!important;
    }
    .rsc .owl-item img,  .recetas-interior .owl-item img{
        padding: 10px;
    }

    .recetas-interior .owl-nav{
        padding: 0!important;
    }

    .recetas-interior .owl-item img{
        padding: 10px;
    }

    .prefooter>div{
        flex-direction: column;
    }
    .prefooter h3{
        padding-right: 0;
        text-align: center;
        font-size: 20px;
        margin-bottom: 20px;
    }
    #historia{
        position:relative;
        top:-120px;
    }
    .first-section-home>div{
        height: 60vh !important;
        margin-top: 50px;
    }
    .first-section-home .vc_col-sm-12{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #exp_espinaler{
        display: none;
    }
    .footer-first-column{
        flex-direction: column;
        display: flex;
    }
    .mc4wp-form-fields{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #footer-outer .widget .footer-first-column h4{
        text-align: center;
    }
    .footer-first-column>div:nth-of-type(2){
        margin-top: 30px;
    }
    body[data-button-style*="slightly_rounded"] input[type=submit]{
       width: 100%;
    }
    #footer-widgets input[type="email"]{
        max-width: 100%;
    }
    label.email{
        width: 100%;
    }
    #footer-outer .widget h4{
        text-align: center;
        max-width: 172px;
        margin: 0 auto;
    }
    #footer-outer ul, #footer-outer p{
        text-align: center;
    }
    .menu-footer{
        flex-direction: column;
    }
   .menu-footer li{
        padding: 4px 0;
    }
    #footer-outer .row{
        padding: 45px 0;
    }
    .footer-legal{
        padding: 45px 0;
    }
    #header-outer{
        padding: 0!important;
     }
     #header-outer .social{
        /* padding: 8px 0; */
        display: none;
     }
     #topbar{
        padding: 5px 20px;
        justify-content: space-between;
        display: none;
     }
     #header-outer.scrolled-down {
        transform: translateY(0px)!important;
    }
     .catalogo{
        position: absolute;
        right: 50px;
     }
     .catalogo a{
        padding: 6px 20px;
     }
     header#top>.container{ 
        padding: 10px 0;
     }
     .material #slide-out-widget-area[class*=slide-out-from-right] .inner .off-canvas-menu-container li li a, body #slide-out-widget-area[data-dropdown-func=separate-dropdown-parent-link] .inner .off-canvas-menu-container li li a{
        font-size: 18px!important;
        font-weight: 400;
     }
     #header-outer.scrolled-down{
        transform: translateY(-30px)
     }
     .cta .wpb_wrapper{
        flex-direction: column;
     }
     .cta .wpb_text_column{
        margin-bottom: 20px;
     }
     .row-count .vc_col-sm-3 .img-with-aniamtion-wrap{
        border-right: none;
     }
     .row-count .vc_col-sm-3{
        border-bottom: 1px solid;
        padding-bottom: 30px!important;
     }
     .row-count .row_col_wrap_12>.vc_col-sm-3:nth-last-of-type(1){
        border-bottom: none!important;
        padding-bottom: 0px!important;
     }
     .col-cat{
        border-bottom: 1px solid;
        padding-bottom: 40px!important;
     }
  
     .d-none-mobile{
        display: none!important;
    }
    #icon-mobile-ham{
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0;
        top: 3px;
        visibility: visible !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
    }
    #mobile-menu{
        position: absolute;
        z-index: 12;
        width: 100%;
        transform: translateX(-100%);
        transition: 0.4s ease-in-out;
    }
    #mobile-menu.open{
        transform: translateX(0%);
        transition: 0.4s ease-in-out;
    }
    .head-mobile-menu{
        background-color: #002f5d;
        height: 55px;
        padding: 0 20px;
        display: flex;
        justify-content:space-between;
        align-items: center;
    }
    .close-men{
        width: 20px;
        height: 20px;
    }
    #icon-mobile-ham>div{
        width: 30px;
        height: 1px;
        background: white;
    }
    .logo-menu{
        max-width: 150px;
        position: relative;
        left: -5px;
    }
    .timeline-row{
        transform: none;
        left: 0;
    }
    .t-point{
        width: 14px;
        height: 14px;
    }
    #timeline-container .vc_col-sm-6{
        padding-left: 65px!important;
        margin-bottom: 0!important;
    }
    #timeline-container .img-with-aniamtion-wrap{
        text-align: left;
        z-index: -1;
        display: flex;
    justify-content: center;
        position: relative;
    }
    #timeline-container .img-with-aniamtion-wrap .inner{
        max-width: 100% !important;
    }
    #timeline-container .row-reverse-mobile .row_col_wrap_12_inner{
        flex-direction: column-reverse;
    }
    .t-info-left.wpb_column.force-desktop-text-align-right,  .t-info-left h2,  .t-info-left p{
        text-align: left !important;
    }
    #timeline-container .row_col_wrap_12_inner{
        max-width: 405px;
    }
    .t2{
        top: 871px;
    }
    .t3{
        top: 1430px;
    }
    .t4{
        top: 1945px;
    }
    .t5{
        top: 2644px;
    }
    .t6{
        top: 3307px;
    }
    .origen-reverse .row_col_wrap_12{
        flex-direction: column-reverse !important;
    }
    .mision-vision  p, .mision-vision h2, .mision-vision  .vc_col-sm-5{
        text-align: left!important;
    }
    .mision-vision .vc_col-sm-2 {
        display: none!important;
    }
    .row-count .vc_col-sm-3>.vc_column-inner>.wpb_wrapper {
        display: flex;
        align-items: center;
    }
    .row-count .vc_col-sm-3>.vc_column-inner>.wpb_wrapper>div:nth-of-type(1){
        position: relative;
        left: 40px;
    }
    .row-count .vc_col-sm-3>.vc_column-inner>.wpb_wrapper>div:nth-of-type(2){
        position: relative;
        left: 20px;
    }
    .tabbed[data-style*=vertical] .wpb_tabs_nav{
        text-align: left;
    }
    .tabbed[data-style*=vertical] .wpb_tabs_nav li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .tab-item a span {
        font-size: 20px;
    }
    div[data-style="minimal"] .toggle > .toggle-title a{
        padding: 20px 0px 0px 40px;
    }
    div[data-style*=minimal] .toggle>.toggle-title i{
        margin-top: -3px;
    }
    .calidad .vc_col-sm-4>.vc_column-inner>.wpb_wrapper{
        padding-bottom: 80px;
        min-height: auto;
    }
    .producto{
        flex: 0 0 calc(50%);
        padding: 10px;
    }
    .producto h4{
        font-size: 15px!important;
    }
    .grid-productos > .producto:nth-of-type(odd){
        padding-left: 0!important;
    }
    .grid-productos > .producto:nth-of-type(even){
        padding-right: 0!important;
    }
    .col-info-catalogo p{
        text-align: center;
    }
    .col-info-catalogo .wpb_wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .swiper-slide{
        width: 100%!important;
    }
    .recetas .owl-prev{
        left: -20px!important;
    }
    .recetas .owl-next{
        right: -20px!important;
    }
    .recetas .owl-theme[data-desktop-cols] .owl-nav [class*=owl-]{
        font-size: 56px!important;
    }
    #cabecera-receta img, #metodo-preparacion img{
        max-width: 100%;
    }
    .resumen img{
        height: 22px;
    }
    #cabecera-receta{
        margin-top: 0;
    }
    #metodo-preparacion{
        padding-bottom: 40px;
    }
    #preparacion{
        flex-direction: column;
        padding-bottom: 30px;
    }
    #preparacion>div{
        width: 100%;
    }
    .oferta-tab .tabbed[data-style=minimal] .wpb_tabs_nav{
        flex-direction: column;
    }
    .oferta-tab .tabbed[data-style=minimal]>ul li a {
        padding-bottom: 0px !important;
        margin-bottom: 25px !important;
    }
    .tabbed[data-style*=minimal]>ul li a:after{
        height: 3px;
    }
    .oferta-tab .tabbed[data-style=minimal] .wpb_tabs_nav{
        margin-bottom: 20px;
    }
    .grid-recetas, .grid-noticias{
        flex-direction: column;
    }
    .grid-recetas>div, .grid-noticias>div{
        width: 100%;
    }
    .filtro-recetas{
        flex-direction: column;
        padding-bottom: 40px;
        gap: 20px;
    }
    body.single-post.material[data-bg-header=true] .container-wrap{
        padding-top: 53px!important;
    }

    .n-relacionadas .owl-nav{
        z-index: 1!important;
    }
    .header-post{
        padding-top: 40px!important;
        padding-bottom: 40px!important;
    }
    .resumen>div{
        padding: 0 20px;
        width: 33.33%;
    }
    .single-receta .carousel-productos-horeca .row_col_wrap_12{
        flex-direction: column;
    }
    .t-relacionadas{
        padding-bottom: 10px;
    }

}

@media screen and (min-width:1500px){
    #footer-widgets .container .row >div {
        width: 15%!important;
        left: 30px;
    }
    #footer-widgets[data-cols="5"] .container .row >div:first-child {
        left: -50px;
    }
 
    .calidad .row_col_wrap_12{
        max-width: 1388px;
        margin: 0 auto;
    }
    
}

@media screen and (min-width:2000px){
    .container, #topbar, .rsc .owl-carousel, .recetas-interior .owl-carousel{
        padding-left: 400px;
        padding-right: 400px;
    }
    .carousel-distri .owl-dots{
        padding-left: 400px;
    }
    .rsc .owl-prev,   .recetas-interior .owl-prev{
        left: 250px;
    }
    .rsc .owl-next,  .recetas-interior .owl-next{
        right: 250px;
        left: initial;
    }

    .full-width-content .col.padding-8-percent > .vc_column-inner{
        padding-left: 400px;
    }
    .row-count .vc_col-sm-3 .img-with-aniamtion-wrap img {
        height: 204px !important;
        width: auto !important;
        object-fit: contain;
    }
    .row-count .vc_col-sm-3>.vc_column-inner>.wpb_wrapper{
        align-items: center;
    }
    .origen-info.p-max>.vc_column-inner{
        padding-left: 30%!important;
    }
    .col-metodos{
        margin-left: -100px!important;
    }
  
    .tabbed[data-style*=vertical]>div{
        margin-left: -150px!important;
    }
    .header-post{
        min-height: 410px;
    }
    .noticias-rel {
        max-width: 1300px;
    }
    .quienes-somos-work>div.vc_column-inner{
        padding: 73px 122px!important;
    }
    .oferta-tab .tabbed {
        max-width: 1400px;
        margin: 0 auto;
    }
}








.video-recipe{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.video-recipe .row_col_wrap_12_inner, .video-recipe .row_col_wrap_12_inner .vc_col-sm-12,.video-recipe .row_col_wrap_12_inner .vc_col-sm-12 .vc_column-inner{
    height: 100%;
}

.video-recipe .row_col_wrap_12_inner .vc_col-sm-12 .vc_column-inner>.wpb_wrapper{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-recipe .row_col_wrap_12_inner .vc_col-sm-12 .vc_column-inner>.wpb_wrapper a{
    position: absolute;
    bottom: 12px;
    right: 12px;
}

.video-recipe .row_col_wrap_12_inner .vc_col-sm-12 .vc_column-inner>.wpb_wrapper::before{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-left: 90px solid transparent;
    border-bottom: 90px solid #00305d;
}

.video-recipe .nectar_video_lightbox.play_button{
    width: 30px;
    height: 30px;
}

.nectar_video_lightbox.play_button:before, .span_12.dark .nectar_video_lightbox.play_button:before{
    border-width: 2px!important;
}

.span_12.dark .nectar_video_lightbox.play_button:before{
        border-color: white!important;
}

.nectar_video_lightbox:not(.play_button_with_text):hover .play{
    transform: scale(1)!important;
}

.span_12.dark .nectar_video_lightbox path {
    fill: #ffffff;
}

.nectar_video_lightbox svg{
    width: 14px;
    height: 14px;
}