/*
Theme Name: 
Theme URI: http://zephyr.us-themes.com/
Version: 1.0
Description: Tema desarrollado por Alain Figueroa
Author: Alain Figueroa
Author URI:
Template: Zephyr
*/
 
/*GENERAL*/
:root{
  --dorado: #a97b45;
}
.hide {
    display: none !important;
}
.movil-no600, .movil-no767, .movil-no, .movil-no899  {
    display: flex;
}
.movil-si600, .movil-si767, .movil-si, .movil-si899  {
    display: none;
}

/*HEADER*/
.ush_menu_1 .menu-item{
    font-family: var(--font-h1);
    text-transform: uppercase;
}
header .l-subheader-h{
    max-width: 1600px !important;
}

/*FOOTER*/
footer a{
    color: var(--dorado) !important;
}
footer a:hover{
    color: #fff !important;
}

/*Corrección del canvas*/
.l-canvas{
    overflow: hidden;
}

/*COOKIES*/
.wt-cli-ckyes-footer-section{
    display: none;
}
.cli-switch input:checked + .cli-slider{
    background-color: var(--dorado);
}
.cli-tab-footer .wt-cli-privacy-accept-btn{
    background-color: #000 !important;
}

/*HOME*/
.tit_caliza{
    min-height: 18%;
    margin-top: 8vw !important;
    position: fixed;
    width: 100%;
}
.tit_caliza .w-image-h{
    display: flex !important;
    justify-content: center;
}
.tit_caliza img{
    max-width: 70vw !important;
}
.img_rocas{
    position: relative;
    z-index: 9;
    margin-top: 18%;
    margin-bottom: -18%;
}
.img_rocas img{
    filter: drop-shadow(0px 6px 15px #000);
}
.tit_home{
    display: flex;
    justify-content: center;
    margin-top: 8vw;
    margin-bottom: 0px !important;
}
.tit_home h1{
    font-family: var(--font-h1);
    font-size: 3.5rem;
    line-height: 0.8;
    border-bottom: 1px solid;
}
.subtit_home{
    display: flex;
    justify-content: center;
    margin-bottom: 0px !important;
}
.flex-start{
    justify-content: flex-start;
}
#el-cultivo .subtit_home h2{
    width: 330px;
}
.subtit_gourmet{
    font-weight: bold;
    font-size: 1.2rem;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    margin-bottom: 20%;
}
.item_gourmet{
    font-size: .9rem;
    line-height: 1.2;
}
#tit_calidad, #tit_sabor, #tit_proxi{
    text-align: left;
    margin-bottom: 20%;
    width: 120%;
    z-index: 9;
    position: relative;
}
#tit_respon, #tit_salud, #tit_versa{
    text-align: right;
    margin-bottom: 20%;
    width: 120%;
    margin-left: -20%;
    z-index: 9;
    position: relative;
}
.raya_calidad{
    width: 16vw;
    background: #fff;
    height: 2px;
    position: absolute;
    right: 0;
    z-index: 9;
    transform: rotate(36deg) translate(12.5vw, -4.1vw);
    display: none;
}
.nuez_gourmet_colcenter > .vc_column-inner > .wpb_wrapper{
    position: relative;
}
.calidad, .sabor, .proximidad, .responsabilidad, .salud, .versatilidad{
    display: none;
} 
.class-1, .class-2, .class-3, .class-4, .class-5, .class-6{
    animation: crescendo 1.3s alternate infinite cubic-bezier(0.86, 0.85, 1, 1);
    transition: 0.4s ease;
}
@keyframes crescendo {
  0%   {transform: scale(0.8);}
  100% {transform: scale(1.1); box-shadow: 0px 0px 20px #fff; border: 4px solid #fff;}
}
.class-1:hover, .class-2:hover, .class-3:hover, .class-4:hover, .class-5:hover, .class-6:hover{
    transform: scale(1.1);
    background: #fff;
    animation: none;
}
.class-1 {
  position: absolute;
  left: 28.58%;
  top: 14%;
  width: 2rem;
  height: 2rem;
  z-index: 2;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.class-2 {
  position: absolute;
  left: 36.14%;
  top: 42.66%;
  width: 2rem;
  height: 2rem;
  z-index: 2;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.class-3 {
  position: absolute;
  left: 36.8%;
  top: 59.56%;
  width: 2rem;
  height: 2rem;
  z-index: 2;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;  
}
.class-4 {
  position: absolute;
  left: 64.36%;
  top: 23.13%;
  width: 2rem;
  height: 2rem;
  z-index: 2;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.class-5 {
  position: absolute;
  left: 68.81%;
  top: 49.45%;
  width: 2rem;
  height: 2rem;
  z-index: 2;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}
.class-6 {
  position: absolute;
  left: 62.71%;
  top: 64.96%;
  width: 2rem;
  height: 2rem;
  z-index: 2;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;  
}


.subtit_home h2{
    font-family: var(--font-h1);
    font-size: 3.5rem;
    line-height: 0.8;
    border-bottom: 1px solid;
}
.txt_proyecto{
    line-height: 1.4;
    max-width: 1100px;
    margin: 0 auto;
}
.mapa .w-image-h{
    max-width: 440px;
    margin: 0 auto;
}
.txt_extraproyecto{
    position: relative;
}
.txt_extraproyecto p{
    font-size: 1.5rem;
    line-height: 1.3;
    border-left: 2px solid #fff;
    padding-left: 1rem;
    max-width: 530px;
    margin: 2rem auto;
}
/*.txt_extraproyecto::before{
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    height: 10%;
    background: transparent;
    border-left: 2px solid #fff;
    animation-name: animate;
}*/
.animado{
    opacity: 0;
    transition: all 0.5s;
}
.mostrarArriba{
    animation: arriba 1s;
}
@keyframes arriba {
 0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}

@keyframes animate {
    0% {
        opacity: 0;
        height: 0;
    }
    100% {
        opacity: 1;
        height: 100%;
    }
}
.us_animate_text.start{animation-name:animate}
.custom_anim{
    animation-name: animate !important;
    animation-delay: 0.4s!important;
    animation-duration: 4s;
}

#el-cultivo .l-section-h{
    max-width: 1920px !important;
    padding-left: 5%;
}
.col_cultivo{
    padding-left: 5%;
}
.txt_cultivo{
    font-size: 1.5rem;
    line-height: 1.3;
    border-left: 2px solid #fff;
    padding-left: 1rem;
    max-width: 600px;
}
.pos-arbol{
    padding-left: 8%;
}
.nuez_dorada .w-image-h{
    max-width: 350px;
    margin: 2rem auto 0;
}
.item_nuez{
    align-items: flex-start !important;
    margin-bottom: 1rem;
}
.item_nuez .w-iconbox-icon{
    margin-top: 10px;
}
.item_nuez .w-iconbox-text{
    line-height: 1.4;
}
#nueces-gourmet .l-section-h{
    max-width: 1920px;
    padding-left: 5%;
    padding-right: 5%;
}
#items_gourmet .l-section-h{
    max-width: 1920px;
    padding-left: 5%;
    padding-right: 5%;
}
#variedades .l-section-h{
    max-width: 1920px;
    padding-left: 5%;
    padding-right: 5%;
}
.txt_variedades{
    font-size: 1.5rem;
    line-height: 1.3;
    border-left: 2px solid #fff;
    padding-left: 1.5rem;
}
.data_variedad{
    margin-top: 1.5rem;
}
.data_variedad .wpb_text_column{
    margin-bottom: 0px !important;
}
.img_variedad{
    position: relative;
    width: 220px;
    min-width: 150px;
    max-width: 220px !important;
    margin-top: 20px;
    z-index: 9;
}
.variedad{
    font-size: 1.4rem !important;
    margin-bottom: 4px;
}
.tit_variedad{
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    font-size: 2rem;
    text-transform: uppercase;
    padding: 5px 3rem;
    margin-left: -3rem;
    margin-bottom: 1rem;
    max-width: 80%;
    min-width: 290px;
    line-height: 1;
    transition: 0.4s ease;
}
.item_variedad{
    justify-content: center;
}
.item_variedad:hover .tit_variedad{
    background: #fff;
    color: #000;
    transform: translateX(10px);
}
.info_variedad{
    line-height: 1.4;
    max-width: 350px;
}
.tit_product_tienda{
    font-size: 1.3rem;
    font-family: var(--font-body) !important;
    margin: 0.8rem 0.5rem;
}

