/*
Theme Name: Brunna Maligno
Text Domain: https://www.impacta.cl/
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Author: Cristian Dagnino
*/

html {height:100%;-webkit-box-sizing: border-box;box-sizing: border-box;-ms-overflow-style: scrollbar;}
*, *::before, *::after {-webkit-box-sizing: inherit;box-sizing: inherit;}

body {margin:0;font-family:'Open Sans',sans-serif;font-size:14px;background-color: #f7f6f7;}

html, body {
  width: 100%; /* Asegura que ocupen el ancho completo del dispositivo */
  height: 100%; /* Opcional, pero puede ser útil */
  margin: 0; /* Elimina márgenes predeterminados */
  padding: 0; /* Elimina relleno predeterminado */
  overflow-x: hidden; /* Evita el desplazamiento horizontal */
  touch-action: manipulation; /* Limita gestos táctiles como el zoom */
}

body {height: auto;}

#site-header {}

h1 {font-family: Domine; color:var(--dorado);}

a {text-decoration:none;}
.ancho {max-width:1240px;margin:0 auto;}
@media only screen and (max-width: 1000px) {
	.ancho {padding:0 10px;}
}

main {margin-top:80px;padding: 0px 0 50px 0;}
@media only screen and (max-width: 1000px) {
	main {margin-top:50px;}
}

header#site-header {text-align: right;position: fixed;width: 100%;top: 0;z-index: 9999;height:80px;/*border-bottom: 1px solid var(--dorado);*/}
header#site-header {background-color: rgb(255 255 255 / 77%); height: 80px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(20px); transition: top 0.3s;}
header#site-header h1 {margin:0;display:inline-block;float:left;}
header#site-header img {max-width:200px;max-height:45px;margin-top:17px;vertical-align: middle;}
@media only screen and (max-width: 1000px) {
    header#site-header img {max-height: 30px; margin-top: 10px;}
    header#site-header {height:50px;}
}
@media print {
    header#site-header {position: absolute;}
}


.menu {list-style-type: none;margin:0;padding:0;display:inline-block;text-align: right;}
.menu li {display: inline-block;vertical-align: middle;text-transform: uppercase;}
.menu li a {display: block; line-height: 80px; padding: 0 10px;color:var(--dorado);font-size: 13px;}
@media only screen and (max-width: 1000px) {
	._menu {display:none;background-color: #000;margin-top: 20px;width:100%;}
	._menu li {display: block;}
	._menu li a {color:#FFF;line-height:50px;}

    .menu li a {line-height: 50px;}
}

.largisima { margin-bottom: 25px; height:250px;width:100%;}

header#site-header .far.fa-bars {display:none; margin-top: 20px; margin-right: 10px;color:#FFF;}
header#site-header .far.fa-bars span { font-size: 36px;}
@media only screen and (max-width: 1000px) {
	_header#site-header .far.fa-bars {display:inline-block;cursor:pointer;}
    .largisima {height:150px;}
}

body.home main {padding-top: 0;}

#site-footer {background-color: #9a8f7c;color:#FFF;padding: 20px 0;padding-bottom:50px;}
#site-footer .logo {}
#site-footer .tabla_footer {display:table;table-layout: fixed;width: 100%;}
#site-footer .celda_footer {display:table-cell;padding:15px;vertical-align: top;}
#site-footer .celda_footer a {color: #FFF;}
#site-footer .celda_footer .menu li {display: block;}
#site-footer .celda_footer .menu li a {line-height: normal;padding: 0;}
#site-footer .celda_footer .menu {text-align: left;}
.tit_foot {font-family: Domine;font-size:1.5em;margin-bottom:15px;}
.redes_soc {}
.redes_soc a {display: inline-block;}
.redes_soc a img {filter: invert(1); width: 50px;}

@media only screen and (max-width: 1000px) {
    #site-footer {padding-bottom: 100px;}
    #site-footer .logo {margin: 0 auto;}
    #site-footer .tabla_footer,
    #site-footer .celda_footer {display: block;text-align: center;}
}


.slider {}
.slide {}
.home_imagen {position: relative;height:100%;}
.home_imagen .imagen { width: 100%;height:100%; box-shadow: inset 0 -20px 25px -20px rgba(0, 0, 0, 0.5);}

.slider { position: relative; width: 100%; /*padding-top:40%;*/overflow: hidden; height:720px;} 
.slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease; z-index: 1; pointer-events: none; } 
.slide.active { opacity: 1; z-index: 2; pointer-events: auto; }

.home_imagen .frase { position: absolute; bottom: 50px; color: #FFF; width: 100%;}
.home_imagen .frase .ancho > div {padding: 0px 0px 30px 30px;}
.home_imagen .frase h3 {font-family: 'Domine';font-size: 4em;margin:0;}
.home_imagen .frase span {font-weight: 500;font-size: 1.5em;}

@media only screen and (max-width: 1000px) {
    .slider {/*padding-top:60%;*/font-size: 0.7em;height:620px;}
    .home_imagen .frase .ancho > div {padding: 10px 0;}
}

div.comprar {position: absolute; top: 0; z-index: 99; margin-top: 160px; width: 100%; text-align: center; font-size: 2em; font-weight: 700;}
div.comprar div.max_comprar {width:450px;max-width:80%; display: inline-block;}
div.comprar div.max_comprar a.button {margin-top:15px;display: inline-block;background: #FFF !important; border: 1px solid var(--dorado);font-family: Domine;}
div.comprar div.max_comprar a.button {color: var(--dorado) !important; font-weight: 300;font-size: 0.7em;border-radius: 3px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);padding: 14px 30px !important;
    margin-top: 30px;}

#franja-container {/*border-top: 1px solid var(--dorado);border-bottom: 1px solid var(--dorado);*/overflow:hidden;background-color: #FFF;margin-top:20px;}
#franja {white-space:nowrap;}
#franja span.item {display: inline-block;text-align: center;text-transform: uppercase;font-weight: 400;padding:10px 20px;font-size: 12px;}

@media only screen and (max-width: 1000px) {
    #franja span.item {}
    div.comprar div.max_comprar a.button {font-size:1em;padding: 15px 20px !important;}
}

body.no-woo .contenido_blanco { background-color: #FFF; padding: 25px; margin-top: 25px; padding-top: 10px; border-radius: 7px; }
body.page-id-289.no-woo .contenido_blanco, /*movimientos*/
body.page-id-389.no-woo .contenido_blanco, /*pedidos*/
body.page-id-314.no-woo .contenido_blanco {background-color: unset;} /*contacto*/
@media only screen and (max-width: 1000px) {
   body.no-woo .contenido_blanco {padding: 15px; margin-top: 15px; padding-top: 1px;}
   body.page-id-389.no-woo .contenido_blanco,
   body.page-id-289.no-woo .contenido_blanco {padding:0;}
}

body.page-id-389.no-woo .contenido_blanco {margin-top:0;}

div.w_contenido {overflow: auto;}

.caja_foto {display:table;width: 100%;table-layout: fixed;background-color: #FFF;margin-top:25px;}
.caja_foto > div {display:table-cell;vertical-align: middle;}
.imagen_foto .img_foto {padding-top:90%;width:100%;}
.caja_foto .contenido_foto {padding:40px;display:table-cell;}

.caja_foto .contenido_foto.mobil {}
.caja_foto .contenido_foto.escritorio {}
.caja_foto .tit {color: var(--dorado)}

.caja_foto .contenido_foto.escritoriono {display: none;}

@media only screen and (max-width: 1000px) {
   .caja_foto {display: block;}
   .caja_foto > div {display: block;}
   .caja_foto .contenido_foto {display: block;padding: 15px;}
   .caja_foto .contenido_foto.escritoriono {display: block;}
   
   .caja_foto .contenido_foto.mobilno {display: none}

}

.titulo_curvo {text-align: center;}
.titulo_curvo .cur {font-size: 20px;text-transform: uppercase;}
.titulo_curvo .tit {font-family: Domine;font-size: 3em;}
.titulo_curvo .txt {}
.titulo_curvo .sob {margin-bottom: -2px; text-transform: uppercase; font-size: 12px;}
.titulo_curvo .sub {margin-top: -2px; text-transform: uppercase; font-size: 12px;}

.contenido_foto .titulo_curvo .txt {padding: 35px;padding-bottom: 0;padding-top: 15px;}

@media only screen and (max-width: 1000px) {
    .titulo_curvo .tit {font-size: 2.2em;}
    .contenido_foto .titulo_curvo .txt {padding: 15px;}
}

.franja_puntos {margin-top: 25px;}
.franja_puntos .ancho {background: #FFF;}
.franja_puntos .ancho > .titulo_curvo {padding: 30px 0;}
.franja_puntos .ancho > .titulo_curvo .tit {color: var(--dorado)}
.bloque_punto { display: inline-block; width: 30%; margin: 1.5%; background: #FFF; vertical-align: top; }

.franja_puntos_container.w_puntos-3 .franja_puntos > .ancho,
.franja_puntos_container.w_puntos-2 .franja_puntos > .ancho { padding-bottom: 15px; }
.w_puntos-2 .bloque_punto {background: #f0f0f0; background: linear-gradient(180deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.w_puntos-3 .imagen_punto {display:none;}
.w_puntos-3 .bloque_punto .tit {font-size: 1.5em;}

.bloque_punto .titulo_punto {padding:15px 0;}
.bloque_punto .tit { font-size: 2.5em; }
.img_punto { padding-top: 70%; background-size: contain !important; }

@media only screen and (max-width: 1000px) {
    .bloque_punto .tit { font-size: 2em; }
    .w_puntos-3 .bloque_punto .tit {font-size: 1.3em;}
}

.w_puntos-4 .caja_puntos {text-align: center}
.w_puntos-4 .bloque_punto {width: 100px;margin: 0 0 15px 15px;}
.w_puntos-4 .bloque_punto .titulo_punto {padding:0;}
.w_puntos-4 .franja_puntos .ancho {padding-bottom:20px;}

.w_puntos-5 .caja_puntos {text-align: center}
.w_puntos-5 .bloque_punto {width: 100px;margin: 0 0 15px 15px;}
.w_puntos-5 .bloque_punto .titulo_punto {padding:0;}
.w_puntos-5 .franja_puntos .ancho {padding-bottom:20px;}

.w_puntos-5 .img_punto,
.w_puntos-4 .img_punto {/*filter: saturate(0);*/ border-radius: 7px;}

.w_puntos-5 .img_punto:hover,
.w_puntos-4 .img_punto:hover {filter: saturate(1);}

@media only screen and (max-width: 1000px) {
    .bloque_punto { display: block; width: auto;}
    .w_puntos-4 .bloque_punto {display: inline-block;width: 100px;margin:7px;margin-bottom:15px;}
    .w_puntos-5 .bloque_punto {display: inline-block;width: 100px;margin:7px;margin-bottom:15px;}
    .w_puntos-5 .img_punto,
    .w_puntos-4 .img_punto {filter: saturate(1);}
}

div.boton_puntos {text-align: center; padding: 25px 0;}
div.boton_puntos a.button {background: #FFF !important; border: 1px solid var(--dorado); color: var(--dorado) !important;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);font-family: Domine}

table.wms_table {-webkit-touch-callout: none; user-select: text;}
table.wms_table { max-width: 100%; margin: 0 auto; font-size: 12px; border-collapse: collapse;width: 700px; }
@media (max-width: 540px) { 
    table.wms_table {width: auto};
}
table.wms_table td {border-bottom: 1px solid var(--border); padding: 4px 4px;background-color: #FFF;line-height: 1;}
table.wms_table td.Lote,
table.wms_table td.Cant {text-align: right;}
table.wms_table tr.un_color td { background-color: #9386730f !important; }
span.grupo_columnas { font-size: 0.8em; display: none; line-height: 1; }
span.grupo_columnas > span { display: block; }
span.grupo_columnas > span.c_Notas {white-space: pre-wrap;}
span.tit_grupo { overflow: hidden; display: block; max-width: 180px; }

table.wms_table td .tachado {text-decoration: line-through;opacity: 0.5;}

table.wms_table th.uni,
table.wms_table td.uni {}

table.wms_table td.monto .mini_cantidades {display:none;}

@media (max-width: 540px) { 
    table.wms_table td.monto .mini_cantidades {display:block;}
    table.wms_table th.uni,
    table.wms_table td.uni {display: none}
}

.brunna-table-pedidos.wms_table  td {border:none;border-bottom:1px solid var(--border);}

form#filtros-fecha { text-align: center; padding: 15px; margin-bottom: 20px;}
form#filtros-fecha select { height: 30px; vertical-align: middle; line-height: 1;padding: 3px 10px; }

form#filtros-fecha fieldset {padding: 5px 10px 10px 10px; display: inline-block;}
form#filtros-fecha button[type="submit"] {padding: 5px 10px !important; font-family: 'Open Sans'; font-size: 14px;}
form#filtros-fecha fieldset label {display: none;}
form#filtros-fecha fieldset legend {font-size: 12px;}

@media (max-width: 540px) { 
    form#filtros-fecha button[type="submit"] {margin-top:15px;}
}

table.wms_table .sr-only {display:none;}
table.wms_table span.material-symbols-outlined {vertical-align: top;color: #9a8f7c;vertical-align: middle;}
table.wms_table span.material-symbols-outlined.color_en { color: #75bd53; }
table.wms_table span.material-symbols-outlined.color_pe { color: #dfc53d; }
table.wms_table span.material-symbols-outlined.color_au { color: #d5d1c9; }
table.wms_table span.material-symbols-outlined.color_ce { color: #d5d1c9; }
table.wms_table span.material-symbols-outlined.color_ep { color: #d5d1c9; }

.brunna-paginacion { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin-top: 2rem; padding: 0.75rem 1rem; background: linear-gradient(135deg, rgba(154, 143, 124, 0.08), rgba(154, 143, 124, 0.05)); border-radius: 14px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6); } 
.brunna-paginacion .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 2.4rem; height: 2.4rem; padding: 0 0.9rem; border-radius: 999px; background: #ffffff; color: #9a8f7c; font-weight: 600; font-size: 0.9rem; letter-spacing: 0.01em; text-decoration: none; border: 1px solid rgba(154, 143, 124, 0.24); transition: all 0.2s ease-out; } 
.brunna-paginacion .page-numbers:hover { background: #9a8f7c; color: #ffffff; box-shadow: 0 8px 18px rgba(154, 143, 124, 0.25); transform: translateY(-1px); } 
.brunna-paginacion .page-numbers.current, .brunna-paginacion .page-numbers.current:hover { background: #9a8f7c; color: #ffffff; border-color: #9a8f7c; box-shadow: 0 10px 24px rgba(154, 143, 124, 0.28); cursor: default; transform: none; } 
.brunna-paginacion .page-numbers.prev, .brunna-paginacion .page-numbers.next { padding: 0 1.2rem; } 
@media (max-width: 540px) { 
    .brunna-paginacion { padding: 0.6rem; gap: 0.4rem; } 
    .brunna-paginacion .page-numbers { min-width: 2.2rem; height: 2.2rem; font-size: 0.85rem; } 
}

span.lata_R { background-color: #eb8181; display: inline-block; height: 15px; vertical-align: middle; text-align: center; color: #FFF; line-height: 15px; font-size: 10px; border-radius: 30px;padding: 0 4px; }
span.lata_B { background-color: #b1bf75; display: inline-block; height: 15px; vertical-align: middle; text-align: center; color: #FFF; line-height: 15px; font-size: 10px; border-radius: 30px;padding: 0 4px; }
span.lata_T { background-color: #e7b817; display: inline-block; height: 15px; vertical-align: middle; text-align: center; color: #FFF; line-height: 15px; font-size: 10px; border-radius: 30px;padding: 0 4px; }


.gform_wrapper {width:600px;max-width: 100%;margin: 0 auto;color: var(--texto)}
.gfield_label {color: var(--texto) !important;}

.ginput_container input,
.ginput_container select,
.ginput_container textarea {border-color: var(--border) !important; box-shadow: none !important; outline: none !important;}

.gform_wrapper .gform_fields {row-gap: 10px !important;}
.gform_validation_errors {margin-top:25px;}
.gform_confirmation_message { padding: 25px; text-align: center; }

.gform-theme--framework .gform_validation_errors {border:none !important;box-shadow: none !important;outline: none !important;}

p.gform_required_legend {display:none;}




  ::-webkit-scrollbar { width: 5px; height: 5px;} /* Track */ 
  ::-webkit-scrollbar-track { background: #eeecf2; } /* Handle */ 
  ::-webkit-scrollbar-thumb { background: #938673; } /* Handle on hover */ 
  ::-webkit-scrollbar-thumb:hover { background: #938673; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
    margin: .5% 5% 5% 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    margin: .5% auto 5% auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
    margin: .5% 0 5% 5%;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    margin: .5% 5% 5% 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
    margin: .5% 0 5% 5%;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
    margin: .5% 5% 5% 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
    margin: .5% 5% 5% 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
    margin: .5% 5% 5% 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
    margin: .5% 5% 5% 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
    margin: .5% 0 5% 5%;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}