@charset "utf-8";
/*
Theme Name: D&A Confecciones
Theme URI: http://dyaconfecciones.com
Author: La Vuelta Web
Author URI: http://www.lavueltaweb.com/
Description: Diseño único, desarrollado exclusivamente para D&A Confecciones. Todos los derechos reservados.
Version: 1.2
*/


body{
    background:no-repeat right 47px #fefdfc;
    background-image: url(imagenes/dya-background-body.jpg);
    background-size: 100%;
    color:#010101;
    padding:0;
    margin:0;
    font-family: 'RobotoCondensedRegular', sans-serif;
    background-size: auto;
    font-size:62.5%;
    text-align:center;
}
body.home{
    background-image: url(imagenes/dya-background-body-home.jpg);    
}
img{max-width:100%; height:auto;}
    a{text-decoration:none; color:#bac5dd; outline:0; transition:0.3s ease 0s;}
    a:hover{color:inherit; outline:0; transition:0.3s ease 0s;}
    a:focus{outline:0}
p{font-size:1.9em; color:#000;}
p strong{font-family: 'RobotoCondensedBold', sans-serif;}
ul, ol{padding:0; margin:0; list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-family: 'RobotoCondensedBold', sans-serif; padding:0; font-weight:normal;}
h1{font-size:3.5em;}
h2{font-size:4.5em;}
h3{font-size:3.5em;}
h4{font-size:2.5em;}
h5{font-size:2.2em;}
h6{font-size:2em;}
textarea {resize: none;}
ul, ol{margin:0; list-style-type:none;}
:focus{outline:0 !important}

@font-face {
	font-family: 'RobotoCondensedRegular';
	src: url('fonts/RobotoCondensed-Regular.eot');
	src: local('?'), url('fonts/RobotoCondensed-Regular.woff') format('woff'), url('fonts/RobotoCondensed-Regular.ttf') format('truetype'), url('fonts/RobotoCondensed-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'RobotoCondensedBold';
	src: url('fonts/RobotoCondensed-Bold.eot');
	src: local('?'), url('fonts/RobotoCondensed-Bold.woff') format('woff'), url('fonts/RobotoCondensed-Bold.ttf') format('truetype'), url('fonts/RobotoCondensed-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'AthelasBold';
    src: url('fonts/AthelasBold.eot');
    src: url('fonts/AthelasBold.eot') format('embedded-opentype'),
         url('fonts/AthelasBold.woff2') format('woff2'),
         url('fonts/AthelasBold.woff') format('woff'),
         url('fonts/AthelasBold.ttf') format('truetype'),
         url('fonts/AthelasBold.svg#AthelasBold') format('svg');
}	
@font-face {
    font-family: 'coolveticarg';
    src: url('fonts/coolveticarg.eot');
    src: url('fonts/coolveticarg.eot') format('embedded-opentype'),
         url('fonts/coolveticarg.woff2') format('woff2'),
         url('fonts/coolveticarg.woff') format('woff'),
         url('fonts/coolveticarg.ttf') format('truetype'),
         url('fonts/coolveticarg.svg#coolveticarg') format('svg');
}


.barra-top{
    background: #ff5f3a;
    width: 100%;
    min-height: 18px;
    padding: 15px 0;
}
.barra-top p{
    font-size: 1.5em;
    font-family: 'RobotoCondensedBold';
    text-transform: uppercase;
    letter-spacing: .2em;
    color: #fff;
    margin: 0;
}
#header{
    display:block;
    width:100%;
    padding:0;
    margin:0 auto;
    overflow:hidden;
}
#content-header{
    display: grid;
    grid-template-columns: 210px 1fr;
    align-items: center;
    width: 90%;
    max-width: 1510px;
    margin: 15px auto 0;
}

#header.fixed-header{
    background: #fefdfc;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: 0.3s ease 0s;
}
#header.fixed-header #content-header{
    grid-template-columns: 80px 1fr;
    margin: 7px auto 0;
}
#header.fixed-header #content-nav{
    height: 45px;
    padding: 0;
}
#header.fixed-header #top h1{
    display: none;
}
#header.fixed-header .menu-gral .item-menu-destacado a{
    padding: 7px 35px;
}

#top a{
    display:block;
    width: 100%;
    margin:auto;
    text-align: left;
    transition: 0.3s ease 0s;
    position: relative;
    z-index: 1002;
    }
#top h1{
    text-indent:-9000px; 
    margin:0 auto;
    font-size:.6em;
}
#content-nav{
    background: rgba(0,0,0,0);
    width: 100%;
    height: 80px;
    padding: 28px 0 0;
    text-align: right;
    overflow: hidden;
}

.menu-gral{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    display:inline-block;
    vertical-align: top;
    height:auto;
    margin:0;
    text-align:left;
    position:relative;
    z-index:30;
}
.menu-gral > div{
    display: block;
    width: auto;
    height: auto;
    text-align: center;
    margin:2px 0 0;
}
.menu-gral ul{
    width: auto;
    height: auto;
    margin:0;
    list-style: outside none none;
    display: block;
}
.menu-gral ul li{
    display:inline-block;
    padding:0;
    margin:0;
    height: auto;
    opacity:1;
}
.menu-gral ul li a{
    display:block;
    padding:0;
    margin:0 31px;
    font-family: 'RobotoCondensedRegular', sans-serif;
    font-size: 1.4em;
    text-transform: uppercase;
    color:#000;
    letter-spacing:.2em;
}
.menu-gral ul li a:hover{opacity:.7;}
.menu-gral ul li:first-child a{margin-left:0}
.menu-gral ul li:last-child a{margin-right:0}

.menu-gral ul li ul{
    background:#1b1b1b;
    display:none;
    height:auto;
    text-align:left;
    margin-left:5px;
    margin-top:0;
    padding:5px 0 12px;
    z-index:50;
}
.menu-gral ul li:hover ul{
    display:block;
    position:absolute;
}
.menu-gral ul li:hover ul li {
    float: none;
    margin: 0;
    padding: 5px 15px;
    height: 16px;
    border:0;
}
.menu-gral ul li:hover ul li a{
    display:block;
    background:none;
    padding:1px 3px;
    margin:0 auto !important;
    color:#e7e7e7;
    opacity:1;
}
.menu-gral ul li:hover ul li a:hover{opacity:.7;}
.menu-gral .item-menu-destacado a{
    background: #000;
    padding: 10px 55px;
    margin: 0 0 0 40px;
    color:#fff;
    border-radius: 26px;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    -o-border-radius: 26px;
    -khtml-border-radius: 26px;
}

#boton-menu{display: none;}


    /*gral*/
#wrap{
    width:100%;
    max-width: 1920px;
    margin:auto;
    overflow: hidden;
}


