/*
Theme Name: Base
Theme URI: https://www.invbit.com
Author: Base
Author URI: https://www.invbit.com
Description: Base para Betheme
Template: betheme
Version: 1.6.2
*/

/*GENERAL*/
    html{ scroll-behavior: smooth; }

    .validate_email_against_bot { display: none; }

    #back_to_top { padding: 0; background: transparent; right: unset; left: 30px; border-radius: 50%; }

    #Side_slide .close-wrapper { height: auto; margin-bottom: 1rem; }
    #Side_slide .close-wrapper button.close { height: calc( (34 / 16) * 1rem ); width: calc( (34 / 16) * 1rem ); display: block; margin: 13px 13px 0 auto; background: transparent; padding: 0; }
    #Side_slide .close-wrapper button.close i { font-size: 22px; line-height: calc( (34 / 16) * 1rem ); }
    #Side_slide .search-wrapper button.submit { position: absolute; top: 0; right: 5px; font-size: calc( (20 / 16) * 1rem ); padding: 10px; background: transparent; }

    #Top_bar button.responsive-menu-toggle { display: none; position: absolute; right: 15px; top: 50%; margin-top: -17px; width: calc( (34 / 16) * 1rem ); height: calc( (34 / 16) * 1rem ); text-align: center; border-radius: 3px; z-index: 200; padding: 0; box-shadow: none; }
    #Top_bar button.responsive-menu-toggle span { font-size: 22px; line-height: calc( (34 / 16) * 1rem ); }
    #Top_bar .search_wrapper button[type="submit"] { display: none; }

    :root{
        --verde: #78B82A;
        --azul: #6AB1E3;
        --negro: #282828;
        --marron-2: #BD6223;
        --marron: #9A7D00;
        --naranja: #D7AA37;

        --pad-100: 100px 0px;
        --100: 100px;
        --40: 40px;

    }

    .pad-100{ padding: var(--pad-100); }
    .pad-100-top{ padding-top: var(--100); }
    .pad-100-bottom{ padding-bottom: var(--100); }
    .pad-40-bottom{ padding-bottom: var(--40); }

    .button-custom .button{ letter-spacing: 0.03em; text-transform: uppercase; }

    .btn-simple a.button{ position: relative; display: inline-block; cursor: pointer; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent !important; padding: 0; font-size: 18px; width: 27rem; height: auto; font-weight: 700; 
        letter-spacing: 0.03em; text-transform: uppercase; margin-top: 10px; color: var(--verde) !important; }
    .btn-simple a.button:before { content: ""; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: block; margin: 0; width: 2rem; height: 2rem; border-radius: 1.625rem; background: var(--verde); }
    .btn-simple a.button:after { content: ""; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 50%; left: 10px; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #fff; 
        border-right: 0.125rem solid #fff; transform: translateY(-50%) rotate(45deg); }
    .btn-simple a.button .button_label { transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0.75rem 0; margin: 0 0 0 20px;  line-height: 9px; text-align: center; color: var(--verde); }
    .btn-simple a.button .button_label:after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; background: transparent; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); left: -4px; width: 1.125rem; height: 0.125rem; }
    .btn-simple a.button:hover:before { width: 100%; }
    .btn-simple a.button:hover:after { transform: translate(15px,-50%) rotate(45deg); }
    .btn-simple a.button:hover .button_label{ color: #fff !important; }
    .btn-simple a.button:hover .button_label:after{ background: #fff; }

    .titulo-h2 h2{ color: #fff; text-align:center; background-color: #78B82AD9; letter-spacing: 0.05em; padding: 30px 0; }
    .titulo-h3 h3{ color: #fff; text-align:center; background-color: #78B82AD9; letter-spacing: 0.05em; padding: 15px 50px; width: fit-content; }

    #Subheader{ height: 40vh; }
    #Subheader .container { display: flex; justify-content: center; align-items: center; width: 100%; flex-direction: column; }
    #Subheader .title{ background-color: #ffffffaa; padding: 20px 60px; width: fit-content !important; margin: auto; float: unset !important; color: var(--negro); }


    #cmplz-document{ font-size: 20px; max-width: 100%; padding: var(--pad-100); }
    #cmplz-document p, #cmplz-document li, #cmplz-document td{ font-size: 20px; color: var(--negro); }
    #cmplz-document h2{ font-size: 48px; line-height: 53px; font-weight: 500; margin-top: var(--40); } 

/*MENU*/
    #Top_bar .top_bar_right .top_bar_right_wrapper{ flex-direction: column; justify-content: center; align-items: flex-end !important; }
    .wpml-ls-legacy-dropdown-click{ width: fit-content; }
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle, .wpml-ls-legacy-dropdown-click a{ background-color: var(--verde); border: unset; padding: 6px 30px 8px 12px; }
    .wpml-ls-legacy-dropdown-click .wpml-ls-flag{ border-radius: 50%; width: 17px; object-fit: cover; }
    .wpml-ls-legacy-dropdown-click .wpml-ls-flag+span{ font-size: 14px; line-height: 20px; color: #fff; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 600; }
    .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{ border: 4px solid transparent; border-top: 5px solid #fff; right: 14px; top: 53%; transform: translateY(-50%); }
    .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown-click a:focus, .wpml-ls-legacy-dropdown-click a:hover{ background-color: var(--verde); color:#fff; text-decoration: unset; }
    #Top_bar .top_bar_right ul.social{ display: flex; justify-content: flex-end; align-items:center; gap: 12px; margin-top: 17px; }
    #Top_bar .top_bar_right ul.social li a{ color: #fff; background-color: var(--azul); border-radius: 50%; padding: 2px 4px; font-size: 15px; transition: all 0.8s ease; display: block; }
    #Top_bar .top_bar_right ul.social li a:hover{ transform: translateY(-5px); }


/*FOOTER*/
    #Footer .widgets_wrapper .container{ position: relative; }
    #Footer .widgets_wrapper .container:before{ content: ""; width: 100%; height: 1px; background-color: var(--verde); position: absolute; bottom: -35px; left: 50%; transform:translateX(-50%); }
    #Footer .widget{ margin: 0; }
    #Footer .widget .wp-block-image figcaption{ margin: 0 !important; font-size: 14px; line-height: 17px; color: var(--negro); letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600; font-family: 'Poppins'; }
    #Footer #block-3, #Footer #block-4{ text-align: right; }
    #Footer #block-3 a:first-child{ color:var(--negro); font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 29px; line-height: 42px; letter-spacing: 0.05em; }
    #Footer #block-3 a:last-child{ color:var(--verde); font-family: 'Poppins'; font-style: normal; font-weight: 600; font-size: 23px; line-height: 33px; letter-spacing: 0.05em; }
    #Footer #block-4 p{ font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.05em; margin-bottom: 0; }
    #Footer .footer_copy .one{ margin-bottom: 30px; }
    #Footer .footer_copy .mcb-column-inner{ margin: 0; }
    #Footer .footer_copy .mcb-column-inner > .social{ display:none; }
    #Footer .footer_copy .copyright{ float: unset !important; width: 100%; display: flex; justify-content: space-between; align-items:center;  }
    #Footer .footer_copy .copyright .logos{ display: flex; justify-content: flex-start; align-items: flex-start; transform: translateX(-12px); }
    #Footer .footer_copy .copyright .info-footer .social{ margin:0; float: unset; display: flex; justify-content: flex-end; align-items:center; margin-bottom: 5px; }
    #Footer .footer_copy .copyright .info-footer .social a{ font-size: 20px; line-height: 20px; transition: all 0.8s ease; display: block; }
    #Footer .footer_copy .copyright .info-footer .social a:hover{ transform: translateY(-5px); }
    #Footer .footer_copy .copyright .info-footer .legales, #Footer .footer_copy .copyright .info-footer .legales a{ font-size: 12px; line-height: 24px; font-weight: 700; color: var(--negro); text-align: right; text-transform: uppercase; }


/*INICIO*/
    .portada .section_wrapper{ align-content: flex-start; min-height: 100vh !important; }
    .portada .shortcode .mfn-visualeditor-content > p{ display: none; }
    .portada .lightSlider{ min-height: 100vh !important; width: 100%; overflow: visible; }
    .portada .lightSlider .imagen-fondo{ position: relative; height: 100%; }
    .portada .lightSlider .imagen-fondo img{ height: 100%; width: 100%; object-fit: cover; }
    .portada .texto-portada{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.85); box-shadow: 0px 4.68318px 17.5619px rgba(0, 0, 0, 0.08); width: 860px !important; max-width: 90%; padding: 40px 50px; }
    .portada .texto-portada .mfn-visualeditor-content > p{ color: var( --verde); font-weight: 500; font-size: 22px; line-height: 27px; text-align: justify; margin-top: 30px; }
    .portada .lightSlider .moreInfo{ transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); bottom: 0px; left: 40px; z-index: 99; }
    .portada .lightSlider .moreInfo:before{ content: ""; width: 40px; height: 40px; background-color: #fff; transform: rotate(45deg); position: absolute; top: -2px; }
    .portada .lightSlider .moreInfo:after{ content: ""; width: 23px; height: 23px; background-color: var(--verde); transform: rotate(45deg); position: absolute; top: 7px; left: 8px; }
    .portada .lightSlider .moreInfo > a{ font-size: 12px; line-height: 12px; letter-spacing: 0.25em; transform: translate(11px, -40px); transition: all 0.8s ease; }
    .portada .lightSlider .moreInfo > a:hover{ text-decoration: unset; transform: translate(11px, -30px); }
    .portada .lightSlider .moreInfo > a:before{ transform: rotate(-90deg); }
    .portada .lightSlider .moreInfo > a i{ display:none; }
    .portada .wpcf7-form .col2 p{ display: flex; justify-content: flex-start; align-items: flex-start; gap: 50px; }
    .portada .wpcf7-form .col2 p label{ width: calc( 50% - 25px ); }
    .portada .wpcf7-form label{ color: #000; letter-spacing: 0.05em; font-weight: 600; }
    input[type="text"], input[type="url"], textarea{ background-color: transparent !important; }
    textarea{ height: 70px; }
    .portada .wpcf7-form p br{ display: none; }
    .politicas p{ font-size: 12px; line-height:14px; }
    span.wpcf7-form-control-wrap { display: inline-block; color: var(--negro); position: relative; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance{ line-height: 20px; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] { position: absolute; visibility: hidden; width: 20px; height: 20px; top: 0px; left: 0; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:before { display: block; position: absolute; content: ''; border-radius: 0; height: 20px; width: 20px;
        top: 5px; left: 0px; background: transparent; border: 1px solid var(--verde); }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:after { display: block; position: absolute; content: "\2713"; height: 20px; width: 20px; top: 5px; left: 0;
        visibility: hidden; font-size: 16px; text-align: center; line-height: 20px; color: #fff; }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:before { background: var(--verde); }
    span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox]:checked + span:after { visibility: visible; }
    .wpcf7-list-item-label { margin-left: 10px; display: inline-block; font-size: 14px; line-height:20px; }
    .button-custom input[type="submit"]{ font-family: 'Montserrat' !important; font-style: normal; letter-spacing: 0.1em !important; text-transform: uppercase; font-weight: 700 !important; font-size: 18px !important; line-height: 21px !important; padding: 7px 40px !important; }
    .form-bottom p{ display: flex; align-items: center; justify-content: space-between; }
    .form-bottom p a{ color: var(--negro); font-weight: 500; font-size: 15px; line-height: 22px; text-align: right; letter-spacing: 0.05em; text-transform: uppercase; }

    .alimentos-ecologicos .col-texto{ padding: 0 100px; z-index: 99; }
    .alimentos-ecologicos .col-texto .titulo-h2{ width: 780px; position: absolute; top: 0; z-index:9999; }
    .alimentos-ecologicos .col-texto .column_visual{ margin-top: 264px; }
    .alimentos-ecologicos .col-texto .column_visual p{ text-align: justify; }
    .alimentos-ecologicos .col-texto .btn-simple{ margin-top: 30px; }

    .ilustraciones{ background-color: #78B82A1A; margin-top: 40px; }
    .ilustraciones .titulo-h3 h3{ color: #fff; text-align:center; background-color: #78B82AD9; letter-spacing: 0.05em; padding: 15px 50px; width: fit-content; position: absolute; top: -141px; left: 50%; transform: translateX(-50%); }
    .slider-ilustraciones .portfolio_slider ul{ opacity: 1; padding-top: var(--40); }
    .slider-ilustraciones .portfolio_slider ul li{ width: 100%; display: flex !important; justify-content: flex-start; align-items: center; gap: 60px; }
    .slider-ilustraciones .portfolio_slider ul li .image_frame{ width: 60%; }
    .slider-ilustraciones .portfolio_slider ul li .image_frame .image_wrapper{ background-color: #fff; padding: 60px 95px; }
    .slider-ilustraciones .portfolio_slider ul li .portfolio-info{ width: 40%; }
    .slider-ilustraciones .portfolio_slider ul li .portfolio-info .info-autor{ background-color: var(--verde); padding: 20px 50px; width: fit-content; text-align:center; margin-bottom: 40px; }
    .slider-ilustraciones .portfolio_slider ul li .portfolio-info .info-autor img{ border-radius: 50%; width: 100px; }
    .slider-ilustraciones .portfolio_slider ul li .portfolio-info .info-autor h4{ color: #fff; margin-bottom: 0; max-width: 150px; line-height: 36px; }
    .slider-ilustraciones .portfolio_slider ul li .portfolio-info p{ text-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08); font-weight: 500; text-align: justify; margin-bottom: 40px; }
    .slider-ilustraciones .portfolio_slider ul li .portfolio-info a.button{ padding: 12px 40px !important }
    .slider-ilustraciones .portfolio_slider .slider_nav{ font-size: 20px; height: 35px; line-height: 35px; border-radius: 50%; top: 20px; }
    .slider-ilustraciones .portfolio_slider .slider_next { left: 45px; right: unset; }
    .slider-ilustraciones .portfolio_slider .slider_prev i{ transform: translateX(-1px); display: block; }
    .slider-ilustraciones .portfolio_slider .slider_next i{ transform: translateX(1px); display: block; }

    .experiencias .titulo-h3 h3{ margin: auto; }
    .experiencias .item.slider-container .image_frame, .experiencias .item.slider-container .date_label{ display: none; }
    .experiencias .item.slider-container .item_wrapper:first-child{ margin-bottom: 25px; }
    .experiencias .item.slider-container .desc{ border: 2px solid; box-shadow: 0px 3.81011px 19.0505px rgba(0, 0, 0, 0.1); background-color: #fff; padding: 30px; }
    .experiencias .item.slider-container .desc .ciudad{ text-align: center; font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 18px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 5px; }
    .experiencias .item.slider-container .desc h4{ text-align: center; font-family: 'Montserrat'; font-weight: 600; font-size: 24px; line-height: 28px; letter-spacing: 0.015em; margin-bottom: 10px; }
    .experiencias .item.slider-container .desc hr{ display: block; width: 150px; height: 2px; margin: 0 auto 10px; }
    .experiencias .item.slider-container .desc p.post_excerpt{ font-weight: 500; font-size: 16px; line-height: 21px; text-align: justify; }
    .experiencias #blog_experiencias .owl-stage .owl-item:nth-child(2n+1) .item.slider-container .item_wrapper:first-child .desc{ border-color: var(--verde); }
    .experiencias #blog_experiencias .owl-stage .owl-item:nth-child(2n+1) .item.slider-container .item_wrapper:first-child .desc .ciudad{ color: var(--verde); }
    .experiencias #blog_experiencias .owl-stage .owl-item:nth-child(2n+1) .item.slider-container .item_wrapper:first-child .desc hr{ background-color: var(--verde); }
    .experiencias #blog_experiencias .owl-stage .owl-item:nth-child(2n+1) .item.slider-container .item_wrapper:last-child .desc{ border-color: var(--naranja); }
    .experiencias #blog_experiencias .owl-stage .owl-item:nth-child(2n+1) .item.slider-container .item_wrapper:last-child .desc .ciudad{ color: var(--naranja); }
    .experiencias #blog_experiencias .owl-stage .owl-item:nth-child(2n+1) .item.slider-container .item_wrapper:last-child .desc hr{ background-color: var(--naranja); }
    .experiencias #blog_experiencias .owl-stage .owl-item:nth-child(2n) .item.slider-container .item_wrapper:first-child .desc{ border-color: var(--marron-2); }
    .experiencias #blog_experiencias .owl-stage .owl-item:nth-child(2n) .item.slider-container .item_wrapper:first-child .desc .ciudad{ color: var(--marron-2); }
    .experiencias #blog_experiencias .owl-stage .owl-item:nth-child(2n) .item.slider-container .item_wrapper:first-child .desc hr{ background-color: var(--marron-2); }
    .experiencias #blog_experiencias .owl-stage .owl-item:nth-child(2n) .item.slider-container .item_wrapper:last-child .desc{ border-color: var(--azul); }
    .experiencias #blog_experiencias .owl-stage .owl-item:nth-child(2n) .item.slider-container .item_wrapper:last-child .desc .ciudad{ color: var(--azul); }
    .experiencias #blog_experiencias .owl-stage .owl-item:nth-child(2n) .item.slider-container .item_wrapper:last-child .desc hr{ background-color: var(--azul); }
    .experiencias #blog_experiencias .owl-nav{ margin-top: 45px; display:flex; gap: 10px; }
    .experiencias #blog_experiencias .owl-nav button{ background-color: var(--verde); border-radius: 50%; width: 38px; height: 38px; display: flex; justify-content: center; align-items:center; margin: 0; }
    .experiencias #blog_experiencias .owl-nav button span{ color: #fff; font-size: 45px; }
    .experiencias #blog_experiencias .owl-nav button.owl-prev span{ transform: translate(-2px, -4px); }
    .experiencias #blog_experiencias .owl-nav button.owl-next span{ transform: translate(2px, -4px); }
    .experiencias #blog_experiencias .owl-dots{ position: absolute; bottom: 0; right: 0; display: flex; justify-content: flex-end; align-items:center; gap: 8px; height: 38px; }
    .experiencias #blog_experiencias button.owl-dot{ width:14px; height: 14px; background-color: var(--negro); opacity: 0.3; border-radius: 50%; margin: 0; }
    .experiencias #blog_experiencias button.owl-dot.active{ background-color: var(--verde); opacity: 1; }
    .experiencias .cont-experiencia h3{ text-align: center; max-width: 650px; width: 100%; margin: auto; }
    .experiencias .cont-experiencia .btn-simple{ text-align:center; margin-top: var(--40); }
    .experiencias .cont-experiencia .btn-simple a.button{ width: 13rem; }

    .video-promocion video{ width: 100%; height: 100%; }

    .porque-eco .titulo-h3 h3{ margin: auto; }
    .porque-eco .cont-boxes .mcb-wrap-inner{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 35px; }
    .porque-eco .cont-boxes .mcb-column-inner{ margin: 0; }
    .porque-eco .cont-boxes .box-info{ width: 100%; height: 100%; }
    .porque-eco .cont-boxes .box-info .mcb-column-inner, .porque-eco .cont-boxes .box-info .mcb-column-inner .mfn-visualeditor-content{ height: 100%; } 
    .porque-eco .cont-boxes .box-info .cabecera{ display: flex; justify-content:center; align-items:center; gap: 20px; padding: 10px; position:relative; }
    .porque-eco .cont-boxes .box-info .cabecera:before{ content:""; opacity:0.85; width:100%; height:100%; position:absolute; top: 0; left:0; }
    .porque-eco .cont-boxes .box-info .cabecera h3{ color: #fff; letter-spacing: 0.1em; text-transform: uppercase; margin: 0; z-index: 99; }
    .porque-eco .cont-boxes .box-info .cabecera img{ z-index: 99; }
    .porque-eco .cont-boxes .box-info p{ color: #fff; text-align: justify; padding: 35px 48px; margin-bottom: 0; min-height:356px; }
    .porque-eco .cont-boxes .box-info.verde p{ background-color: var(--verde); }
    .porque-eco .cont-boxes .box-info.verde .cabecera:before{ background-color: #78B82AD9; }
    .porque-eco .cont-boxes .box-info.azul p{ background-color: var(--azul); }
    .porque-eco .cont-boxes .box-info.azul .cabecera:before{ background-color: #6AB1E3D9; }
    .porque-eco .cont-boxes .box-info.marron p{ background-color: var(--marron); }
    .porque-eco .cont-boxes .box-info.marron .cabecera:before{ background-color: #9A7D00D9; }
    .porque-eco .cont-boxes .box-info.naranja p{ background-color: var(--naranja); }
    .porque-eco .cont-boxes .box-info.naranja .cabecera:before{ background-color: #D7AA37D9; }

    .identificar-eco{ background-color: #F1F8EA; }
    .identificar-eco .section_wrapper:before{ content: ""; width: 40px; height: 40px; background-color: #F1F8EA; transform: rotate(45deg); position: absolute; top: -120px; }
    .identificar-eco .section_wrapper{ gap: 0px 40px; }
    .identificar-eco .section_wrapper .two-fifth.mcb-wrap{ width: calc( 41% - 20px ); }
    .identificar-eco .section_wrapper .three-fifth.mcb-wrap{ width: calc( 59% - 20px ); }
    .identificar-eco .titulo-h3{ margin-bottom: 40px; }
    .identificar-eco .mfn-visualeditor-content > p{ text-align: justify;  }
    .icono-identificacion .mfn-icon-box{ justify-content: stretch; align-items: stretch; margin-bottom: 40px; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); }
    .icono-identificacion .icon-wrapper{ width: 35% !important; margin: 0 !important; background-color: #fff; padding: 50px 30px; text-align:center; }
    .icono-identificacion .desc-wrapper{ padding: 35px 40px; text-align:center; }
    .icono-identificacion.verde .desc-wrapper{ background-color: var(--verde); }
    .icono-identificacion.azul .desc-wrapper{ background-color: var(--azul); }
    .icono-identificacion.azul .icon-wrapper{ padding: 20px 30px; } 
    .icono-identificacion.azul .desc-wrapper{ padding: 35px 30px; }
    .icono-identificacion .desc-wrapper h5{ color: #fff; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 25px; line-height: 32px; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; max-width: 320px; margin: auto; }
    .icono-identificacion .desc-wrapper .desc{ font-family: 'Montserrat'; font-weight: 400; text-align: center; letter-spacing: 0.05em; color: #fff; max-width: 420px; margin-top: 10px; }
    .box-marron .mfn-visualeditor-content{ background-color: var(--marron-2); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); padding: 40px 20px; text-align:center; }
    .box-marron .mfn-visualeditor-content h5{ color: #fff; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 25px; line-height: 32px; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; }
    .box-marron .mfn-visualeditor-content p{ font-family: 'Montserrat'; font-size: 18px; line-height: 29px; font-weight: 400; text-align: center; letter-spacing: 0.05em; color: #fff; margin-top: 10px; }

    .craega{ min-height: 620px; }
    .craega .section_wrapper{ max-width: 985px; }
    .craega .section_wrapper h3{ font-family: 'Montserrat'; color: #fff; font-size: 50px; line-height: 55px; margin-bottom: 30px; }



/*OWL SLIDER*/
    .owl-slider{ width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
    .owl-slider .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; }
    .owl-slider .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
    .owl-slider .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
    .owl-slider .owl-wrapper,
    .owl-slider .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
    .owl-slider .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
    .owl-slider .owl-item img { display: block; width: 100%; }
    .owl-slider .owl-nav.disabled,
    .owl-slider .owl-dots.disabled { display: none; }
    .owl-slider .owl-nav .owl-prev,
    .owl-slider .owl-nav .owl-next,
    .owl-slider .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .owl-slider .owl-nav button.owl-prev,
    .owl-slider .owl-nav button.owl-next,
    .owl-slider button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }
    .owl-slider.owl-loaded { display: block; }
    .owl-slider.owl-loading { opacity: 0; display: block; }
    .owl-slider.owl-hidden { opacity: 0; }
    .owl-slider.owl-refresh .owl-item { visibility: hidden; }
    .owl-slider.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .owl-slider.owl-grab { cursor: move; cursor: grab; }
    .owl-slider.owl-rtl { direction: rtl; }
    .owl-slider.owl-rtl .owl-item { float: right; }
    .no-js .owl-slider { display: block; }
    .owl-slider .animated { animation-duration: 1000ms; animation-fill-mode: both; }
    .owl-slider .owl-animated-in { z-index: 0; }
    .owl-slider .owl-animated-out { z-index: 1; }
    .owl-slider .fadeOut { animation-name: fadeOut; }
    @keyframes fadeOut {
      0% { opacity: 1; }
      100% { opacity: 0; } 
    }
    .owl-height { transition: height 500ms ease-in-out; }
    .owl-slider .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
    .owl-slider .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; }
    .owl-slider .owl-item img.owl-lazy { transform-style: preserve-3d; }


/*RESPONSIVE*/
    @media only screen and (max-width: 1239px) {

        #Top_bar button.responsive-menu-toggle, #Top_bar a.responsive-menu-toggle { display: none !important; }
    }

    @media(max-width: 1536px){

        .portada .section_wrapper{ min-height: 850px !important; height: 100vh; }
        .portada .lightSlider{ min-height: 850px !important; height: 100vh !important; }

        .alimentos-ecologicos .col-texto { padding: 0 30px; }
    }

    @media(max-width: 1239px){

        h1{ font-size: 72px !important; line-height: 72px !important; }
        h2{ font-size: 52px !important; line-height: 52px !important; }
        h3{ font-size: 40px !important; line-height: 42px !important; } 
        h4{ font-size: 25px !important; line-height: 30px !important; }
        h5{ font-size: 20px !important; line-height: 26px !important; }
        h6{ font-size: 18px !important; line-height: 24px !important; }
        p{ font-size: 16px !important; line-height: 22px !important; }

        body.button-custom .button{ font-size: 16px !important; line-height: 16px !important; }
        .btn-simple a.button{ width: 24rem; }

        .titulo-h2 h2{ padding: 30px; }
        .titulo-h3 h3{ padding: 15px 40px; }

        .portada .texto-portada .mfn-visualeditor-content > p{ font-size: 20px !important; line-height: 25px !important; }
        span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:before, span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance input[type=checkbox] + span:after{ top: 0; }
        .alimentos-ecologicos .col-texto .titulo-h2{ width: 680px; }
        .alimentos-ecologicos .col-texto .column_visual { margin-top: 200px; }
        .ilustraciones .titulo-h3 h3{ padding: 10px 50px; top: -131px; }
        .slider-ilustraciones .portfolio_slider ul li .portfolio-info a.button { padding: 12px 30px !important; }
        .porque-eco .cont-boxes .box-info p{ min-height: 335px; }
        .identificar-eco .section_wrapper { gap: 0px 20px; }
        .identificar-eco .section_wrapper .two-fifth.mcb-wrap { width: calc( 41% - 10px ); }
        .identificar-eco .section_wrapper .three-fifth.mcb-wrap { width: calc( 59% - 10px ); }
        .icono-identificacion .desc-wrapper .desc{ font-size: 16px !important; line-height: 22px !important; }
        .icono-identificacion .desc-wrapper { padding: 30px; }
        .box-marron .mfn-visualeditor-content{ padding: 30px 20px; }
        .slider-ilustraciones .portfolio_slider ul li{ gap: 30px; }
        .slider-ilustraciones .portfolio_slider ul li .image_frame .image_wrapper{ padding: 60px; }

        #Footer .footer_copy .copyright{ flex-wrap: wrap; }
        #Footer .footer_copy .copyright .info-footer .social{ justify-content: flex-start; margin-bottom: 10px; margin-top: 10px; }
    }

    @media(max-width: 959px){

        .portada .section_wrapper{ min-height: 930px !important; }
        .portada .lightSlider{ min-height: 930px !important; }
        .portada .texto-portada{ width: 100% !important; max-width: 95%; }
        .slider-ilustraciones .portfolio_slider ul li{ flex-wrap: wrap; }
        .slider-ilustraciones .portfolio_slider ul li .image_frame, .slider-ilustraciones .portfolio_slider ul li .portfolio-info{ width: 100%; }
        .slider-ilustraciones .portfolio_slider ul li .image_frame .image_wrapper { padding: 20px; }
        .slider-ilustraciones .portfolio_slider ul li .portfolio-info .info-autor{ margin-bottom: 20px; }
        .porque-eco .cont-boxes .box-info p { min-height: 348px; padding: 20px 20px; }
        .porque-eco .cont-boxes .box-info .cabecera h3{ font-size: 30px !important; line-height: 32px !important; }
        .porque-eco .cont-boxes .box-info .cabecera img{ max-height: 38px; }
        .craega { min-height: 510px; }
        .craega .section_wrapper { max-width: 708px; }

        #Footer .widgets_wrapper .container .one-second.column{ width: 100%; }
        #Footer #block-3, #Footer #block-4 { text-align: left; }
        #Footer #block-3{ margin-top: 30px; }
        #Footer .footer_copy .copyright .logos{ flex-wrap: wrap; }

    }

    @media(max-width: 767px){

        #Subheader .container{ max-width: 90% !important; padding: 0 !important; }
        #Subheader .title { padding: 20px; font-size: 65px !important; line-height: 55px !important; }

        .mobile-header-mini #Header_wrapper #Top_bar #logo { height: 70px!important; line-height: 70px!important; margin: 5px 0; }
        #Top_bar #logo img.logo-mobile{ max-height: 60px !important; }
        #Top_bar .top_bar_right .top_bar_right_wrapper{ flex-wrap: unset !important; }
        .mobile-header-mini #Top_bar .top_bar_right{ max-height: 150px !important; height:100%; right: 15px !important; }
        #Top_bar .top_bar_right ul.social{ margin-top: 10px; }
        .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle{ padding: 3px 25px 4px 10px; }
        .wpml-ls-legacy-dropdown-click .wpml-ls-flag+span { font-size: 12px; }
        .wpml-ls-legacy-dropdown-click .wpml-ls-flag{ width: 12px; height:12px; }
        .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{ right: 10px; }

        .portada .section_wrapper { min-height: 880px !important; }
        .portada .lightSlider{ min-height: 880px !important; }
        .alimentos-ecologicos .col-texto .titulo-h2{ width: 100%; position: relative; }
        .alimentos-ecologicos .col-texto .column_visual { margin-top: 20px; }
        .alimentos-ecologicos .col-texto .btn-simple { margin-top: 0px; }
        .alimentos-ecologicos .col-texto { padding: 0 30px 40px; }
        .ilustraciones .titulo-h3 h3 { padding: 10px 40px; }
        .porque-eco .cont-boxes .mcb-wrap-inner{ grid-template-columns: repeat(1, 1fr); }
        .porque-eco .cont-boxes .box-info p { min-height: 220px; }
        .identificar-eco .section_wrapper .two-fifth.mcb-wrap, .identificar-eco .section_wrapper .three-fifth.mcb-wrap{ width: 100%; }
        .identificar-eco .section_wrapper .two-fifth.mcb-wrap .titulo-h3 h3{ margin-bottom: 20px; }
        .identificar-eco .section_wrapper .two-fifth.mcb-wrap{ margin-bottom: 30px; }
        .craega .section_wrapper h3{ margin-top: 20px; }

        #Footer .widgets_wrapper .container { position: relative; padding-left: 10px !important; padding-right: 10px !important; }
        #Footer .footer_copy .container{ padding-left: 20px !important; padding-right: 20px !important; }
        #Footer .widgets_wrapper .container:before{ width: 90%; }
        #Footer .footer_copy .copyright .logos img{ max-width: 100%; }
        #Footer .footer_copy .copyright .info-footer .legales, #Footer .footer_copy .copyright .info-footer .legales a{ text-align: left; line-height: 20px; }
        #Footer .footer_copy .copyright .info-footer .social{ margin-bottom: 15px; }
    }

    @media(max-width: 480px){

        :root{

            --pad-100: 40px 0px;
            --100: 40px;
        }

        #Subheader .title{ transform: translateY(30px); }

        .portada .section_wrapper { min-height: 1060px !important; }
        .portada .lightSlider{ min-height: 1060px !important; }
        .portada .texto-portada{ padding: 30px; }
        .portada .wpcf7-form .col2 p{ flex-wrap: wrap; gap: 10px; }
        .portada .wpcf7-form .col2 p label{ width: 100%; }
        .form-bottom p{ flex-wrap: wrap; }
        .portada .texto-portada .mfn-visualeditor-content > p{ margin-top: 10px; font-size: 18px !important; line-height: 22px !important; }
        .form-bottom p a{ margin-top: 20px; }
        .portada .lightSlider .moreInfo{ left: 20px; }
        .titulo-h2 h2 { padding: 20px; }
        .ilustraciones .titulo-h3 h3 { padding: 10px 20px; width: 100%; top: -71px; }
        .slider-ilustraciones .portfolio_slider ul{ padding-top: 60px; }
        .slider-ilustraciones .portfolio_slider .slider_nav{ top: 55px; }
        .slider-ilustraciones .portfolio_slider ul li .portfolio-info .info-autor{ padding: 20px 30px; }
        .experiencias #blog_experiencias .owl-nav { margin-top: 15px; }
        .icono-identificacion .mfn-icon-box{ flex-wrap: wrap-reverse; }
        .icono-identificacion .icon-wrapper{ width: 100% !important; }
        .alimentos-ecologicos .btn-simple a.button { width: 22rem; max-width: 100%; font-size: 14px !important; line-height: 14px !important; }
        .slider-ilustraciones .portfolio_slider ul li .portfolio-info a.button { padding: 10px 20px !important; margin-bottom: 0; }
        .identificar-eco .section_wrapper:before{ top: -55px; }

    }

    @media(max-width: 320px){

        .portada .section_wrapper { min-height: 1150px !important; }
        .portada .lightSlider{ min-height: 1150px !important; }
        .form-bottom p a { margin-top: 0px; text-align: left; }
        .alimentos-ecologicos .btn-simple a.button { width: 22rem; max-width: 100%; font-size: 10px !important; line-height: 10px !important; }
        .ilustraciones .titulo-h3 h3{ font-size: 36px !important; line-height: 36px !important; }
        .experiencias .item.slider-container .desc{ padding: 20px; }
        .icono-identificacion .icon-wrapper{ padding: 30px; }

        #Footer #block-3 a:first-child{ font-size: 26px; }
    }