/*
Theme Name: Unoporcuatro v1.0 (2026)
Author URI: http://agenciaelevate.cl
Description: Agencia Elévate
Author: Pablo Jiménez Marín
Version: 1.0
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
Copyright:
*/

/*FONTS*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*VARIABLES*/
:root{
	--bg1:#FFF;
	--bg2:#F5F5F5;
    --bg3:#EDE5D4;
    --bg4:#F5F0E8;
    --text1:#190802;
    --text2:#666;
    --text3:#555;
    --text4:#444;
    --high1: #EA7B30;
    --high2: #A0703A;
    --font1: 'Poppins', sans-serif;
    --cubic1: cubic-bezier(.25,.96,.42,.93);
}

/*GLOBAL*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;text-align:left; border-top:0px;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*** Main ***/

body {font-size: 1em; font-family: var(--font1); color:var(--text1); padding: 0px 0; background:var(--bg4)}

/*GLOBAL*/
.pos{position: relative; float: left;}
.only-desktop{display: none;}
.only-mobile{display: block;}

/*MISC*/
.fullsize{position:absolute; width:100%; height:100%; top:0; left:0;}
.button{font-family: var(--font1); font-size: .8em; text-transform: uppercase;letter-spacing: .1em; padding:10px 15px; background: var(--text1); color:var(--bg1); border:0px; font-weight:600; border:2px solid var(--text1); cursor:pointer; position: relative; float:left; z-index:1;}
.button::before{content:"";position: absolute; width:100%; height:100%; background:var(--high1); z-index:-1; top:0; left:0; transform: scaleX(0);transition: transform .3s var(--cubic1); transform-origin:right;}
.button:hover:before{transform:scaleX(1) .3s var(--cubic1); transform-origin: left;}
.button2{font-family: var(--font1); font-size: .8em; text-transform: uppercase;letter-spacing: .1em; padding:10px 15px; background: transparent; border:2px solid var(--text1); color:var(--text1); font-weight:600; cursor:pointer; transition: all .3s ease;}
.button2:hover{border:2px solid var(--high1); color:var(--high1); transition: all .3s ease;}

/*HEADER*/
.header{ position: fixed; width: 100%; z-index: 1500; display: flex; flex-direction: column; background: var(--bg1); box-shadow: 0px 0px 30px -15px rgba(0,0,0,.3);}
.header-content{position: relative; float: left; display: flex; flex-direction: row;width: 100%; margin-left: 0%; justify-content: space-between; z-index: 1;}
.header-content > a{display: block;}
.mostrar{visibility: visible;width: 100%; min-height: 200px; background: red; position: relative; float: left;}
.logo-wrapper{width: 50%;}
.logo{position: relative; height: 40px; margin: 10px; float: left; width: 100%;}
.logo > svg{height:100%;}
.main-navigation{width: auto; display: flex; width:50%; flex-direction: row; justify-content:flex-end; align-items: center; align-content: center;}
.menu-desktop{display: none;}

/*BODY*/
.wrapper{padding-top: 60px; width: 100%;}
.content{width: 100%;}


/*NAV-ICONS*/
.nav-icons{position: relative; display: flex; flex-direction: row; justify-content: flex-end;align-items: center; text-align: center; min-height: 40px; width: 100%; padding: 0;}
.nav-icon{position: relative;float: left; margin: 0 20px; height: 20px; width: 20px; fill:var(--high1); transform:scale(1.2);}
.nav-icon > svg{width: 100%; height: 100%;}
.nav-icon:hover{fill:var(--high1);}
.bars-icon{display:block; display: flex; flex-direction: column; justify-content: space-around;}
.bar-icon{width: 100%; height: 2px; background: var(--high1); border-radius: 10px;}