.boton{
    display: inline-block;
    background: #ff1e00;
    padding: 13px 58px;
    margin: 0;
    font-size: 1.5em;
    letter-spacing: .075em;
    text-transform: uppercase;
    color: #fff;
    margin: 30px 0 0;
    border-radius: 26px;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    -o-border-radius: 26px;
    -khtml-border-radius: 26px;
}
.boton:hover{
    background: #ff5f3a;
    color: #fff;
}

.encabezado{
    width: 80%;
    height: 498px;
    max-width: 1000px;
    margin: auto;
    text-align: left;
}
.encabezado h2{
    margin: 3px 0 32px;
}
.encabezado h3{
    text-transform: none;    
    font-size: 3em;
    margin-bottom: 10px;
}
.encabezado p{
    font-size: 2.2em;
    margin: 10px 0;
}

.presentacion-home{
    background: #f2f1f0;
    width: 100%;
    padding: 70px 0 60px;
    overflow: hidden;
}
.presentacion-home > div{
    width: 85%;
    max-width: 820px;
    margin: auto;
}
.presentacion-home h3{
    margin-bottom: 50px;
}
.presentacion-home p{
    margin: 30px;
}



/*Galería*/
.galeria-home{
    background: #f2f1f0;
    width: 100%;
    overflow: hidden;
}
.content-galeria{
    width: 90%;
    max-width: 1430px;
    margin: auto;
}

.content-galeria h3{
    font-size: 4em;
    text-transform: uppercase;
    font-family: 'GeometriaBold', sans-serif;
    margin: 60px 0 70px;
}

.galeria-home .gallery-icon{
    
    margin: 14px;
    overflow: hidden;
}
.galeria-home #gallery-1{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    position: relative;
    width: 100%;
    height: 0;
    padding: 0 0 50%;
    margin: 0 0 100px;
}

.galeria-home #gallery-1 dl dt{
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -o-border-radius: 16px;
    -khtml-border-radius: 16px;  
}
.galeria-home #gallery-1 dl dt img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border:0 !important;
    transition:0.8s ease 0s;     
}
.galeria-home #gallery-1 dl dt img:hover{
    transform: scale(1.03);
    transition:0.8s ease 0s;    
}
.galeria-home #gallery-1 br{display: none;}
.galeria-home #gallery-1 .gallery-item{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    position: relative; 
    padding: 5px;
    margin: 0;
}

.galeria-home #gallery-1 dl:nth-child(14n+1) {
    grid-column: 1 / 2; /* Ocupa la primera columna en la primera fila */
    grid-row: 1;
    aspect-ratio: 1 / 1
}

.galeria-home #gallery-1 dl:nth-child(14n+3) {
    grid-column: 2 / 4; /* Ocupa la segunda y tercera columnas (50%) */
    grid-row: 1;
    aspect-ratio: 2 / 1
}

.galeria-home #gallery-1 dl:nth-child(14n+5) {
    grid-column: 4 / 5; /* Ocupa la cuarta columna */
    grid-row: 1;
    aspect-ratio: 1 / 1
}

.galeria-home #gallery-1 dl:nth-child(14n+7) {
    grid-column: 1 / 2; /* Segunda fila, primera columna */
    grid-row: 2;
    aspect-ratio: 1 / 1
}

.galeria-home #gallery-1 dl:nth-child(14n+9) {
    grid-column: 2 / 3; /* Segunda fila, segunda columna */
    grid-row: 2;
    aspect-ratio: 1 / 1
}

.galeria-home #gallery-1 dl:nth-child(14n+11) {
    grid-column: 3 / 4; /* Segunda fila, tercera columna */
    grid-row: 2;
    aspect-ratio: 1 / 1
}

.galeria-home #gallery-1 dl:nth-child(14n+13) {
    grid-column: 4 / 5; /* Segunda fila, cuarta columna */
    grid-row: 2;
    aspect-ratio: 1 / 1
}

#pbCloseBtn:before, #pbAutoplayBtn:before, #pbCloseBtn:hover:before{background: none !important;}
#pbAutoplayBtn{display:none !important;}
.on #pbPrevBtn:hover b {
    transform: scale(0.3) translateX(20px) !important;
    -webkit-transform: scale(0.3) translateX(20px) !important;
}
.on #pbNextBtn:hover b {
    transform: scale(0.3) translateX(20px) !important;
    -webkit-transform: scale(0.3) translateX(20px) !important;
}

/*Nos define*/
.define{
    background: #f2f1f0;
    width:100%;
    margin: auto;
    overflow: hidden;
}
.content-define{
    display: grid;
    grid-template-columns: minmax(0,430px) 400px minmax(0,430px);
    justify-content: space-between;
    align-items: center;
    column-gap: 70px;    
    width: 90%;
    max-width: 1410px;
    margin: auto;
}
.content-define p{
    font-size: 2em;
    line-height: 1.7em;
}
.content-define ul{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 90%;
    height: 100%;
    margin: auto;
    text-align: left;
}
.content-define ul li{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 76px;
    display: block;
    width: 100%;
    padding: 24px 0 24px 110px;
    font-size: 4em;
    font-family: 'RobotoCondensedBold', sans-serif;
}
.content-define ul li:nth-child(1){
    background-image: url(imagenes/calidad-icon.png);
}
.content-define ul li:nth-child(2){
    background-image: url(imagenes/durabilidad-icon.png);
}
.content-define ul li:nth-child(3){
    background-image: url(imagenes/personalizacion-icon.png);
}

.servicios-home{
    background: #f2f1f0;
    width:100%;
    margin: auto;
    overflow: hidden;
}

.content-servicios-home{
    display: flex;
    flex-direction: column;
    width: 90%;
    max-width: 1451px;
    margin: 140px auto;
}
.content-servicios-home > div{
    padding-bottom: 35px;
}
.content-servicios-home > div:first-child h3{
    margin-bottom: 45px;
}
.content-servicios-home > div:first-child p{
    line-height: 1.8em;
}
.content-servicios-home > div:first-child p strong{
    font-size: 1.32em;
}
.lista-servicios-home ul{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 17px;
}
.lista-servicios-home ul li{
    text-align: left;
}
.lista-servicios-home ul li h4{
    font-size: 3em;
    margin-bottom: 0;
}
.lista-servicios-home ul li p{
    margin: 12px 0;
}