.txt_distribuidor{
    max-width: 500px;
    margin: 0 auto;
    line-height: 1.3;
}
#gform_wrapper_1 .gfield input, #gform_wrapper_1 .gfield select{
    height: 40px;
}
#gform_fields_1{
    grid-row-gap: 12px;
}
#field_1_2 .gfield_label, #field_1_5 .gfield_label, #field_1_6 .gfield_label, #field_1_7 .gfield_label{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 400;
}
#field_1_4 .gfield_label{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 400;
}
.ginput_container.ginput_container_consent{
    float: right !important;
}
.gform_footer{
    display: flex;
    justify-content: flex-end;
}
#gform_submit_button_1{
    margin-top: -20px;
    font-size: 1.3rem;
    padding: 10px;
    transition: 0.4s ease;
}
#gform_submit_button_1:hover{
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #fff;
}
.data_contact{
    font-size: 1.2rem;
    margin-top: 12vh;
    margin-left: -1.5rem;
}
#gform_confirmation_message_1{
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
    text-align: center;
}
.gfield_consent_description{
    width: 70% !important;
    float: right;
    margin-bottom: 1rem;
    line-height: 1 !important;
    overflow-y: auto !important;
}
.gform_wrapper .gform_validation_errors, .gfield_description .validation_message .gfield_validation_message{
    width: 70%;
    float: right;
}
.rocas_footer .w-image-h{
    max-width: 1920px;
    margin: 0 auto;
}