/*NAV-*/
.nav-main {font-family: var(--font1); width: 100%; float: left; position: relative; margin-right: 30px;}
.dd {display: flex; flex-direction: column; justify-content: center; align-items: flex-end;position: relative; width: 100%; height: auto;}
.dd li {text-align: right; font-size: 1em; margin: 0 15px; padding: 0px; margin-bottom:-10px;}
.dd > li.current-menu-item{ border-bottom:3px solid var(--high1);}
.dd li a {
    --menu_line_thickness: 3px; /* <--- Controla el grosor de las líneas aquí */
    --menu_line_gap: 6px;       /* <--- Controla el espacio vacío en las esquinas aquí */
    color: var(--text1); text-transform: capitalize; text-decoration: none; white-space: nowrap; 
    padding: 15px 0; display:block; letter-spacing: .02em; font-size: 1em; font-weight: 400; position: relative; text-transform:uppercase; overflow: hidden;
    font-weight:700;
}
.dd li a:hover span{background: var(--high1);}

/* Base de las líneas del menú */
.menu-line-top, .menu-line-bottom, .menu-line-left, .menu-line-right {
    position: absolute; background:var(--text1);
    transition: transform 0.3s var(--cubic1); /* Transición suave */
}

/* Dimensiones iniciales, escalas y orígenes */
.menu-line-top { top: 0; left: 0; width: calc(100% - var(--menu_line_gap)); height: var(--menu_line_thickness); background:var(--high1); transform: scaleX(0); transform-origin: left; }
.menu-line-bottom { bottom: 0; right: 0; width: calc(100% - var(--menu_line_gap)); height: var(--menu_line_thickness); transform: scaleX(0); transform-origin: right; }
.menu-line-left { bottom: 0; left: 0; width: var(--menu_line_thickness); height: calc(100% - var(--menu_line_gap)); transform: scaleY(0); transform-origin: bottom; }
.menu-line-right { top: 0; right: 0; width: var(--menu_line_thickness); height: calc(100% - var(--menu_line_gap)); transform: scaleY(0); transform-origin: top; }

/* Animación en estado hover */
.dd li a:hover .menu-line-top,
.dd li a:hover .menu-line-bottom,
.dd li a.active-link .menu-line-top,
.dd li a.active-link .menu-line-bottom {
    transform: scaleX(1);
}

.dd li a:hover .menu-line-left,
.dd li a:hover .menu-line-right,
.dd li a.active-link .menu-line-left,
.dd li a.active-link .menu-line-right {
    transform: scaleY(1);
}
/*ICONOS_MENU*/

/*MENU MOBILE*/
.menu-mobile-wrapper{ position: fixed; z-index: 1000; top:60px; width: 100%; height: calc(100vh - 60px); background: var(--bg2);transform: translateX(100%); opacity: 0;}
.menu-mobile{display: flex; flex-direction: column; align-items: flex-end; }
.menu-mobile > li:first-of-type{margin-top: 20px;}
.menu-mobile > li:last-of-type{margin-bottom: 20px;}
.menu-mobile > li > a{font-size:1.2em; text-decoration: none; color: var(--text1); font-weight: 600; letter-spacing: .05em; text-transform: uppercase; padding: 15px 30px; display: block; width: calc(100% - 60px);}

/*SINGLE_CONTENT*/
.post-content > h2{font-size: 2em; margin-bottom: 20px;}
.post-content > h3{font-size: 1.5em; margin-bottom: 15px;}
.post-content > p{margin-bottom: 50px;}

/*SECTIONS*/
.home-section{width:100%;}
.h2-section{font-size:1.6em; font-weight:normal;line-height:1.2; font-style:italic;}
.h2-section > span{color:var(--high1); font-weight:700; font-style:normal; font-size:1.1em; position:relative;}
.h3-section{ font-size:.95em; float:left; font-style:italic; font-weight:200;}
.h4-section{text-transform: uppercase; font-size:.7em; font-weight: 500; letter-spacing: .1em; width: 100%;}
.p-section{line-height:1.8em;}