/*Productos home*/
.productos-home{
    width:100%;
    padding: 120px 0;
    margin: auto;
    overflow: hidden;    
}
.content-productos-home{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    background: url(imagenes/dya-background-productos-home.jpg) no-repeat left bottom #f2f1f0;
    background-size: cover;
    display: grid;
    grid-template-columns: 263px minmax(0, 892px);
    align-items: center;
    justify-content: space-between;
    width:90%;
    max-width: 1455px;
    padding: 50px 110px;
    margin: auto;
    overflow: hidden;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    -o-border-radius: 18px;
    -khtml-border-radius: 18px;  
}
.content-productos-home h3{
    font-size: 4.5em;
    margin: 0;
}
.content-productos-home h4{
    font-size: 3em;
    margin: 13px 0 0;
}
.content-productos-home > div{
    text-align: left;
}
.content-productos-home .boton{
    padding: 13px 45px;
    margin: 23px auto 0;
}
.content-productos-home .imagenes-ilustrativas{
    column-count: 5;
    column-gap: 17px;
}
.content-productos-home .imagenes-ilustrativas img{
    display: block;
    width: 100%;
    max-width: 165px;
    padding-bottom: 15px;

}
.content-productos-home .imagenes-ilustrativas img:nth-child(1),
.content-productos-home .imagenes-ilustrativas img:nth-child(8){
    padding-top: 72.2%;
}
.content-productos-home .imagenes-ilustrativas img:nth-child(3){
    padding-top: 97.1%;
}
.content-productos-home .imagenes-ilustrativas img:nth-child(7){
    padding-bottom: 0;
}

/*Material*/
.material-home{
    width:100%;
    margin: auto;
    overflow: hidden;    
}
.content-material-home{
    display: grid;
    grid-template-columns: 1fr 390px;
    grid-template-rows: auto;
    align-items: center;
    column-gap: 78px;
    width: 90%;
    max-width: 1040px;
    margin: auto;
}
.content-material-home > h3{
    grid-column: 1 / 3;
    grid-row: 1;
    font-size: 3em;
    margin: 0 auto 85px;
}
.content-material-home > img{
    
}
.content-material-home > div{
    text-align: justify;
}
.content-material-home p{
    font-size: 2em;
    line-height: 2em;
    
}


/*Clientes*/
.clientes-home{
    width:100%;
    margin: auto;
    overflow: hidden;       
}
.content-clientes-home{
    width: 90%;
    max-width: 1240px;
    margin: 170px auto 120px;
    overflow: hidden;
}
.content-clientes-home h3{
    font-size: 3em;
    margin: 0 auto 65px;
}
.content-clientes-home .gallery{
    display: flex;
    flex-wrap: wrap;
    text-align: justify;
    justify-content: space-between;    
    gap: 12px;
}
.content-clientes-home .gallery .gallery-item{
    margin-top:0 !important;
    width: auto !important;
}
.content-clientes-home .gallery .gallery-icon{
    max-height: 100px;
}
.content-clientes-home .gallery a{
    pointer-events: none;
    cursor: default;
}
.content-clientes-home .gallery img{
    display: block;
    width: auto !important;
    max-height: 100px;
    border: 0 !important;
}
.content-clientes-home .gallery br{
    display: none;
}

#pbCaption .title, #pbCaption .counter{
    display:none !important;
}

/*kaktus*/
.kaktus-home{
    width: 100%;
    background-color: #098d51;
    padding: 7px 0 0;
    overflow: hidden;
}
.content-kaktus-home{
    width: 80%;
    max-width: 1250px;
    margin: auto;
}
.content-kaktus-home p{
    font-size: 3em;
    font-family: 'RobotoCondensedBold', sans-serif;
    color: #fff;
    margin: 0;
}
.content-kaktus-home p{
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-kaktus-home p > span{
    display: inline-block;
    margin: 44px 0 0;
}
.content-kaktus-home p > span:nth-child(2){
    background: url(imagenes/cya-confecciones-logo-kaktus-vendedor-oficial-linea-grafa.jpg) no-repeat center bottom;
    background-size: 100%;
    text-indent: -9000px;
    width:285px;
    height: 156px;
    margin: 0 26px 0;
}

/*Contacto Home*/
.contacto-home{
    background: #ededed;
    background-size: 650px;
    width:100%;
    padding: 105px 0 70px;
    margin: auto;
    overflow: hidden;    
}
.content-contacto-home{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: space-between;
    column-gap: 110px;
    width: 90%;
    max-width: 850px;
    margin: auto;
}
.content-contacto-home > div{
    text-align: left;
}
.content-contacto-home > div a{
    color: #000;
}
.content-contacto-home > div:first-child p{
    font-size: 2.5em;
    font-family: 'RobotoCondensedBold', sans-serif;
}
.content-contacto-home > div:first-child p:first-child{
    margin-top: 0;
}
.content-contacto-home > div:first-child p strong{
    font-size: 1.6em;
    font-family: 'RobotoCondensedBold', sans-serif;
    font-weight: 100;
}
.content-contacto-home > div:first-child .boton{
    background: #eb4b26;
    color: #fff;
    text-transform: none;
    font-size: 2em;
    letter-spacing: 0;
    padding: 15px 53px;
    margin: 13px 0 0;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    -khtml-border-radius: 30px;
}
.content-contacto-home > div:first-child .boton:hover{
    background: #000;
}
.content-contacto-home > div:last-child p{
    font-size: 2em;
    font-family: 'RobotoCondensedBold', sans-serif;
    margin: 27px 0;
}
.content-contacto-home > div:last-child > div{
    margin-top: 70px;
}
.link-ig{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(imagenes/ig-icon.svg) no-repeat 0 0;
    background-size: 100%;
    text-indent: -9000px;
    vertical-align: bottom;
}
.link-ig:hover{
    opacity: .75;
    
}
.contacto-page{
    background: 
        url(imagenes/logo-degrade-dya-confecciones.png) no-repeat 105% center,
        linear-gradient(to bottom, rgba(222, 228, 242), rgba(194, 204, 225));
    background-size: 650px;
    width:100%;
    padding: 120px 0 80px;
    margin: auto;
    overflow: hidden;   
}
.contacto-page .content-contacto-home{
    grid-template-columns: 1fr;
}
.contacto-page .content-contacto-home >div{
    text-align: center;
}

/*gral*/
#pagina{
    width:100%;
    margin: 0 auto;
}
.entry-page{
    width: 90%;
    max-width: 900px;
    margin: 0 auto 120px;
    text-align: left;
}