/*SINGLE PRODUCT*/
.woocommerce-breadcrumb{
    display: none !important;
}
.product_meta{
    display: none !important;
}


@media only screen and (max-width: 600px) {
.movil-no600 {
    display: none;
}
.movil-si600 {
    display: flex;
}
.img_rocas {
    margin-bottom: -90px !important;
}
.tit_home h1 {
    font-size: 2.2rem !important;
}
.cascara .w-image-h{
    width: 55vw !important;
    max-width: 300px !important;
    margin: 0 auto;
}
.subtit_home h2{
    font-size: 2.2rem !important;
}
.nuez_dorada .w-image-h {
    width: 50vw !important;
    max-width: 280px !important;
    margin: 1.5rem auto;
}
#el-cultivo{
    padding-left: 1.5rem !important;
}
.txt_distribuidor{
    margin-bottom: 2rem !important;
}
/*FOOTER*/
#menu-menu-footer li{
    margin-bottom: 10px !important;
}
}

@media only screen and (max-width: 641px) {
#field_1_2 .gfield_label, #field_1_5 .gfield_label, #field_1_6 .gfield_label, #field_1_7 .gfield_label {
    justify-content: flex-start;
    font-size: 1rem;
    margin-bottom: 5px;
}
#field_1_4 .gfield_label {
    justify-content: flex-start;
    font-size: 1rem;
    margin-bottom: 5px;
}
.gfield_consent_description {
    width: 100% !important;
}
.gform_wrapper .gform_validation_errors, .gfield_description .validation_message .gfield_validation_message{
    width: 100% !important;
    float: initial !important;
}
}