/*HOME*/
.home-hero{background:var(--bg4); display:flex; flex-direction:column-reverse;}
.home-left{width:100%; padding:30px; box-sizing:border-box;}
.h4-home{margin-bottom:30px;}
.home-txt{font-size:.9em; line-height:1.6em; margin-bottom:30px;}
.home-cta{margin-top:30px; display:flex;gap:20px;}
.home-right{width:100%; aspect-ratio:5/4;}
.h3-home{margin-top:20px; margin-bottom:30px; line-height: 1.3em;}
.home-slider-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; visibility: hidden; }
.home-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; opacity: 0; visibility: hidden; }
.home-slide.active { opacity: 1; visibility: visible; }
.home-slider-nav { position: absolute; bottom: 20px; right: 20px; z-index: 10; display: flex; gap: 10px; }
.slider-arrow {background-color: rgba(25, 8, 2, 0.7);border: 1px solid var(--high1);color: white;width: 40px; height: 40px;border-radius: 50%;cursor: pointer;font-size: 1.5em;transition: background-color 0.3s ease; display:flex; align-items: center; justify-content: center;}
.slider-arrow > svg{width: 60%; aspect-ratio:1;}
.slider-arrow:hover { background-color: var(--high1); }


/*SECTION_FILOSOFIA*/
.section-filosofia{background:var(--bg1); display:flex; flex-direction:column;}
.filosofia-left{width:100%; aspect-ratio:5/4;}
.filosofia-right{width:100%; padding:30px; box-sizing:border-box;}
.h2-filosofia{margin-bottom:30px;}
.filosofia-txt{font-size:.9em; line-height:1.6em; margin-bottom:10px;}
.filosofia-items{display:flex; flex-direction:column; gap:50px; margin-top:60px;}
.filosofia-item{width:100%; display:flex; flex-direction:row;}
.filosofia-icon{width:60px; aspect-ratio:1;}
.filosofia-icon > svg{width: 100%; aspect-ratio:1;}
.filosofia-txts{width:calc(100% - 80px); margin-left:15px; border-left:0px solid var(--text1); padding:0}
.filosofia-h3{margin-bottom:20px; font-size:1.3em; color:var(--high1); font-weight: 400; font-style: italic;}
.filosofia-p{line-height:1.3em; font-size:.8em}

/*SECTION_PRODUCTOS*/
.section-productos{background:var(--bg4);padding:60px 30px; box-sizing:border-box;}
.productos-button{width:100%; margin-top:20px;}
.descargar-catalogo{transform:scale(.9); transform-origin:left}
.productos-subnav{margin-top:30px; display:flex; gap:20px; border-bottom:1px solid var(--text1); margin-bottom:20px; position:sticky; top:60px; z-index:100;}
.productos-subnav::before{content:"";position: absolute; height:100%; width:98vw; left:-10vw; background:var(--bg4);}
.productos-subnav > button{border:0px; cursor: pointer; padding:20px 2px; color:var(--text1); background:transparent; text-transform:uppercase; letter-spacing: .0em; font-size:.7em; font-weight:600;transition:color .4s ease;}
.productos-subnav > button:hover{color:var(--high1);transition:color .4s ease;}
.productos-subnav > button.active{z-index: 10;}
.subnav-indicator{position:absolute; bottom:-3px; left:0; height:5px; background:var(--text1); transition:all .4s var(--cubic1); z-index:10;}
.productos-tabs-wrapper{perspective: 2000px; width:100%;}
.producto-panel {display: none; width:100%;}
.producto-panel.active {display: block; animation: fadeInTab 2s var(--cubic1) forwards;}