/*Nosotros*/
.page-nosotros{
    background-image: url(imagenes/dya-background-body-nosotros.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.page-nosotros #pagina{
    max-width: 1260px;
}
.page-nosotros .entry-page{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 50px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1260px;
    min-height: 500px;
}
.page-nosotros .entry-page > div:first-child{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    padding-left: 26.65%;
    text-align: justify;
}
.page-nosotros .entry-page > div:first-child p{
    line-height: 1.3em;
    margin: 25px 0;
}
.page-nosotros .entry-page > div:last-child img{
    padding-top: 90px;
}


.valor-nosotros{
    width:100%;
    padding: 60px 0;
    overflow: hidden;        
}
.valor-nosotros h3{
    font-size: 3em;
}
.content-valor-nosotros{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 8.2%;
    width:80%;
    max-width: 1150px;
    padding: 50px 0 0;
    margin: auto;
    overflow: hidden;        
}
.content-valor-nosotros > div{
    background-repeat: no-repeat;
    background-position: center top;
    padding: 174px 0 0;
    text-align: justify;
}

.content-valor-nosotros > div p{
    line-height: 1.3em;
}
.content-valor-nosotros > div:nth-child(1){
    background-image: url(imagenes/dya-confecciones-diseno.png);
}
.content-valor-nosotros > div:nth-child(2){
    background-image: url(imagenes/dya-confecciones-colaboracion.png);
}
.content-valor-nosotros > div:nth-child(3){
    background-image: url(imagenes/dya-confecciones-post-venta.png);
}

/*Contacto*/

.contacto{
    width: 100%;
    padding: 0 0 130px;
}
    .contacto > h3{
    }

.content-contacto{
    display: grid;
    grid-template-columns: 1fr 1fr;
    width:90%;
    max-width: 990px;
    margin: auto;
}

.info-contacto{
    text-align: left;
}
.info-contacto > p{
    font-family: 'RobotoCondensedBold', sans-serif;
    letter-spacing: 0.16em;
    line-height: 1.5em;
    margin: 44px 0;
}
.info-contacto p:first-child{
    margin-top: 11px;
}
.info-contacto > p strong{
    font-family: 'AthelasBold', sans-serif;
    font-size: 2.2em;
    color: #e4b78e;
    letter-spacing: .04em;
}

.info-contacto .ig-contacto{
    background: url(imagenes/ig-icon.svg) no-repeat center center;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-indent: -9000px;
    margin: 0 0 0 34px;
}
.info-contacto .ig-contacto:hover{
    opacity: .7;
}

.form-content{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;         
    padding: 0 0 0 18.2%;
    margin: 0;
}
.form-content p{
    margin: 0;
}
.form-content > div{
    width:100%;
    max-width: 400px;
    float: right;
}
.contacto input{
    background:none; 
    width: 100%;
    height: 30px;
    padding: 8px 0 0px;
    margin: 2px auto 14px;
    font-size:19px; 
    font-family: 'RobotoCondensedBold', sans-serif;
    color:#1c1c1c;
    letter-spacing: 0.16em;
    border:0;
    border-bottom: 1px solid #000;
}
.contacto select{
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    background:none; 
    width: 100%;
    height: 30px;
    padding: 4px 0 0px;
    padding-right: 20px; /* Ajusta para dejar espacio a la flecha */        
    margin: 8px auto 27px;
    font-size:19px; 
    font-family: 'RobotoCondensedBold', sans-serif;
    color:#1c1c1c;
    letter-spacing: 0.16em;
    border:0;
    border-bottom: 1px solid #000;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('imagenes/arrow-select.svg') no-repeat 100% center;
    background-size: 14px;
}
.contacto textarea{
    background:none; 
    width: 100%;
    height: 125px;
    padding: 11px 0 7px;
    margin:2px 0 4px;
    font-size:19px; 
    font-family: 'RobotoCondensedBold', sans-serif;
    color:#1c1c1c;
    letter-spacing:0.16em; 
    border:0;
    border-bottom: 1px solid #000;
}
.contacto input[type="submit"]{
    background:#303030;
    float:left;
    width: 150px;
    height:43px;
    padding:9px 11px;
    margin:0 auto 18px;
    font-size:19px; 
    font-family: 'RobotoCondensedBold', sans-serif;
    color:#fff;
    border:0;
    letter-spacing:.16em;
    transition:0.3s ease 0s;
    border-radius: 20px 0 20px 0; 
    -moz-border-radius: 20px 0 20px 0; 
    -webkit-border-radius: 20px 0 20px 0; 
    -o-border-radius: 20px 0 20px 0; 
    -khtml-border-radius: 20px 0 20px 0; 
}
.contacto input[type="submit"]:hover{
    background: #000;
    transition:0.3s ease 0s;
}
.contacto .mensaje-form{
    font-family: 'RobotoCondensedBold', sans-serif;        
    font-size:19px; 
    letter-spacing: .16em;
    text-align: left;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #000;
    margin: 4px 0 0;
}
    .contacto input::-webkit-input-placeholder {color:#000; opacity:1;}
    .contacto input::-moz-placeholder {color:#000; opacity:1;}
    .contacto input:-moz-placeholder {color:#000; opacity:1;}
    .contacto input:-ms-input-placeholder {color:#000; opacity:1;}
    .contacto textarea::-webkit-input-placeholder {color:#000; opacity:1;}
    .contacto textarea::-moz-placeholder {color:#000; opacity:1;}
    .contacto textarea:-moz-placeholder {color:#000; opacity:1;}
    .contacto textarea:-ms-input-placeholder {color:#000; opacity:1;}
    .ajax-loader{width:1px}
    /*ContactForm7*/
    div.wpcf7 {margin: 0; padding: 0;}
    div.wpcf7-response-output {position: inherit; margin-top: 142px; font-size:1.5em; color: #999; background:none; clear: both;}
    span.wpcf7-form-control-wrap {position: relative;}
    span.wpcf7-not-valid-tip { color: #999 !important; display: block;}
    .use-floating-validation-tip span.wpcf7-not-valid-tip {position: absolute; top: 20%; left: 20%; z-index: 100; background: none; padding: .2em .8em;}
    span.wpcf7-list-item {margin-left: 0.5em;}
    .wpcf7-display-none {display: none;}
    div.wpcf7 img.ajax-loader {border: none; vertical-align: middle;	margin-left: 4px;}
    div.wpcf7 div.ajax-error {display: none;}
    div.wpcf7 .placeheld {color: #888;}
    .ajax-loader{width:1px}
    div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {border:0 !important;}
    span.wpcf7-not-valid-tip {font-size: 0.8em;}
    #video-container video{
        max-width: 100%;
    }
.wpcf7-spinner{margin: 0 0 0 20px !important;}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.use-floating-validation-tip .wpcf7-not-valid-tip{
	border:0 !important;
}

/*Catálogo*/
.archivo-productos{
    width: 100%;
    overflow: hidden;
}
.header-productos{
    width: 82%;
    max-width: 1550px;
    margin: auto;    
}
.header-productos h3{
    font-size:4em;
    margin: 24px 0 18px;
}
.header-productos h3 a{
    color:#000;
    opacity:1;
    transition: 0.3s ease 0s;
}
.header-productos h3 a:hover{
    opacity:.7;
    transition: 0.3s ease 0s;
}
.header-productos h4{
    font-size: 3em;
    margin: 0 0 23px;
    text-align: left;
}
.content-archivo-productos{
    display: grid;
    grid-template-columns: repeat(6,1fr);
    column-gap: 40px;
    width: 82%;
    max-width: 1550px;
    margin: auto;
    overflow: hidden;
}
.content-archivo-productos .item-producto{
    text-align: left;
    margin: 0 0 68px;
}
.content-archivo-productos .item-producto p{
    font-family: 'RobotoCondensedBold', sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
    margin: 8px 0 0;
    letter-spacing: .1em;
    transition: 0.3s ease 0s;
}
.content-archivo-productos .item-producto a > div{
    overflow: hidden;
}
.content-archivo-productos .item-producto a img{
    display: block;
    transition: 0.3s ease 0s;
}
.content-archivo-productos .item-producto a:hover img{
    transform: scale(1.03);
    transition: 0.3s ease 0s;
}
.content-archivo-productos .item-producto a:hover p{
    color: #ff3e24;
    transition: 0.3s ease 0s;
}

/*Single*/
.single{
    background: #fefdfc;
}
.content-single-productos{
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    max-width: 930px;
    margin: 60px auto 160px;
}

.content-single-productos .img-producto{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    padding: 0 40px 0 0;
    text-align: left;
} 
.content-single-productos .info-producto{
    display: flex;
    text-align: left;
    flex-direction: column;
    justify-content: space-between;
}
.content-single-productos .info-producto h4{
    font-size: 2.5em;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-top: 0;
}
.content-single-productos .info-producto p{
    font-family: 'RobotoCondensedBold', sans-serif;
    font-size: 2em;
    letter-spacing: .1em;
    line-height: 1.4em;
}
.btn-producto{
    background: #ff4930;
    display: inline-block;
    font-size: 2em;
    color: #fff;
    padding: 15px 22px;
    border-radius: 26px;
    -moz-border-radius: 26px;
    -webkit-border-radius: 26px;
    -o-border-radius: 26px;
    -khtml-border-radius: 26px;
}



.barra-top{
    background: #ff5f3a;
    width: 100%;
    min-height: 18px;
    padding: 15px 0;
}
.barra-top p{
    font-size: 1.5em;
    font-family: 'RobotoCondensedBold';
    text-transform: uppercase;
    letter-spacing: .2em;
    color: #fff;
    margin: 0;
}


    #footer{
        background: #ff5f3a;
        width: 100%;
        min-height: 18px;       
        padding:100px 0;
        color:#fff;
        overflow:hidden;        
    }
    #footer p{
        font-size: 2em;
        text-transform: uppercase;
        letter-spacing: .2em;
        color: #fff;
        margin: 0;        
    }
#footer p br{display:none;}
    #footer a{color:#e2ded8;}
    #footer a:hover{color:#e2ded8;}
    .credit{background:#303030; width:90%; max-width:1700px; text-align:right; margin:auto; padding: 2px 0 0; overflow: hidden;}
    .credit p{font-size:1.1em !important; color:#777 !important; text-transform:initial !important; margin:2px 0;}
    .credit a{color:#777 !important;}


/*Marcas aliadas*/
body.tax-marca{
    background: none;
}
.tax-marca .item-menu-destacado{
    display: none;
}
.tax-marca #content-header{
    grid-template-columns: 140px 1fr;
}
.tax-marca .marca-header{
    background-image: url(imagenes/logo-bg-marcas.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center 520px;
}
.tax-marca .logo img{
    padding-bottom: 10px;
}
.tax-marca .marca-descripcion{
    width: 90%;
    max-width: 900px;
    margin: auto;
}
.tax-marca .marca-descripcion h3{
    font-family: 'coolveticarg', sans-serif;
    font-size: 3.5em;
    letter-spacing: .1em;
    margin: 75px 0 0;
}
.tax-marca .marca-descripcion h4{
    font-family: 'RobotoCondensedRegular', sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: .15em;
    margin: 15px auto 35px;
}
.tax-marca .marca-descripcion p{
    color: #ff5f3a;
}
.tax-marca .cualidades{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 90%;
    max-width: 1400px;
    margin: 150px auto;
}
.tax-marca .cualidades > div{
    max-width: 400px;
}
.tax-marca .cualidades h4{
    font-size: 1.5em;
    text-transform: uppercase;
    color: #ff5f3a;
    letter-spacing: .15em;
    margin-bottom: 40px;
}
.tax-marca .cualidades p{
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: .15em;
}
.tax-marca .cualidades img{
    display: inline-block;
    padding-bottom: 10px;
}
.tax-marca .marca-descripcion-default {
    width: 90%;
    max-width: 1000px;
    margin: 130px auto 110px;
}
.tax-marca .marca-descripcion-default p{
    font-family: 'RobotoCondensedBold', sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #ff5f3a;
    letter-spacing: .2em;
}

.marca-loop{
    width:80%;
    max-width: 1250px;
    margin: auto; 
}
.marca-items{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    justify-items: center;
    margin: 60px 0 0;
}
.marca-item{
    width: 100%;
    max-width: 260px;
    margin-bottom: 40px;
}
.marca-thumb{
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
    margin: auto;
}
.marca-thumb img{
    transform: scale(1);
    transition: 0.6s 0s;
}
.marca-thumb:hover img{
    transform: scale(1.05);
}
.marca-title{
    font-size: 1.5em;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .15em;
}
.term-bohm .marca-items{
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.term-bohm .marca-item{
    max-width: 100%;
}

/*Single Marcas*/
.single-coleccion .content-single-productos{
    grid-template-columns: 60% 40%;
    max-width: 1350px;
}
.single-coleccion .content-single-productos > div:first-child {
    display: flex;
    justify-content: flex-start; /* Contenido a la derecha */
    align-items: flex-end;
    flex-direction: column;
}
.single-coleccion .content-single-productos > div:last-child {
    display: flex;
    justify-content: flex-start; /* Contenido a la izquierda */
    align-items: flex-start;
}
 
.single-coleccion #content-header {
    grid-template-columns: 140px 1fr;
}
.logo-coleccion-marca{
    background: linear-gradient(to bottom, #e8e1c6, #ded7b7);
}
.logo-coleccion-marca img{
    padding: 15px 0;
    max-height: 100px;
}
.header-coleccion h3{
    font-family: 'coolveticarg', sans-serif;
    font-size: 3.5em;
    letter-spacing: .1em;
    margin: 65px 0 0;
    color: #000;
}
.header-coleccion a{
    color: #000;
}
.single-coleccion .content-single-productos .info-producto p {
    font-family: 'RobotoCondensedRegular', sans-serif;
    font-size: 1.7em;
}
.single-coleccion .img-producto img{
    object-fit: contain;
}
.galeria-coleccion{
    width: 100%;
}
.single-coleccion #galeria-coleccion > div{
    padding-top: 45px;
}
.single-coleccion #galeria-coleccion img{
    border: 0;
}

/*extras*/

.whatsapp-footer{
    display:block;
    width: 60px;
    height: 60px;
    position:fixed;
    bottom: 25px;
    right: 30px;
    z-index: 600;
}
.whatsapp-footer img{
    box-shadow: 0px 2px 2px #000;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -khtml-border-radius: 50%;
    background: #9cdd99;
}

a#scroll-to-top{
    background-image:url(imagenes/arrow-top.png) !important;
    right: 113px !important;
    bottom: 24px !important;        
    z-index: 1000 !important;
}


    /*MediaQueries*/
@media screen and (max-width:1600px){
    h2{
        font-size: 4em;
    }
    .encabezado h3 {
        font-size: 2.6em;
    }
    .encabezado p {
        font-size: 2em;
    }
    body.home {
        background-position: 35vw 47px;
    }
    #content-header {
        grid-template-columns: 180px 1fr;
    }
    .encabezado{
        max-width: 850px;
        margin-top: 70px;
        height: 460px;
    }
    .lista-servicios-home ul li h4 {
        font-size: 2vw;
    }   
    .page-nosotros {
        background-position: calc(100% + 100px) top;
    }
}
@media screen and (max-width:1450px){
    body {
        background-position: calc(100% + 190px) 47px;
    }
    #content-header {
        grid-template-columns: 130px 1fr;
    }    
    .page-nosotros {
        background-position: calc(100% + 180px) 47px;
        background-size: 660px;
    }
    .page-nosotros .entry-page > div:first-child{
        padding-left: 16.65%;
    }
    .page-nosotros .entry-page {
        column-gap: 110px;
    }
    .content-productos-home{
        column-gap: 30px;
        padding: 50px 80px;
    }
    .contacto-home {
    background-size: 470px;
    background-position: calc(100% + 130px) center;        
    }
    .content-contacto-home {
        column-gap: 40px;
        max-width: 770px;
    }    
    #footer{
        padding: 80px 0;
    }
    #footer p{
        font-size: 1.8em;
    }
    .content-clientes-home .gallery .gallery-item {
        max-width: 15%;
    }
    .content-servicios-home {
        margin: 80px auto;
    }
    .tax-marca .cualidades{
        gap: 25px;
    }
}
@media screen and (max-width:1250px){
    h2{
        font-size: 3.5em;
    }    
    .encabezado h3 {
        font-size: 2.2em;
    }   
    .encabezado p {
        font-size: 1.8em;
    }    
    .menu-gral ul li a{
        margin: 0 10px;
    }
    .menu-gral .item-menu-destacado a {
        margin: 0 0 0 10px;
    }
    .content-define p {
        font-size: 1.9em;
        line-height: 1.4em;
    }
    .content-define {
        grid-template-columns: minmax(0, 430px) 325px minmax(0, 430px);
    }
    .content-define ul li{
        background-size: 65px;
        padding: 18px 0 18px 80px;
        font-size: 3em;
    }    
    .content-productos-home h3 {
        font-size: 3.5em;
    }
    .content-productos-home h4 {
        font-size: 2.3em;
    }
    .content-productos-home .boton {
        font-size: 1.3em;
        padding: 11px 35px;
    }
    .content-valor-nosotros > div {
        background-size: auto 120px;
        padding: 150px 0 0;
    }    
    #gallery-2 .gallery-item {
        max-width: 12.67%;
    }
    .content-kaktus-home p > span:nth-child(2){
        width: 240px;
    }
    .content-kaktus-home p {
        font-size: 2.5em;
    }
    .content-kaktus-home p > span {
        margin: 57px 0 0;
    }
    .content-archivo-productos{
        grid-template-columns: repeat(5,1fr);
    }
    .marca-items{
        gap: 20px;
    }
}
    @media screen and (max-width:950px){






    #content-nav{
        display: block;
        width: 100%;
        min-height: 90px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        transition: 0s 0s;
    }
    #boton-menu{
        background: none;
        display: block;
        width: 24px;
        height: 20px;
        position: absolute;
        top: 100px;
        right: 60px;
        border: 0;
        z-index: 1001;
    }
    #boton-menu span{
        background: rgba(0,0,0,1);
        display: block;
        width: 21px;
        height: 3px;
        position: absolute;
        right: 0;
    }
    #header{
        overflow: visible;
}
    .home #boton-menu span, .contact-us #boton-menu span{
        background: rgba(0,0,0,1);
    }
    #boton-menu span:nth-child(1){
        top: 0;
        transition: 0.3s ease 0.1s;
    }
    #boton-menu span:nth-child(2){
        top: 7px;
        width: 18px;
        transition: 0.3s ease 0.2s;
    }
    #boton-menu span:nth-child(3){
        top: 14px;
        transition: 0.3s ease 0.1s;
    }

    .menu-visible #boton-menu span:nth-child(1){
        background: rgba(51,51,51,1);
        top: 6px;
        transform: rotate(55deg);
        transition: 0.3s ease 0.1s;
    }
    .menu-visible #boton-menu span:nth-child(2){
        background: rgba(0,0,0,0);    
        transition: 0.3s ease 0s;
    }
    .menu-visible #boton-menu span:nth-child(3){
        background: rgba(51,51,51,1);
        top: 6px;
        transform: rotate(-55deg);
        transition: 0.3s ease 0.1s;
    }