@media only screen and (max-width: 767px) {
.movil-no767 {
	display: none;
}
.movil-si767 {
	display: flex;
}
.img_rocas {
    margin-bottom: -120px;
}
.tit_home h1 {
    font-size: 3rem;
}
.txt_extraproyecto p{
    font-size: 1.2rem;
    max-width: 100%;
    margin-bottom: 0px;
}
.cascara .w-image-h{
    max-width: 450px;
    margin: 0 auto;
}
.subtit_home h2{
    font-size: 3rem;
}
.cascara .w-image-h {
    width: 50vw;
    max-width: 350px;
    margin: 1.5rem auto 0;
}
#el-cultivo{
    padding-left: 2.5rem;
}
#el-cultivo .l-section-h {
    padding-left: 0;
}
#el-cultivo .subtit_home h2{
    width: 100%;
}
.col_cultivo {
    padding-left: 0%;
}
.txt_cultivo{
    font-size: 1.2rem;
    max-width: calc(100% - 1.5rem);
    margin-bottom: 1.5rem;
}
.nuez_dorada .w-image-h {
    width: 50vw;
    max-width: 350px;
    margin: 1.5rem auto;
}
.nuez_mv {
    max-width: 50% !important;
    margin: 3rem auto 0;
}
#tit_calidad, #tit_sabor, #tit_proxi, #tit_respon, #tit_salud, #tit_versa{
    text-align: left;
    margin-bottom: 10px;
    width: 100%;
    margin-left: 0%;
}
.nuez_gourmet_colcenter{
    display: none !important;
}
.calidad, .sabor, .proximidad, .responsabilidad, .salud, .versatilidad {
    display: block;
}
.item_gourmet {
    font-size: 1rem;
    line-height: 1.4;
}
.txt_variedades {
    font-size: 1.2rem;
    padding-left: 1rem;
}
.item_variedad{
    flex-direction: column;
    align-items: center !important;
}
.tit_variedad{
    margin-left: 0;
    max-width: 100%;
    min-width: auto;
}
.img_variedad{
    width: 200px;
    min-width: 100px;
    max-width: 200px !important;
    margin-bottom: 4rem;
}
.data_variedad {
    margin-top: -2.5rem;
    z-index: 9;
    text-align: center;
}
.info_variedad:last-child{
    margin-bottom: 2rem !important;
}
.item_variedad:hover .tit_variedad{
    transform: translateX(0px) scale(1.1);
}
.data_contact {
    font-size: 1.1rem;
    margin-top: 0;
    margin-left: 0;
    line-height: 1.2;
    margin-bottom: 1rem;
}
#field_1_2 .gfield_label, #field_1_5 .gfield_label, #field_1_6 .gfield_label, #field_1_7 .gfield_label {
    font-size: 1rem;
}
}

@media only screen and (max-width: 768px) {
.movil-no {
	display: none;
}
.movil-si {
	display: flex;
}
#contacto{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
}

@media only screen and (min-width: 768px) and (max-width: 899px) {
.movil-no899 {
    display: none;
}
.movil-si899 {
    display: flex;
}
#variedades .l-section-h {
    padding-left: 0;
    padding-right: 0;
}
.nuez_mv{
    max-width: 50% !important;
    margin: 2rem auto 0;
}
.calidad, .sabor, .proximidad, .responsabilidad, .salud, .versatilidad{
    display: block !important;
} 
#items_gourmet .vc_col-sm-4{
    width: 50% !important;
}
#tit_calidad, #tit_sabor, #tit_proxi, #tit_respon, #tit_salud, #tit_versa{
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
    text-align: left;
}
/*.raya_calidad{
    display: none !important;
}*/
#contacto{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.data_contact {
    font-size: 1.1rem;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.txt_extraproyecto p {
    font-size: 1.3rem !important;
}
.col_cultivo {
    padding-left: 0;
}
.txt_cultivo {
    font-size: 1.3rem !important;
}
.txt_variedades {
    font-size: 1.3rem !important;
}
.img_variedad{
    margin-right: 0.5rem !important;
    margin-top: 40px;
    width: 190px;
    min-width: 130px;
    max-width: 190px !important;
}
}


@media only screen and (max-width: 979px){
.ush_menu_1 .w-nav-control {
    text-align: right;
}
}

@media only screen and (max-width: 1024px){
#variedades .l-section-h {
    padding-left: 0;
    padding-right: 0;
}
}

@media only screen and (max-width: 1050px){
/*HEADER*/
.header_hor .ush_menu_1.type_desktop .menu-item.level_1>a:not(.w-btn) {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
}

@media only screen and (min-width: 900px) and (max-width: 1200px) {
.calidad, .sabor, .proximidad{
    width: 120%;
}
.responsabilidad, .salud, .versatilidad {
    width: 120%;
    margin-left: -10%;
}
}

@media only screen and (min-width: 2100px){
.tit_home{
    margin-top: 12vw;
}
}