.paneles-container {
    position: relative;
}
@keyframes fadeInTab {
    from { opacity: 0;  transform: rotate3d(0,1,0, 10deg);}
    to { opacity: 1;   transform: rotate3d(1,1,1, 0deg);}
}
.cards-grid{display:flex; flex-direction:column; margin-top:30px; gap:60px;}
.card {flex: 1; background:#FFFFFF60; display:flex; flex-direction:column;}
.featured-image-card{width:100%; aspect-ratio:16/9; margin-bottom:10px;}
.card-content{padding:30px;box-sizing:border-box;}
.card > .card-content > h4{width:100%; margin-bottom:15px; font-size:1.4em; line-height:1.3em;}
.section-title-txt{font-size:.9em; margin-top:10px; width:100%;}
.card > .card-content > .species{width:100%; margin-bottom:30px; font-size:.8em; text-transform:uppercase; line-height:1.3em;}
.card-txt{font-size:.8em; opacity:.8; line-height:1.6em;}
.subcards{margin-top:60px; display: flex; flex-direction:column; gap:50px; background:var(--bg3); padding:40px;}
.subcard > h5{margin-bottom:20px; font-size:.8em; text-transform: uppercase;}
.subcard > p{font-size:.8em; line-height:1.6em; opacity:.8;}

#panel-revestimientos-decorativos > .cards-grid > .card{flex-direction:column; min-width:100%;}
#panel-revestimientos-decorativos > .cards-grid > .card > .featured-image-card{width:100%; aspect-ratio:16/9; margin-bottom:10px;}
#panel-revestimientos-decorativos > .cards-grid > .card > .card-content{width:100%;}

/*TABS*/
.panel-header{width:100%; display:flex; flex-direction:column; margin-top:60px; margin-bottom:40px;}
.section-label{text-transform: uppercase; font-size:.8em; font-weight: 500; letter-spacing: .1em;margin-bottom:20px;}
.section-title{font-size:2em;}
.section-title > em{color:var(--high1); line-height:1.3em}

/*GALERIA*/
.section-galeria{background:var(--bg1); display:flex; flex-direction:column;padding:60px 30px; box-sizing:border-box;}
.galeria-content{margin-top:40px;}

/*NOSOTROS*/
.section-nosotros{background:var(--bg3); display:flex; flex-direction:column;padding:60px 30px; box-sizing:border-box;}
.nosotros-header{width:100%;}
.h4-nosotros{margin-bottom:20px;}
.nosotros-txt{margin-top:50px;}
.nosotros-items{width:100%; margin-top:100px; }
.nosotros-item{display:flex; flex-direction:column; gap: 30px; border-bottom:1px solid var(--text1); padding-bottom:35px; margin-bottom:60px;}
.nosotros-item-left{width:100%; text-transform:uppercase; font-size:.9em; letter-spacing: .1em; font-weight:600;}
.nosotros-item-right{width:100%;}
.nosotros-item-h4{font-size:1.8em; margin-bottom:40px; line-height:1.2em;}
.nosotros-item-h4 > span{color:var(--high1);}
.nosotros-item-p{font-size:.8em; line-height:1.6em; margin-bottom:25px; opacity:.8;}

.certificaciones-items-wrapper{display:flex; flex-direction: column; gap:60px; margin-top:30px;}
.certificaciones-item{display:flex; flex-direction:column;}
.certificaciones-icon{width:100px; aspect-ratio:1; background:red; margin-bottom:40px;}
.certificaciones-h1{width:100%; font-size:1.1em; font-weight:600;}
.certificaciones-txt{width:100%; font-size:.8em; opacity:.8; line-height:1.6em; margin-top:20px;}

.fsc-icon{background:url('images/cert/fsc.svg') center no-repeat; background-size: contain;}
.wood-icon{background:url('images/cert/wood.svg') center no-repeat; background-size: contain;}

/*SECTION_COTIZAR*/
.section-cotizar{background:var(--text1); display:flex; flex-direction:column; color:var(--bg1);}
.cotizar-left{width:100%; padding:60px 30px; box-sizing:border-box; position: relative; top: 0px; align-self: flex-start;}
.h4-cotizar{margin-bottom:20px;}
.cotizar-txt{margin-top:50px;}
.cotizar-right{background:var(--bg2); width:calc(100% - 60px); padding:30px;}


/*PAGES*/
.page-header{width: 100%; height: 500px; margin-bottom: 60px; display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center;}
.page-header h1{color:var(--bg1); font-size:3em; letter-spacing: .1em; font-family: var(--font2); text-transform: uppercase; font-weight: thin;}
.featured-image{position: absolute; width: 100%; height: 100%; top:0; left: 0;}
.page-content{width: 100%;display: flex; flex-direction: column; justify-content: center; align-items: center; }
.page-content p{width: 60%; line-height: 1.6em; background: red;}
/*INICIO_SEARCH*/
.inicio-search{width: 100%; height: calc(100dvh - 60px); background: red; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.inicio-search-header{width: 90%;}

/*FORMULARIO CONTACTO*/
.wpcf7{width: 100%; margin-top: 30px; font-size: 1em;}
.wpcf7-form{display: flex; flex-direction: row; flex-wrap:wrap; gap:30px; justify-content: flex-start;width: 100%; float: left; position: relative; font-family: var(--font1);}
.wpcf7-form > p{margin-bottom: 0px; float: left; position: relative; width: 100%; font-size: 1em;}
.wpcf7-form > p:last-of-type{text-align: center;}
.wpcf7-form > p:last-of-type > button{width: 100%;}
.wpcf7-form > p > label{float: left; position: relative; color:var(--text1); width:100%; box-sizing: border-box; text-transform:uppercase; font-size:.8em; font-weight:600;}
.wpcf7-form > p > label > span, .wpcf7-form > p > .wpcf7-form-control-wrap{position: relative; float: left;width: 100%; box-sizing:border-box}
.wpcf7-form > p > label > span > input, .wpcf7-form > p > label > span > textarea{width: calc(100% - 30px); padding:15px;background:var(--bg3); resize: none; color: var(--high3);font-family: var(--font1);border: 1px solid rgba(0,0,0,.2); font-size: .9em; font-weight: 600; transition: border 1s var(--cubic1); margin-top:10px;}
.wpcf7-form select.wpcf7-form-control{width: calc(100% - 0px); padding:15px;background:var(--bg3); resize: none; color: var(--text1);font-family: var(--font1);border: 1px solid rgba(0,0,0,.2); font-size: .8em; font-weight: 600; transition: border 1s var(--cubic1); margin-top:10px;}
.wpcf7-form > p > label > span > input:focus, .wpcf7-form > p > label > span > textarea:focus, .wpcf7-form select.wpcf7-form-control:focus{border:1px solid var(--high1); transition: border 1s var(--cubic1);}
.wpcf7-form > p > label > span > input::placeholder, .wpcf7-form > p > label > span > textarea::placeholder, .wpcf7-form > p > label > span > select::placeholder{opacity: .6; font-weight: normal;}
.wpcf7-form > p > label > span > textarea{height: 100px; overflow-y: auto;}
.wpcf7-form > p > label > span > textarea::-webkit-scrollbar-track {background:rgba(255,255,255,.1); border-radius: 100px;}
.wpcf7-form > p > label > span > textarea::-webkit-scrollbar-thumb {background: rgba(255,255,255,.2); border-radius: 10px;animation: scrollbar-thumb-bg-animated 1s linear alternate infinite; cursor: pointer !important;}
.wpcf7-form > p > label > span > textarea::-webkit-scrollbar-thumb:hover {border-radius: 10px; background: rgba(4,255,255,.8)}
.send-contact{border:0px; padding: 15px 40px; color:#FFF; background: var(--text1); font-family: var(--font1); font-size: 1.1em; text-transform: uppercase; font-weight: bold; letter-spacing: .1em; cursor: pointer;transition: all .4s var(--cubic1); width: 100%; margin-top: -20px;}
.send-contact:hover{background:var(--high1); transition: all .4s var(--cubic1);}

.wpcf7-form > p.wpcf50,
.wpcf7-form > p:has(.wpcf50) {
    width: calc(100% - 0px);
}

/* Estilos para el select personalizado */
.wpcf7-form-control.wpcf7-select[aria-required="true"] option[value=""][disabled] {
    /* Opcional: para que el placeholder se vea distinto */
    color: #999;
}

/* Estilos para los grupos de opciones en el select */
.wpcf7-form select optgroup {
    font-weight: 700; /* Pone el texto en negrita */
    font-style: normal;
    cursor: default;
    color: var(--text1);
}

/*CONTACTFORM 7*/
@keyframes not-valid-tip{0%{transform: translateY(20px);}100%{transform: translateY(0);}}
.wpcf7-not-valid-tip{margin-top: 10px; color: var(--high1) !important; font-family: var(--font1); font-weight: 600 !important; font-size: .8em !important; animation: not-valid-tip .3s var(--bounce1) forwards; transform-origin: center;}
@keyframes response-output-bg{0%{background-color:var(--high1);}100%{background-color: var(--high3);}}
@keyframes response-output{0%{transform: scale(0); opacity: 0;}100%{transform: scale(1); opacity: 1;}}
.wpcf7-response-output{font-family: var(--font1); font-weight: normal; color:#FFF; background: var(--high1); border: 0px !important; width: calc(100% - 40px) !important; padding: 20px !important; margin:-80px 0 0 0 !important; border-radius: 20px; font-size: .9em; line-height: 1.6em;animation:response-output .2s var(--cubic1) forwards, shake2 .8s .5s var(--cubic1) forwards; transform-origin: top;}
.wpcf7-spinner{margin: 20px 0 20px calc(50% - 12px) !important; background-color:var(--high1) !important;}
/*SINGLE*/
.post-content{width: 80%; margin-left: 10%; margin: 100px 10%; font-family: var(--font1); font-size: .9em; line-height:1.6em;}
.post-meta{width: 100%; background: #FFF; display: flex; flex-direction: column;align-items: center;}
.featured-image-single{width: 100%; aspect-ratio: 16/9;}
.single-meta{ width: 80%; margin:30px 10%; display: flex; flex-direction: column; justify-content: center;}
.single-meta > h1{font-size: 1.5em; color:var(--text2);}
.fecha-single{font-family: var(--font1); font-size: .8em; opacity: .6; margin-top: 10px;} 
/*FOOTER*/
.foot{position: relative; float: left;width: 100%; background:var(--text1); background-size: cover;font-size: .9em; color:var(--bg1);}
.foot-row{width: 90%; margin-left: 5%;}
.foot-row:first-of-type{margin-top: 50px;}
.foot-columns-wrapper{width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap;}
.foot-column{width: 100%; margin-left: 0px; margin-bottom: 40px;}
.foot-column-h1{font-weight: 700; text-transform: uppercase; font-family: var(--font1); letter-spacing: .1em;font-size: 1em; margin-bottom: 30px; width: 100%;}
.foot-column:first-of-type{margin-left: 0;}
#foot-column-1{width: 100%;}
#foot-column-2{width: 100%;}
#foot-column-3{width: 100%;}
#foot-column-4{width: 100%;}
.foot-credits{width: 100%; margin-left: 0; min-height: 60px; background: rgba(0,0,0,.1); margin-top: 50px;}
.foot-credits-content{height: auto; width: 90%; margin-left: 5%;  display: flex; flex-direction: row; align-items: center;}
.foot-credits-logo{height: 80px; aspect-ratio: var(--logoaspectratio); background: url('images/logo-foot.svg') left no-repeat; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin: 20px 0;}
.foot-credits-txt{margin-left: 20px; padding-left: 20px; height: 30px; border-left: 1px solid rgba(255,255,255,.3); display: flex; flex-direction: row; align-items: center; font-size: .7em; letter-spacing: .1em;}
.foot-credits-txt a{color:var(--bg1); text-decoration: none; margin-left:5px;}
.foot-credits-txt a:hover{text-decoration:underline;}
.foot-credits-txt > svg{height: 1.5em; aspect-ratio:1; fill: var(--bg1); margin: 0 5px; animation: float-cloud 2s ease-in-out infinite alternate;}
@keyframes float-cloud{
    0%{transform: translate(0px)}
    100%{transform: translateX(8px)}
}
/*NAV FOOT*/
.nav-foot{width: 100%; font-family: var(--font1);}
.nav-foot li{margin-bottom: 10px; width: 100%;}
.nav-foot li.current-menu-item{border: 0;}
.nav-foot li a{text-decoration: none; color: var(--bg1); display: block; letter-spacing: .1em; text-transform: capitalize; width: 100%;}
.nav-foot li a::after{content:""; position: relative; float: left; height: 1px; width: 100%; margin-top: 5px; background: var(--high1); transform: scaleX(.0); transition: transform .2s var(--cubic1); transform-origin: left;}
.nav-foot li a:hover::after{transform: scaleX(.2);}
.nav-foot li ul{border-left: 1px solid #FFFFFF60; padding:10px 0px 10px 10px; font-size: .8em; margin: 10px 0 10px 5px;}
.nav-foot li ul li::after{display: none;}
.nav-foot li ul li:last-of-type{margin-bottom: 0;}
.nav-rrss-foot{width: 100%;}
.nav-rrss-foot > a{margin-bottom: 20px; fill: var(--high3); width: 2em; height: 2em;}
.nav-rrss-foot > a > svg{width: 100%; height: 100%;}
.nav-rrss-foot > a:hover{fill:var(--high1);}




/******************/
/**DESKTOP*********/
/*****************/

@media screen and (min-width:800px){
    
/*GLOBAL*/
    .only-desktop{display: block;}
    .only-mobile{display: none;}
.button{font-size: .9em; padding:15px 20px;}
.button2{font-size: .9em; padding:15px 20px;}

    
/*HEADER*/
    .header-content{height: auto; width: 95%; margin-left: 5%; flex-direction: row;}
    .menu-desktop{display: block; width: auto; position: relative; float: left;}
    .logo-wrapper{width: 200px;}
    .logo{height: 60px; margin: 10px 0;}
    .wrapper{position: relative; float: left; padding-top: 80px;}
    
/*NAV*/
    .dd {display: flex; flex-direction: row; justify-content: center; align-items: center;position: relative; width: 100%; height: 30px;}
    .dd li{text-align: center; font-size: .85em;}
    .dd li a {padding: 10px 15px;} /* Ajusta este padding (vertical horizontal) para darle espacio al texto */
    
    /*NAV-ICONS*/
    
/*NAV_ICONS*/
    .bars-icon{display:none;}
    .nav-icons{padding: 0px 20px 0 0; width: auto;}
    .nav-icon{fill:var(--high3); background: var(--high1); padding: 10px; border-radius: 50px;transform: scale(1); transition: all .2s var(--cubic1);}
    .nav-icon:hover{transform: scale(1.2); transition: all .2s var(--cubic1); background: var(--high3);}

    .menu-top-cotizar{background:var(--high1); color:var(--bg1);}
    .menu-top-cotizar > a{color:var(--bg1) !important; padding:15px 20px !important; position:relative; float:left; z-index:1;}
    .menu-top-cotizar > a:before{content:""; background:var(--text1); position:absolute; width:100%; height:100%; z-index: -1; left:0; top:0; transform: scaleX(0);transition: transform .3s var(--cubic1); transform-origin:right;}
    .menu-top-cotizar > a:hover::before{transform:scaleX(1); transition: transform .3s var(--cubic1); transform-origin:left;}
    .menu-top-cotizar > a > .menu-line-top, .menu-top-cotizar > a > .menu-line-bottom, .menu-top-cotizar > a > .menu-line-left, .menu-top-cotizar > a > .menu-line-right{display:none;}


/*SECTIONS*/
.h2-section{font-size:3em;line-height:1.2;}
.h2-section > span{font-weight:700;font-size:1.1em;}
.h3-section{font-size:1.2em;font-weight:200;}
.h4-section{font-size:.8em; font-weight: 500; letter-spacing: .1em;}
.p-section{line-height:1.8em;}


/*HOME*/
.home-hero{flex-direction:row;}
.home-left{width:60%; padding:60px 100px;}
.h4-home{margin-bottom:30px;}
.home-txt{font-size:.9em; line-height:1.6em; margin-bottom:30px;}
.home-cta{margin-top:15px;gap:20px;}
.home-right{width:50%; aspect-ratio:auto;}
.h3-home{margin-top:20px; margin-bottom:30px; line-height: 1.3em;}

/*SECTION_FILOSOFIA*/
.section-filosofia{flex-direction:row;}
.filosofia-left{width:40%;}
.filosofia-right{width:60%; padding:100px;}
.h2-filosofia{margin-bottom:30px;}
.filosofia-txt{font-size:.9em; line-height:1.6em; margin-bottom:10px;}
.filosofia-items{gap:50px; margin-top:60px;}
.filosofia-item{width:100%; flex-direction:row;}
.filosofia-icon{width:100px;}
.filosofia-txts{width:calc(100% - 160px); margin-left:30px;padding:15px 0 15px 30px}
.filosofia-h3{margin-bottom:20px; font-size:1.3em; font-weight: 400;}
.filosofia-p{line-height:1.3em; font-size:.8em}
    
/*SECTION_PRODUCTOS*/
.section-productos{padding:100px 10%;}
.productos-button{width:100%; margin-top:30px;}
.descargar-catalogo{transform:scale(.9); transform-origin:left}
.productos-subnav{margin-top:80px; gap:40px; border-bottom:1px solid var(--text1); margin-bottom:20px;}
.productos-subnav > button{padding:20px 5px; letter-spacing: .1em; font-size:.7em; font-weight:600;}
.subnav-indicator{position:absolute; bottom:-3px; left:0; height:5px;}
.cards-grid{flex-direction:row; margin-top:30px; gap:30px;}
.card{max-width:33%;}
.subcards{flex-direction:row;}

#panel-revestimientos-decorativos > .cards-grid > .card{flex-direction:row; min-width:100%;}
#panel-revestimientos-decorativos > .cards-grid > .card > .featured-image-card{width:30%; aspect-ratio:auto; margin-bottom:0px;}
#panel-revestimientos-decorativos > .cards-grid > .card > .card-content{width:70%;}

/*GALERIA*/
.section-galeria{flex-direction:column;padding:100px 10%;}

/*NOSOTROS*/
.section-nosotros{flex-direction:column;padding:100px 10%;}
.nosotros-header{width:60%;}
.h4-nosotros{margin-bottom:20px;}
.nosotros-txt{margin-top:50px;}
.nosotros-items{margin-top:100px; }
.nosotros-item{flex-direction:row; padding-bottom:35px; margin-bottom:60px;}
.nosotros-item-left{width:30%; font-size:.9em; letter-spacing: .1em; font-weight:600;}
.nosotros-item-right{width:70%;}
.nosotros-item-h4{font-size:1.8em; margin-bottom:40px;}
.nosotros-item-p{font-size:.8em; line-height:1.6em; margin-bottom:25px;}
.certificaciones-items-wrapper{flex-direction: row;}

/*SECTION_COTIZAR*/
.section-cotizar{display:flex; flex-direction:row;}
.cotizar-left{width:40%;  padding:100px;position: sticky; top: 50px;}
.h4-cotizar{margin-bottom:20px;}
.cotizar-txt{margin-top:50px;}
.cotizar-right{width:60%; padding:60px;}
    
/*SINGLE*/
    .post-meta{flex-direction: row;align-items: center;}
    .featured-image-single{width: 50%;}
    .single-meta{width: calc(50% - 50px); margin: 0 0 0 50px;}
    .single-meta > h1{font-size: 3em;}

/*PAGES*/
    .section-h2{font-size: 4em; margin-top: 20px;}
    
/*FORMULARIO CONTACTO*/
.contacto-left > div[role="form"]{width: 80%;}
.wpcf7-form > p{margin-bottom: 30px;}
form.wpcf7-form > p:last-of-type{text-align: left;}
form.wpcf7-form > p:last-of-type > button{width: auto;}
.wpcf7-form > p.wpcf50,
.wpcf7-form > p:has(.wpcf50) {
    width: calc(50% - 15px);
}
.wpcf7-form > p:has(textarea) {
    /* Asegurarse que el textarea ocupe el ancho completo */
    width: 100%;
}

/*FOOT*/
    .foot-columns-wrapper{flex-direction: row;}
    .foot-column{width: calc(25% - 30px); margin-left: 40px; margin-bottom: 0;}
    #foot-column-1{width: calc(22% - 30px)}
    #foot-column-2{width: calc(22% - 30px)}
    #foot-column-3{width: calc(22% - 30px)}
    #foot-column-4{width: calc(34% - 30px)}
    
    
}


/* inicio barra desplazamiento*/
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar:hover {
	opacity:.1;
}
::-webkit-scrollbar-track {
	background:#eee;

}
::-webkit-scrollbar-thumb {
background: var(--high1);

}

/* Fin barra desplazamiento */
/* webkit, opera, IE9 */
::selection { 
background:var(--high1); 
color:var(--bg1); 
}
/* mozilla firefox */
::-moz-selection { 
background:var(--high1); 
color:var(--bg1); }