/*
            #footer-home {
                padding: 5.7% 0 50.1%;
                background-position:center center;
            }
            #footer-home > h4,
            .content-footer-home span{
                font-size: 2.25em;
            }
            .content-footer-home{
                grid-template-columns: 1fr;
                gap:30px;
                margin: 140px auto;
            }
            .content-footer-home img {
                width: 65%;
                max-width: 460px;
            }
*/

            /*menu*/

        .menu-gral{
            display:none;
            background: #fefefe;
            width: 100%;
            height: 100vh;
            position: absolute;
            top: 0;
            left: 0;
            padding: 210px 0 0;
        }
        .menu-gral ul{
            width: 84%;
            text-align: left;
            padding: 0 8%;
        }
        .menu-gral ul li{
            width: 100%;
            float: none;
            margin: 0;
            text-align: center;
        }
        .logo ul li:last-child {
            margin: 0;
        }
        .menu-gral ul li a{
            display: inline-block;
            vertical-align: middle;
            color:#333;
            margin: 12px 0;
            font-size: 1.8em;
        }   
        .menu-gral .item-menu-destacado a {
            margin: 10px 0 0;
        }
        .menu-visible{
            animation-name: openmenu;
            animation-duration: 0.5s;
            animation-delay: 0s;
            animation-fill-mode: forwards;
        }
        .menu-visible .menu-gral{
            display: block;
        }
        .chau-menu{
            background: #e0dcdb;
            height: 100vh;

            animation-name: chaumenuoff;
            animation-duration: 0.5s;
            animation-delay: 0s;
            animation-fill-mode: forwards;
        }

        @keyframes openmenu{
            0%{
                height: 30vh;
            }
            100%{
                height: 100vh;
            }
        }
        @keyframes chaumenuoff{
            0% {
            background: rgba(232, 229, 226, 1);
                height: 100vh;
            }
            100% {
            background: rgba(232, 229, 226, 0);
                height: 0;
            }
        }
        .parallax{
            height: 940px;
        }        

            /*sticky*/
            .fixed-header{
                background: rgba(232,229,226,0.9);
                position: fixed !important;
                width: 100%;
                z-index: 100;
            }
            .home .fixed-header{
                background: rgba(128, 128, 73, .9);
            }
            .contact-us .fixed-header{
                background: rgba(51, 51, 51, .9);
            }
            .fixed-header #boton-menu{
                top: 21px;
            }    

    }

@media screen and (max-width:950px){
    body {
        background-position: calc(100% + 500px) 26px;
    }    
    .barra-top p {
        font-size: 1.1em;
    }
    .barra-top {
        min-height: 0;
        padding: 7px 0;
    }

    #content-header {
        grid-template-columns: 115px 1fr;
    }
    .tax-marca #content-header {
        grid-template-columns: 115px 1fr;
    }
        
    body.home {
        background-position: -50% 25px;
        background-size: 1100px;
    }
    .content-define {
        grid-template-columns: minmax(0, 430px) 220px minmax(0, 430px);
        column-gap: 40px;
    }
    .content-define ul li{
        background-size: 50px;
        padding: 18px 0 18px 60px;
        font-size: 2.2em;
    }
    .lista-servicios-home ul{
        grid-template-columns: repeat(2, 1fr);
        max-width: 630px;
        column-gap: 7%;
        margin: auto;
    }
    .lista-servicios-home ul li h4 {
        font-size: 2.8vw;
    }
    .lista-servicios-home ul li p {
        font-size: 1.7em;
    }
    .content-material-home {
        grid-template-columns: 1fr;
    }
    .content-material-home > h3 {
        grid-column: 1 / 1;
        font-size: 2.4em;
        margin: 0 auto 40px;
    }
    .content-material-home {
        grid-template-columns: 1fr;
        column-gap: 50px;
        width: 85%;
        max-width: 450px;
    }
    .content-material-home p {
        font-size: 1.8em;
        line-height: 1.8em;
    }
    .content-clientes-home .gallery{
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }    
    .content-clientes-home .gallery .gallery-item{
        max-width: 20%;
        margin-bottom: 25px !important;
    }
    .contacto-home {
        padding: 60px 0 50px;
        background-position: calc(100% + 130px) bottom;
    }
    .content-contacto-home > div:first-child p {
        font-size: 2em;
    }
    .content-contacto-home > div:first-child .boton {
        font-size: 1.7em;
        padding: 12px 40px;
        margin-bottom: 20px;
    }
    .content-contacto-home > div:last-child p {
        font-size: 1.7em;
    }
    #footer {
        width: 90%;
        padding: 50px 5%;
    }
    #footer p {
        font-size: 1.4em;
    }
    .content-contacto{
        grid-template-columns: 1fr;
        max-width: 420px;
    }
    .form-content{
        padding: 70px 0 0;
    }
    .form-content > div{
        float: left;
    }
    .info-contacto > p strong {
        font-size: 1.8em;
    }
    .page-nosotros {
        background-position: calc(100% + 180px) 0;
        background-size: 580px;
    }
    .content-valor-nosotros > div {
        background-size: auto 120px;
    }
    .content-kaktus-home p > span:nth-child(2){
        width: 180px;
        height: 105px;
    }
    .content-kaktus-home p {
        font-size: 2.1em;
    }
    .content-kaktus-home p > span {
        margin: 25px 0 0;
    }
    .content-productos-home{
        grid-template-columns: 1fr;
        grid-row-gap: 30px;
        padding: 50px 50px;
    }
    .content-archivo-productos{
        grid-template-columns: repeat(4,1fr);
    }    
    .header-productos h3 {
        font-size: 3.5em;
    }
    .header-productos h4 {
        font-size: 2.7em;
    }
    .content-single-productos .info-producto p{
        font-size: 1.7em;
    }
    .btn-producto {
        font-size: 1.7em;
        padding: 12px 22px;
    }
    .tax-marca .cualidades img {
        width: 80px;
    }
}

@media screen and (max-width:768px){
    h3 {
        font-size: 3em;
    }   
    p{
        font-size: 1.8em;
    }
    .boton {
        padding: 13px 38px;
        font-size: 1.1em;
    }
    body.home {
        background-position: calc(100% + 500px) 25px;
    }
    .content-define{
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        justify-items: center;
        width: 80%;
        max-width: 420px;
    }
    .content-define > div{
        margin-bottom: 35px;
    }
    .content-define ul{
        width: auto;
    }
    .content-define p {
        font-size: 1.7em;
    }
    .content-clientes-home h3 {
        font-size: 2.4em;
    }
    .page-nosotros .entry-page > div:first-child {
        width: 85%;
        padding-left: 0;
        margin: 430px auto 0;
    }
    .page-nosotros .entry-page {
        grid-template-columns: 1fr;
    }
    .content-valor-nosotros{
        grid-template-columns: 1fr;
        max-width: 330px;
    }
    .content-valor-nosotros > div {
        padding: 150px 0 50px;
    }
    #gallery-2 .gallery-item {
        max-width: 25%;
    }
    .kaktus-home {
        padding: 15px 0 35px;
    }
    .content-kaktus-home p {        
        flex-direction: column;
    }
    #boton-menu {
        right: 30px;
    }
    .content-productos-home h3 {
        font-size: 3em;
    }
    .content-productos-home h4 {
        font-size: 2.1em;
    }
    .content-archivo-productos{
        grid-template-columns: repeat(3,1fr);
    }   
    .marca-items{
        grid-template-columns: repeat(3, 1fr);
    } 
    .tax-marca .cualidades {
        grid-template-columns: 100%;
        justify-items: center;
    }
    .tax-marca .cualidades h4{
        margin-bottom: 20px;
    }
    .tax-marca .cualidades img {
        padding-bottom: 0;
    }
    .single-coleccion .content-single-productos{
        grid-template-columns: 100%;
    }
    .content-single-productos .img-producto{
        padding: 0 0 40px;
    }
}

@media screen and (max-width:600px){
    body {
        background-position: calc(100% + 460px) 26px;
        background-size: 1180px;
    }    
    h2{
        font-size: 3em;
    }
    .encabezado h3 {
        font-size: 2em;
    }
    #content-header {
        grid-template-columns: 100px 1fr;
    }
    .tax-marca #content-header{
        grid-template-columns: 100px 1fr;
    }
    #boton-menu{
        top: 93px;
    }
    .encabezado p {
        font-size: 1.7em;
    }   
    body.home {
        background-position: calc(100% + 472px) -5px;
        background-size: 1000px;
    }  
    .encabezado {
        height: 408px;
    }
    
    .galeria-home #gallery-1 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto; 
        padding: 0 0 190%;
    }
    .content-galeria {
        max-width: 400px;
    }
    .galeria-home #gallery-1 dl:nth-child(14n+1) {
        grid-column: 1 / 2; /* Ocupa la primera columna en la primera fila */
        grid-row: 2;
        aspect-ratio: 1 / 1
    }

    .galeria-home #gallery-1 dl:nth-child(14n+3) {
        grid-column: 1 / 3; /* Ocupa la segunda y tercera columnas (50%) */
        grid-row: 1;
        aspect-ratio: 2 / 1
    }

    .galeria-home #gallery-1 dl:nth-child(14n+5) {
        grid-column: 2 / 3; /* Ocupa la cuarta columna */
        grid-row: 2;
        aspect-ratio: 1 / 1
    }

    .galeria-home #gallery-1 dl:nth-child(14n+7) {
        grid-column: 1 / 2; /* Segunda fila, primera columna */
        grid-row: 3;
        aspect-ratio: 1 / 1
    }

    .galeria-home #gallery-1 dl:nth-child(14n+9) {
        grid-column: 2 / 3; /* Segunda fila, segunda columna */
        grid-row: 3;
        aspect-ratio: 1 / 1
    }

    .galeria-home #gallery-1 dl:nth-child(14n+11) {
        grid-column: 1 / 2; /* Segunda fila, tercera columna */
        grid-row: 4;
        aspect-ratio: 1 / 1
    }

    .galeria-home #gallery-1 dl:nth-child(14n+13) {
        grid-column: 2 / 3; /* Segunda fila, cuarta columna */
        grid-row: 4;
        aspect-ratio: 1 / 1
    }    
     .content-clientes-home {
        margin: 100px auto 60px;
    }
    .content-clientes-home h3 {
        font-size: 2em;
        margin: 0 auto 35px;
    }
    .content-contacto-home {
        grid-template-columns: 1fr;
        max-width: 330px;
    }
    #footer p {
        font-size: 1.3em;
        line-height: 1.6em;
    }
    .valor-nosotros {
        width: 90%;
        padding: 60px 5%;
    }
    .content-valor-nosotros > div {
        background-size: auto 100px;
        padding: 120px 0 40px;
    }
    .lista-servicios-home ul {
        grid-template-columns: 1fr;
        max-width: 300px;
        column-gap: 0;
    }
    .lista-servicios-home ul li h4 {
        font-size: 2.2em;
    }
    .valor-nosotros h3 {
        font-size: 2.6em;
    }
    .menu-gral ul li a {
        font-size: 1.7em;
    }
    .content-productos-home {
        background: url(imagenes/dya-background-productos-home.jpg) no-repeat 30% bottom #f2f1f0;}
    .content-productos-home .imagenes-ilustrativas {
        column-count: 4;
    }
    .content-productos-home .imagenes-ilustrativas img:nth-child(8) {
        padding-top: 15px;
    }
    .content-productos-home .imagenes-ilustrativas img:nth-child(3){}
    .content-productos-home .imagenes-ilustrativas img:nth-child(9){
        padding-top: 10px;
    }
    .content-servicios-home {
        margin: 10px auto 40px;
    }    
    .contacto-home {
        background-size: 370px;
    }
    .content-archivo-productos {
        grid-template-columns: 1fr 1fr;
    }
    .header-productos h3 {
        font-size: 3em;
    }
    .header-productos h4 {
        font-size: 2.3em;
    }    
    .content-single-productos{
        grid-template-columns: 1fr;
        max-width: 390px;
        margin: 30px auto 80px;
    }
    .content-single-productos .img-producto{
        padding: 0 0 25px;
    }
    .encabezado{
        width: 100%;
        height: auto;
    }
    .copy-1-home{
        width: 80%;
        height: 408px;
        padding: 0 10%;
        overflow: hidden;
    }
    .copy-2-home{
        background: #f2f1f0;
        width: 80%;
        padding: 43px 10% 0;
        text-align: center;
    }
    #gallery-2 .gallery-item {
        max-width: 31%;
    }
    .tax-marca .cualidades p {
        font-size: 1.3em;
    }
    .tax-marca .marca-descripcion-default {
        margin: 70px auto 70px;
    }
    .tax-marca .cualidades {
        margin: 60px auto 0;
    }
}
@media screen and (max-width:480px){
    .page-nosotros {
        background-position: calc(100% + 170px) 0;
        background-size: 510px;
    }
    .page-nosotros .entry-page > div:first-child {
        margin: 370px auto 0;
    }
    .valor-nosotros h3 {
        font-size: 2.2em;
    }    
    .mark a{
        top: -65px;
    }
    .content-productos-home {
        padding: 40px 30px;
    }
    .content-productos-home .imagenes-ilustrativas {
        column-count: 3;
    }    
    .content-productos-home .imagenes-ilustrativas img:nth-child(3) {
        padding-top: 0;
    }
    .content-productos-home .imagenes-ilustrativas img:nth-child(8) {
        padding-top: 15px;
    }
    .content-productos-home .imagenes-ilustrativas img:nth-child(9) {
        padding-top: 40%;
    }
    .content-archivo-productos {
        grid-template-columns: 1fr;
        max-width: 225px;
        justify-items: center;
    }    
    .header-productos{
        max-width: 225px;
    }
    .marca-items{
        grid-template-columns: 100%;
    }     
    .logo-coleccion-marca img{
        max-height: 60px;
    }
}
@media screen and (max-width:400px){
    .page-nosotros {
        background-position: calc(100% + 140px) 0;
        background-size: 400px;
    }
    .page-nosotros .entry-page > div:first-child {
        margin: 260px auto 0;
    }
    #gallery-2 .gallery-item {
        max-width: 47%;
    }
}