/*  
Theme Name: YalNew
Theme URI: http://www.suragencia.com
Description: Tema Yal 2024 desarrollado por Suragancia.com	
Version: 2
Author: Victor Jorquera Escobar Suragencia.com 
Author URI: https://www.suragencia.com
*/

html {
	scroll-behavior: smooth;
}

.cleared {
	display: block;
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0;
	height: 0;
	overflow: hidden;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	text-align: justify;
	color: black;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 100%;
	letter-spacing: 0px;
	padding: 0;
	margin: 0;
}

h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 46px;
	font-weight: 400;
	letter-spacing: 0px;
	color: #00112B;
	line-height: 90%;
	text-align: left;
}

h1:hover {
	color: #1C5769;
}

h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 27px;
	font-weight: 400;
	letter-spacing: 0px;
	color: #00112B;
	line-height: 90%;
	text-align: center;
}

h2:hover {
	color: #1C5769;
}

h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 19px;
	color: #00112B;
	font-weight: 400;
	margin-top: 0px;
	text-align: left;
}

h4 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 26px;
	font-weight: 400;
	color: #00112B;
	letter-spacing: 0px;
	text-transform: none;
	text-align: left;
	margin: 0px 0 5px 0;
	padding-bottom: 20px;
	width: auto;
	border-bottom: lightgray 1px solid;
}

h5 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 120%;
	color: #00112B;
	text-align: left;
	padding: 0;
}

h6 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	color: #00112B;
	font-weight: 400;
	margin: 0px;
	text-align: left;
	width: auto;
	padding-bottom: 20px;
	border-bottom: lightgray 1px solid;
}

img {
	height: auto;
	max-width: 100%;
	padding: 0px;
	margin: 0px;
}

p {
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 150%;
	font-size: 17px;
	margin-bottom: 20px;
	letter-spacing: 0px;
	color: black;
}

p a,
p a:link,
p a:visited {
	color: black;
	text-decoration: none;
}

a:hover {
	color: black;
	text-decoration: underline;
}

a,
a:visited {
	color: black;
	text-decoration: none;
}

/*------ header ------  */

.header {
	position: relative;
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0 auto;
	padding: 0;
	z-index: 9999;
	width: 100%;
	background-color: white;
	background-image: url('images/header.jpg');
	background-position: top center;
	background-repeat: repeat-x;
}

.header-wrap {
	position: relative;
	width: 94%;
	min-width: 100px;
	max-width: 1400px;
	height: 44px;
	margin: 0 auto;
	text-align: left;
	color: #00112B;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-left {
	width: 45%;
	text-align: left;
	padding: 0;
}

.header-right {
	width: 45%;
	text-align: right;
	padding: 0;
}

.header-logos-icon {
	width: 15px;
	height: 15px;
	margin-right: 20px;
	background-position: center center;
	background-size: cover;
}

.header-logos-icon:hover {
	filter: invert(40%);
}

/*------ nav ------  */

.nav {
	position: sticky;
	top: -5px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: -5px;
	z-index: 99999999;
	transition-duration: 500ms;
	background-color: transparent;
	border-top: 0px solid black;
	border-bottom: 0px solid black;
	background-image: url('images/nav.png');
	background-position: top center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.nav-wrap {
	width: 94%;
	min-width: 100px;
	max-width: 1400px;
	min-height: 120px;
	position: relative;
	margin: 0px auto;
	padding: 0;
	letter-spacing: 1px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.nav-left {
	width: 210px;
	height: 90px;
	text-align: left;
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.nav-center {
	max-width: 640px;
	height: 70px;
	margin: 0 auto;
	text-align: center;
	flex-grow: 1;
}

.nav-right {
	width: 174px;
	height: 70px;
	text-align: right;
	z-index: 999999999999;
}

/*------ nav barra ------  */

.nav-barra {
	position: relative;
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0 auto;
	padding: 0;
	z-index: 2;
	width: 100%;
	height: 40px;
}

/*------ Menubar2 ------  */

.menu-barra {
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0 auto;
	padding: 0;
	z-index: 2;
	width: 100%;
	background-color: gray;
}

.menu-barra-wrap {
	position: relative;
	width: 90%;
	min-width: 100px;
	max-width: 1400px;
	height: 40px;
	margin: 0 auto;
	text-align: left;
	color: white;
	font-weight: 300;
	font-size: 13px;
	letter-spacing: 1px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.menu-barra-left {
	width: 80%;
	float: left;
	text-align: left;
	background-color: greenyellow;
}

.menu-barra-right {
	width: 20%;
	float: right;
	text-align: right;
	background-color: aqua;
}

/*------ Menu Horizontal ------  */

/* Estilos para el menú principal */
.menu_principal {
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: row;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 400;
}

.menu_principal li {
	position: relative;
}

.menu_principal li:not(:last-child) {
	padding: 0 10px;
	border-right: 0px solid rgba(99, 99, 99, 0.263);
}

.menu_principal a {
	display: block;
	width: auto;
	text-align: center;
	padding: 10px 5px;
	color: white;
	text-decoration: none;
	white-space: nowrap;
	border-bottom: 1px solid transparent;
}

.menu_principal a:hover {
	color: #BFFC71;
	background-color: transparent;
	border-bottom: 1px solid white;
	animation-duration: 2ms;
}

.menu_principal .current-menu-item a,
.menu_principal .current_page_item a {
	color: #BFFC71;
	border-bottom: 1px solid white;
}

/* Estilos para los submenús */
.menu_principal .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	list-style: none;
	padding: 0;
	margin: 0;
	min-width: 240px;
	font-size: 14px;
	text-align: left;
	color: gray;
	background-color: white;
}

.sub-menu .menu-item {
	font-size: 15px !important;
	text-align: left !important;
	font-weight: 400 !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	align-content: flex-start !important;
	color: gray;
}

.sub-menu .menu-item a {
	font-size: 15px !important;
	text-align: left !important;
	color: gray;
	padding-left: 5px;
}

.menu_principal .sub-menu li {
	width: 100%;
	margin: 0;
	padding: 0;
}

.menu_principal .sub-menu a {
	text-align: left;
	margin: 0;
	padding: 10px 15px;
	box-sizing: border-box;
}

.menu_principal .sub-menu a:hover {
	background-color: white;
	color: #1C5769;
}

.menu_principal li:hover>.sub-menu {
	display: block;
}

.sub-menu li:not(:last-child) {
	border-right: 0px !important;
	border-bottom: 1px solid #ababab;
	text-align: left !important;
}

/*------ Menu Movil ------  */

.navegacion {
	opacity: 0;
	visibility: hidden;
	max-width: 310px;
	width: 96%;
	background-color: white;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 2rem;
	z-index: 9999999999999999999999999999999999999999;
	box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .5);
	box-sizing: border-box;
	overflow-y: scroll;
}

.navegacion.visible {
	opacity: 1;
	visibility: visible;
	position: fixed;
	z-index: 9999999999999999999999999999999999999999;
}

.menu {
	width: 100%;
	text-align: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	background-color: white;
}

.menu li:not(:last-child) {
	border-bottom: 1px solid lightgray;
	list-style: none;
}

.menu .menu-item {
	width: 100%;
	padding: 7px 0;
}

.menu .menu-item li:not(:last-child) {
	border-bottom: 1px solid lightgray;
	list-style: none;
}

.menu .sub-menu {
	margin: 0px;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}

.menu .sub-menu li a {
	margin: 0px;
	width: 100%;
	min-width: 280px;
}

.menu .sub-menu .menu-item {
	margin-left: -40px;
	width: 100%;
	min-width: 240px;
}

.menu li a {
	font-size: 17px;
	width: 100%;
	letter-spacing: 0px;
	color: #666666;
	font-weight: 400;
	background-color: white;
	list-style: none;
}

.menu li a:hover {
	color: #1C5769;
	text-decoration: none;
}

.menu-item {
	width: 100%;
	list-style: none;
}

.buttonmovil {
	width: 50px;
	height: 50px;
	background-position: center center;
	background-size: cover;
	border: 0;
	cursor: pointer;
	background-color: transparent;
}

#abrir {
	background-image: url('images/menu-abrir.png') !important;
	margin-top: 10px;
}

#abrir:hover {
	filter: invert(40%);
}

#cerrar {
	background-image: url('images/menu-cerrar.png') !important;
}

#cerrar:hover {
	filter: grayscale(100%);
}

/*------ Menu Superior ------  */

.menu-superior-container {
	display: flex !important;
	justify-content: flex-start !important;
}

.menu_superior {
	display: flex !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.menu_superior li {
	margin-right: 10px !important;
}

.menu_superior li a {
	text-decoration: none !important;
	color: #00112B !important;
	padding: 0px !important;
	display: block !important;
}

.menu_superior li a:hover {
	color: gray !important;
}

.menu_superior .menu-item {
	width: auto;
	text-align: center;
}

/*------ Menu Footer ------  */

.menu_footer {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.menu_footer a {
	display: block;
	width: auto;
	text-align: left;
	padding: 0;
	margin-bottom: 3px;
	color: white;
	text-decoration: none;
	white-space: nowrap;
}

.menu_footer a:hover {
	color: #63b2f8;
	animation-duration: 2ms;
}


/* ------ barra ------ */

.barra {
	height: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

/* ------ body ------ */

.wrap {
	width: 90%;
	min-width: 100px;
	max-width: 1400px;
	position: relative;
	margin: 0 auto;
	letter-spacing: 0px;
}

.wrap-full {
	width: 100%;
	min-width: 100px;
	max-width: 1400px;
	position: relative;
	margin: 0 auto;
	letter-spacing: 0px;
	box-sizing: border-box;
}

.wrap-mini {
	width: 80%;
	min-width: 100px;
	max-width: 1400px;
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	z-index: 999;
}

#cabecera {
	margin-bottom: 60px;
}

.test {
	width: 100%;
	height: auto;
	background-color: transparent;
	box-sizing: border-box;
	margin-top: -180px;
	margin-bottom: 70px;
	z-index: 999;
}

/* ------ space ------ */

#space {
	margin-bottom: 80px !important;
}

#space-2 {
	margin-bottom: 120px !important;
}

/* ------ columns ------ */

.columns {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}

.columns1 {
	float: left;
	width: 62%;
	box-sizing: border-box;
}

.columns2 {
	float: right;
	width: 30%;
	box-sizing: border-box;
}

.columns3 {
	float: right;
	width: 50%;
	box-sizing: border-box;
}

.columns4 {
	float: left;
	width: 45%;
	box-sizing: border-box;
	min-height: 300px;
}

#titulo {
	margin-bottom: 0px;
}

#exclusivo {
	margin-top: 25px;
	min-height: 325px;
	background-color: #00112B;
	color: white;
	padding: 40px;
	box-sizing: border-box;
}

#exclusivo p {
	color: white;
}

#exclusivo a,
#exclusivo a:link,
#exclusivo a:visited {
	color: white;
}

#exclusivo-inn {
	margin-top: 25px;
	min-height: 100px;
	background-color: white;
	box-sizing: border-box;
}


/* ------ carousel ------ */

.carousel-container {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
	/* Espacio para los botones debajo del carrusel */
}

.carousel-wrapper {
	display: flex;
	transition: transform 0.5s ease;
	gap: 20px;
	/* Ajusta el valor según el espacio que desees entre los elementos */
}

.carousel-slide {
	min-width: calc((100% / 3) - 15px);
	/* Ajusta el cálculo restando el gap dividido entre el número de elementos menos uno */
	box-sizing: border-box;
}

.carousel-buttons {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.carousel-button {
	width: 50px;
	height: 25px;
	background-color: black;
	color: white;
	border: none;
	padding: 0;
	cursor: pointer;
	margin: 0 20px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#cbd {
	background-image: url('images/felcha-der.png');
}

#cbi {
	background-image: url('images/felcha-izq.png');
}

/* ------ carousel new ------ */

.newcarrusel-wrapper {
	max-width: 94%;
	margin: auto;
	overflow: hidden;
	border-radius: 0px;
	box-shadow: 0px;
}

.newcarrusel-track {
	display: flex;
	transition: transform 0.5s ease-in-out;
	gap: 32px;
	padding: 0px;
}

.newcarrusel-item {
	/*min-width: calc(23.5% - 10px);*/
	min-width: calc(18% - 5px);
	padding: 0px;
	/*background-color: #F7F7F7;*/
}

/* .newcarrusel-item:hover .linea-2 {
transition: transform 0.1s ease;
background-color: #00112B;
} */

.newcarrusel-item:hover .linea-2::before {
	transform: scaleX(0);
}

.newcarrusel-item:hover .linea-2::after {
	transform: scaleX(1);
}

.newcarrusel-item img {
	width: 100%;
	height: auto;
	border-radius: 0px;
	padding-bottom: 0px !important;
	display: block;
	box-sizing: border-box;
}

.newcarrusel-controls {
	width: 100%;
	position: absolute;
	top: 70%;
	transform: translateY(-70%);
	padding: 0;
}

.newcarrusel-arrow {
	display: inline-block;
	width: 35px;
	min-height: 10px;
	font-size: 22px;
	color: #00112B;
	border: none;
	padding: 5px 0;
	margin: 0px;
	cursor: pointer;
	border-radius: 0px;
	text-align: center;
	border-radius: 0px;
	background-color: transparent;
}

.newcarrusel-arrow:hover {
	color: #BFFC71;
}

#arrow-left {
	float: left;
}

#arrow-right {
	float: right;
}

/* ------ Carrusel Grip ------ */

.grid-container {
	display: grid;
	width: 100%;
	min-height: 350px;
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: auto;
	gap: 1px;
	box-sizing: border-box;
	border: 0px solid gray;
	border-radius: 0px;
	overflow: hidden;
	background-color: #8ED106;
}

.categoria {
	background-color: black;
	text-align: center;
	width: 150px;
	padding: 5px 0;
	font-size: 10px;
	text-transform: uppercase;
	color: #8ED106;
	font-weight: 800;
	margin-bottom: 15px;
}

.grid-post-image-2 {
	width: 100%;
	border-radius: 0px;
	aspect-ratio: 16 / 9;
	background-position: center center;
	background-size: cover;
	box-sizing: border-box;
	overflow: hidden;
	background-color: black;
}

.grid-post-image-2:hover {
	box-sizing: border-box;
	overflow: hidden;
}

.grid-post-p-2 {
	margin: 0;
	text-align: left;
	min-height: 235px;
	padding: 15px 25px;
	box-sizing: border-box;
}

.grid-post-text {
	margin: 15px 0;
	line-height: 110%;
	font-size: 16px;
	letter-spacing: 0px;
	color: white;
}

.grid-post-item {
	padding: 0;
}

.grid-post-cubo-interno-2 {
	display: grid;
	align-items: center;
	justify-content: center;
	background-color: #8ED106;
	color: white;
	width: 30px;
	height: 30px;
	margin-top: -16px;
	margin-right: 20px;
	float: right;
	z-index: 999999;
}

/*------ flex ------  */

#FlexCenter {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}

#FlexLeft {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
}

#FlexLeft2 {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	flex-direction: column;
}

#FlexRight {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: row;
}

#FlexAround {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}

/*------ portada ------  */

.portada {
	position: relative;
	width: 100%;
	min-height: 550px;
	padding: 0;
	background-color: white;
	margin: 0 auto;
	margin-bottom: 60px !important;
	z-index: 1;
	box-sizing: border-box;
	/*background-image: url('images/portada-default.jpg');*/
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.portada-interno {
	position: relative;
	width: 100%;
	min-height: 340px;
	padding: 0;
	background-color: white;
	margin: 0 auto;
	margin-bottom: 60px !important;
	z-index: 1;
	box-sizing: border-box;
	/*background-image: url('images/portada-default-interno.jpg');*/
	/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0) 100%),*/
    /*url('images/portada-default-interno.jpg');*/
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.portada-interno-sin {
	position: relative;
	width: 100%;
	height: 0px;
	background-color: chartreuse;
	margin: 0 auto;
	margin-bottom: 20px !important;
	z-index: 1;
	box-sizing: border-box;
}

.portada-medio {
	width: 90%;
	min-width: 100px;
	max-width: 1400px;
	margin: 0 auto;
	margin-bottom: 0px !important;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: auto;
	background-color: #8ED106;
}

#portada {
	height: 420px !important;
}

.portada-footer {
	position: relative;
	width: 100%;
	height: 0px;
	margin: 0px;
	margin-top: -0px !important;
	margin-bottom: 0px !important;
	z-index: 99999 !important;
	background-image: url('images/portada-footer.png');
	background-position: top center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border-bottom: 0px solid #8ED106;
}

#barra {
	z-index: 9 !important;
}

.decoracion {
	background-image: url('images/decoracion.jpg');
	background-position: center center;
	background-size: cover;
	background-color: #1C5769;
	width: 100%;
	height: 450px;
}

/*------ slider ------  */

.slider {
	position: relative;
	width: 100%;
	padding: 0;
	background-color: white;
	margin: 0 auto;
	z-index: 1;
	box-sizing: border-box;
}

/* .mySlides {
    width: 100%;
	height: 550px;
    padding-top: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    display: none;
    opacity: 0;
    transition: opacity 2s ease-in-out;
    z-index: 1;
	border-radius: 0px;
} */

.mySlides {
	width: 100%;
	height: auto;
	padding-top: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-sizing: border-box;
	display: none;
	opacity: 0;
	transition: opacity 2s ease-in-out;
	z-index: 1;
	border-radius: 0px;
}

.mySlides.active {
	display: block;
	opacity: 1;
}

.textmS {
	font-size: large;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.slider-left,
.slider-right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff !important;
	font-size: 33px;
	background-color: transparent !important;
	padding: 5px 10px;
	box-sizing: border-box;
	border: none;
	display: inline-block;
	cursor: pointer;
	white-space: nowrap;
	z-index: 2;
}

.slider-left {
	left: 0;
}

.slider-right {
	right: 0;
}

.dot-container {
	text-align: center;
	position: absolute;
	bottom: 20px;
	width: 100%;
	z-index: 2;
}

.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
	z-index: 2;
}

.dot.active {
	background-color: #b403be;
}

/*------ seccion ------  */

.seccion-titulo {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 27px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #00112B;
	line-height: 90%;
	text-align: center;
	padding: 15px;
	border-radius: 0px;
	width: 50%;
	margin: 40px auto 20px auto;
	box-sizing: border-box;
}

.seccion {
	width: 100%;
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}

.seccion2 {
	width: 100%;
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}

#seccion-1 {
	background-position: center center;
	background-size: cover;
	/* background-image: url('images/seccion-1.jpg'); */
	background-color: white;
	margin-top: 0px;
	margin-bottom: 60px;
}

#seccion-2 {
	background-position: center center;
	background-size: cover;
	/* background-image: url('images/seccion-2.jpg'); */
	background-color: white;
	margin-bottom: 20px;
	margin-top: 20px;
}

#seccion-3 {
	background-position: center center;
	background-image: url('images/seccion-3.jpg');
	background-repeat: repeat;
	background-color: #00112B;
	padding: 0px 0;
	margin-bottom: 0px;
}

#seccion-4 {
	background-position: center center;
	background-size: cover;
	/* background-image: url('images/seccion-4.jpg'); */
	background-color: white;
	margin-top: 30px;
	margin-bottom: 0px;
	padding: 50px 0;
}

#seccion-5 {
	background-position: center center;
	background-size: cover;
	/* background-image: url('images/seccion-1.jpg'); */
	background-color: rgb(244, 244, 244);
	margin-top: 50px;
	margin-bottom: -80px;
	padding: 50px 0;
}

#seccion-interno {
	background-position: center center;
	background-image: url('images/seccion-3.jpg');
	background-repeat: repeat;
	background-color: #00112B;
	padding: 0px 0;
	margin: 60px 0 100px 0;
}

/* ------ grid ------ */

.grid {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: auto;
	gap: 1em;
	overflow: hidden;
}

.grid-1 {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: auto;
	gap: 2em;
	overflow: hidden;
}

.grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	gap: 3em;
}

.grid-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: auto;
	gap: 3em;
}

.grid-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: auto;
	gap: 1em;
}

.grid-4b {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: auto;
	gap: 1em;
}

.grid-5 {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-auto-rows: auto;
	gap: 2em;
}

.grid-6 {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-auto-rows: auto;
	gap: 2em;
}

.grid-8 {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-auto-rows: auto;
	gap: 2em;
	overflow: hidden;
}

/* ------ orden ------ */

.grid-5050 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: min-content;
	gap: 0;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: -5px;
}

.grid-6040 {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-auto-rows: auto;
	gap: 0;
	box-sizing: border-box;
	overflow: hidden;
}

.grid-4060 {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-auto-rows: auto;
	gap: 0;
	box-sizing: border-box;
	overflow: hidden;
}

.grid-1000 {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: auto;
	gap: 1px;
	box-sizing: border-box;
	overflow: hidden;
}

/* ------ box ------ */

.grid-box-1 {
	width: 100%;
	border-radius: 0px;
	overflow: hidden;
}

.grid-box-2 {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	overflow: hidden;
	flex-direction: column;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.grid-box-2 img {
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box;
}

.grid-box-item {
	width: 100%;
	margin: 0;
	padding: 0;
}

.grid-box-item img {
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box;
}

.grid-box {
	width: 70%;
	margin: 0 auto;
	box-sizing: border-box;
	color: white;
}

.grid-box h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 0px;
	color: #BFFC71;
	line-height: 100%;
	text-align: left;
	margin-bottom: 15px;
}

.grid-box p {
	color: grey;
	line-height: 100%;
	text-align: left;
}

.grid-box-img {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.grid-box-3 {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	overflow: hidden;
	flex-direction: column;
}

/* ------ box interno ------ */

.box-grid-1 {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: min-content;
	gap: 1em;
	overflow: hidden;
}

.box-grid-1:hover .linea::before {
	transform: scaleX(0);
}

.box-grid-1:hover .linea::after {
	transform: scaleX(1);
}

.box-grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	gap: 1em;
	overflow: hidden;
}

.box-grid-3 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: auto;
	gap: 4em;
	box-sizing: border-box;
}

.box-grid-3.left>div:first-child {
	order: 1;
	/* Primer div a la izquierda */
}

.box-grid-3.left>div:nth-child(2) {
	order: 2;
	/* Segundo div a la derecha */
}

.box-grid-3.right>div:first-child {
	order: 2;
	/* Primer div a la derecha */
}

.box-grid-3.right>div:nth-child(2) {
	order: 1;
	/* Segundo div a la izquierda */
}

.box-grid-1-image {
	width: 100%;
	border-radius: 0px;
	aspect-ratio: 16 / 9;
	background-position: center center;
	background-size: cover;
	background-color: black;
	overflow: hidden;
	transform: scale(1);
	transition: transform 0.5s ease;
}

.box-grid-1-image:hover {
	transform: scale(1.1);
}

.box-grid-2-image {
	width: 100%;
	border-radius: 0px;
	aspect-ratio: 1 / 1;
	background-position: center center;
	background-size: cover;
	background-color: black;
	overflow: hidden;
	transform: scale(1);
	transition: transform 0.5s ease;
}

.box-grid-2-image:hover {
	transform: scale(1.1);
}

.box-grid-3-image {
	width: 100%;
	border-radius: 0px;
	aspect-ratio: 16 / 9;
	background-position: center center;
	background-size: cover;
	background-color: black;
	overflow: hidden;
	transform: scale(1);
	transition: transform 0.5s ease;
}

.box-grid-3-image:hover {
	transform: scale(1.1);
}

.box-grid-1-box {
	width: 100%;
	box-sizing: border-box;
}

.box-grid-2-box {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	flex-direction: column;
	box-sizing: border-box;
}

.grid-box-1 h3,
.grid-box-2 h3,
.grid-box-3 h3 {
	font-size: 27px;
	color: #00112B !important;
	margin-bottom: 1px;
}

.box-grid-1 .grid-box-1:hover h3,
.box-grid-1 .grid-box-2:hover h3,
.box-grid-1 .grid-box-3:hover h3,
.grid-box-1:hover h3,
.grid-box-2:hover h3,
.grid-box-3:hover h3 {
	color: #1C5769 !important;
}

/* ------ box interno ------ */

.box {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	overflow: auto;
	flex-direction: column;
}

.box h2 {
	font-size: 23px;
	color: #030104 !important;
	margin-bottom: 5px;
}

.box:hover h2 {
	color: #030104 !important;
}

.box-image {
	width: 100%;
	border-radius: 10px;
	aspect-ratio: 16 / 9;
	background-position: center center;
	background-size: cover;
	background-color: black;
}

.box-text {
	margin-top: 20px;
}

/* ------ iconos ------ */

.iconos {
	width: 100%;
	background-color: greenyellow;
}

.iconos:hover {
	background-color: green;
}

.iconos:hover h2 {
	color: #E05B30 !important;
}

.iconos-image {
	width: 100%;
	text-align: center;
}

.iconos-text {
	margin-top: 20px;
}

#iconos {
	margin-top: 20px;
	line-height: 110%;
	color: gray;
	text-align: center;
}

/* ------ Formulario ------ */

.formulario {
	font-size: 16px;
	min-height: 200px;
	letter-spacing: 0px;
	text-align: left;
	border: solid 0px gray;
	padding: 0px 0px;
	box-sizing: border-box;
}

.wpcf7-not-valid-tip {
	font-size: 13px !important;
	color: #E05B30 !important;
	padding: 0;
	margin: 0;
}

input,
select,
textarea {
	border: solid 1px gray;
	background-color: white;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	color: gray;
	padding: 12px;
	margin: 0px;
	margin-bottom: 15px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

input[type=submit] {
	width: 140px;
	margin-bottom: 10px;
	border: 0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	color: white;
	background-color: gray;
	padding: 10px;
	cursor: pointer;
}

input[type=submit]:hover {
	background-color: black;
}

.single_add_to_cart_button {
	margin-top: 1px;
	padding: 12px 22px;
}

.contact {
	position: relative;
	box-sizing: border-box;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.contact1 {
	position: relative;
	box-sizing: border-box;
	float: left;
	width: 49%;
	margin: 0px;
	padding: 0px;
}

.contact2 {
	position: relative;
	box-sizing: border-box;
	float: right;
	width: 49%;
	margin: 0px;
	padding: 0px;
}

.contact p,
.contact1 p,
.contact2 p {
	margin: 0px;
}

/*------ portafolio ------  */

.cuadro {
	width: 100%;
	max-width: 400px;
	aspect-ratio: auto 1 / 1;
	background-color: black;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0px;
	color: transparent;
	border-radius: 0px;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
}

.cuadro:hover {
	/*background-image: url('images/cuadro.jpg') !important;*/
	color: white;
	letter-spacing: 1px;
	text-align: center;
}

.cuadro2 {
	width: 100%;
	max-width: 600px;
	aspect-ratio: auto 1 / 1;
	border-radius: 0px;
	padding: 20px;
	box-sizing: border-box;
	text-align: left;
	line-height: 100%;
	color: gray;
}

.rectangulo {
	width: 100%;
	max-width: 600px;
	aspect-ratio: auto 2 / 1;
	background-color: white;
	background-position: center center;
	background-size: cover;
	border-radius: 0px;
	padding: 20px;
	box-sizing: border-box;
	text-align: left;
	line-height: 100%;
	color: gray;
}

.rectangulo:hover {
	background-color: white;
	color: black;
	text-align: left;
	transition: all 400ms ease-in-out;
}

.titulo {
	display: block;
	min-height: 32px;
	font-family: 'Montserrat', sans-serif;
	font-size: 23px;
	font-weight: 700;
	line-height: 125%;
}

.texto {
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 150%;
	font-size: 16px;
	margin-top: 0;
	letter-spacing: 0px;
	color: gray;
}

.rectangulo:hover .texto {
	color: gray;
}

/*------ linea ------  */

.linea {
	position: relative;
	display: block;
	width: 80px;
	height: 4px;
	background-color: #BFFC71;
	margin: 5px 0 0 0;
}

.linea::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background-color: #BFFC71;
	transform: scaleX(1);
	transform-origin: right;
	transition: transform 0.3s ease;
	z-index: 1;
}

.linea::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background-color: #00112B;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
	z-index: 2;
}

.linea-2 {
	position: relative;
	display: block;
	width: 80px;
	height: 4px;
	background-color: #BFFC71;
	/* Color base de la línea */
	margin: 0 auto;
	margin-top: 15px !important;
	overflow: hidden;
}

.linea-2::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background-color: #BFFC71;
	transform: scaleX(1);
	transform-origin: right;
	transition: transform 0.3s ease;
	z-index: 1;
}

.linea-2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background-color: #00112B;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
	z-index: 2;
}

.linea-3 {
	position: relative;
	display: block;
	width: 80px;
	height: 4px;
	background-color: #BFFC71;
	/* Color base de la línea */
	margin: 1px 0 10px 0;
	overflow: hidden;
}

/* ------ footer up ------ */

.barra-inferior {
	width: 100%;
	min-height: 40px;
	padding: 50px 0 20px 0;
	margin: 0px;
	margin-top: 60px;
	margin-bottom: -80px !important;
	box-sizing: border-box;
	background-color: #E3E9EE;
	border-top: 0px solid #EFFAF8;
}

.barra-inferior-wrap {
	width: 90%;
	min-width: 100px;
	max-width: 600px;
	position: relative;
	margin: 0 auto;
	letter-spacing: 0px;
}

.logosfooter {
	width: 300px;
	margin-bottom: 0px;
	box-sizing: border-box;
}

.barra-inferior-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	flex-direction: row;
	box-sizing: border-box;
}

/* ------ footer ------ */

.footer {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	position: relative;
	width: 100%;
	min-height: 50px;
	margin: 0px;
	margin-top: 80px !important;
	padding: 80px 0px;
	padding-bottom: 0px;
	background-color: #00112B;
	background-position: center center;
	background-image: url('images/footer.jpg');
	background-repeat: repeat;
	box-sizing: border-box;
}

.footer-wrap {
	width: 94%;
	min-width: 100px;
	max-width: 1400px;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	color: #E0F2F8;
}

.footer-wrap a {
	color: #E0F2F8;
}

.footer h5 {
	color: #BFFC71;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 10px;
}

.footer-grid {
	display: grid;
	width: 100%;
	grid-template-columns: 2fr 1fr 1fr;
	grid-template-rows: auto;
	grid-auto-rows: auto;
	gap: 4em;
}

.footer-item {
	width: 100%;
	text-align: left;
	box-sizing: border-box;
}

.footer-logos {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-auto-rows: auto;
	gap: 10px;
	box-sizing: border-box;
	overflow: hidden;
}

.footer-logos-icon {
	width: 65px;
	height: 65px;
	background-position: center center;
	background-size: cover;
}

.footer-logos-icon:hover {
	filter: invert(40%);
}

.footer-item-linea {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: center;
	width: 100%;
	height: auto;
	overflow: auto;
	flex-direction: row;
	margin-bottom: 2px;
}

.footer-item-icon {
	width: 20px;
	height: 20px;
	background-color: #8ED106;
	background-position: center center;
	background-size: cover;
	margin-right: 20px;
}

.footer-item-text {
	text-align: left;
	color: red;
}

#fitem1 {
	background-image: url('images/redes-1.png');
}

#fitem2 {
	background-image: url('images/redes-2.png');
}

#fitem3 {
	background-image: url('images/redes-3.png');
}

#fitem4 {
	background-image: url('images/redes-4.png');
}

#fitem5 {
	background-image: url('images/redes-5.png');
}

/* ------ footer marca ------ */

.footer-marca {
	width: 100%;
	background-color: #000000;
	box-sizing: border-box;
	position: relative;
	margin-top: 70px !important;
	padding: 5px 0px;
}

.footer-marca-2 {
    display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: auto;
	gap: 4em;
}

.FlexContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
    min-height: 50px;
    overflow: auto;
    flex-direction: row;
	font-size: 11px;
	gap: 10px;
}

.FlexContainer-item-1 {
	max-width: 140px;
}

.FlexContainer-item-2 {
	display: flex;
    flex-wrap: nowrap;
	justify-content: center;
    align-items: center;
    align-content: center;
	text-align: center;
	margin: 0px;
}

.FlexContainer-item-3 {
	max-width: 140px;
	display: flex;
    flex-wrap: nowrap;
	justify-content: center;
    align-items: center;
    align-content: center;
}

/* ------ icon ------ */

.top {
	position: fixed;
	width: 60px;
	height: 60px;
	padding: 0;
	text-align: center;
	font-size: 12px;
	bottom: 0px;
	left: 30px;
	box-sizing: border-box;
	color: grey;
	background-image: url('images/top.png');
	background-repeat: repeat-x;
	background-position: center center;
	background-size: 100% 100%;
	z-index: 9999999999999999999999999999999999999999;
}

.whatsapp {
	position: fixed;
	width: 250px;
	height: 60px;
	padding: 0;
	text-align: center;
	font-size: 12px;
	bottom: 0px;
	right: 30px;
	box-sizing: border-box;
	color: grey;
	background-image: url('images/whatsapp.png');
	background-repeat: repeat-x;
	background-position: center center;
	background-size: 100% 100%;
	z-index: 9999999999999999999999999999999999999999;
}

.whatsapp:hover {
	background-image: url('images/whatsapp-hover.png');
	transition-duration: 500ms;
}

.whatsapp-button {
	position: fixed;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	right: 20px;
	bottom: 10px;
	/* transform: translateY(50%); */
	background-image: url('images/navbutton-hover.png') !important;
	background-position: center center;
	background-size: cover;
	z-index: 9999999999999999999999999999999999999999;
}

.whatsapp-button:hover {
	background-image: url('images/navbutton.png') !important;
	transition-duration: 1s;
}

.whatsapp-button-chat {
	position: fixed;
	width: 300px;
	height: 50px;
	border-radius: 15px 15px 0px 0px;
	right: 30px;
	bottom: 0px;
	background-image: url('images/whatsapp-chat.png') !important;
	background-position: center center;
	background-size: cover;
	z-index: 9999999999999999999999999999999999999999;
	background-color: white;
}

.whatsapp-button-chat:hover {
	background-image: url('images/whatsapp-chat-hover.png') !important;
	transition-duration: 1s;
}

.idioma-chile {
	width: 30px;
	height: 20px;
	background-image: url('images/idioma-chile.jpg');
	background-position: center center;
	background-size: cover;
	margin: 4px !important;
}

.idioma-usa {
	width: 30px;
	height: 20px;
	background-image: url('images/idioma-usa.jpg');
	background-position: center center;
	background-size: cover;
	margin: 4px !important;
}

/* ------ compartir ------ */

.share-barra {
	width: 100%;
	margin: 20px 0 40px 0;
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center;
    overflow: auto;
    flex-direction: row;
	gap: 20px;
}

.share {
	width: 15px;
	height: 15px;
	background-position: center center;
	background-size: 100% 100%;
	filter: invert(40%);
}

.share:hover {
	filter: invert(0%);
}

.share2 {
	width: 15px;
	height: 15px;
	background-position: center center;
	background-size: 100% 100%;
	filter: invert(40%);
}

/* ------ social ------ */

.icon {
	width: 65px;
	height: 65px;
	background-position: center center;
	background-size: cover;
}

.icon:hover {
	filter: invert(40%);
}

/* icono instagram */
#redes1 {
	background-image: url('images/redes-1.png');
}
/* icono linkedin */
#redes2 {
	background-image: url('images/redes-2.png');
}
/* icono tree */
#redes3 {
	background-image: url('images/redes-3.png');
}
/* icono facebook */
#redes4 {
	background-image: url('images/redes-4.png');
}
/* icono youtube */
#redes5 {
	background-image: url('images/redes-5.png');
}
/* icono correo */
#redes6 {
	background-image: url('images/redes-6.png');
}
/* icono whatsapp */
#redes7 {
	background-image: url('images/redes-7.png');
}
/* icono telefono */
#redes8 {
	background-image: url('images/redes-8.png');
}
/* icono ubicacion */
#redes9 {
	background-image: url('images/redes-9.png');
}
/* icono asterisco */
#redes10 {
	background-image: url('images/redes-10.png');
}
/* icono cubo instagram */
#redes11 {
	background-image: url('images/redes-11.png');
}
/* icono cubo correo */
#redes12 {
	background-image: url('images/redes-12.png');
}
/* icono cubo whatsapp */
#redes13 {
	background-image: url('images/redes-13.png');
}
/* icono cubo fono */
#redes14 {
	background-image: url('images/redes-14.png');
}
/* icono cubo ubicacion */
#redes15 {
	background-image: url('images/redes-15.png');
}
/* icono cubo share */
#redes16 {
	background-image: url('images/redes-16.png');
}
/* icono cubo facebook */
#redes17 {
	background-image: url('images/redes-17.png');
}
/* icono cubo x */
#redes18 {
	background-image: url('images/redes-18.png');
}
/* icono x */
#redes19 {
	background-image: url('images/redes-19.png');
}
/* icono cubo url sopy */
#redes20 {
	background-image: url('images/redes-20.png');
}
/* icono cubo telegram */
#redes21 {
	background-image: url('images/redes-21.png');
}

/* ------ social ------ */

.contacto {
	width: 60px;
	height: 60px;
	background-position: center center;
	background-size: cover;
	float: left;
	color: #fff;
}

#whatsapp {
	background-image: url('images/whatsapp.png');
}

#fono {
	background-image: url('images/fono.png');
}

#mail {
	background-image: url('images/mail.png');
}

#formulario {
	background-image: url('images/formulario.png');
}

.contacto-texto {
	width: 120px;
	height: 60px;
	float: left;
	padding: 0 10px;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.contacto-texto:hover {
	color: #E05B30;
}

.dashicons {
	margin-top: 2px;
}

/* ------ adicional ------ */

.af_quote_fields {
	width: 97% !important;
}

/* ------ adicional ------ */

.woo-grid {
	display: grid;
	grid-template-columns: 2fr 3fr;
	grid-auto-rows: auto;
	gap: 5em;
	box-sizing: border-box;
}

.woo-grid-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: auto;
	gap: 2em;
	overflow: hidden;
}

.woo-grid-item {
	box-sizing: border-box;
}

.woo-title {
	margin-top: 30px;
	font-size: 30px !important;
	color: #030104;
	font-weight: 400
}

.woo-price {
	text-align: left;
	font-size: 27px !important;
	margin-top: -20px;
	margin: 0;
	padding: 0;
}

.woo-short-description {
	margin-bottom: 20px;
}

.attachment-woocommerce_thumbnail {
	width: 100%;
}

.wp-post-image {
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

.woocommerce-loop-product__title {
	color: black !important;
	text-align: center !important;
	text-transform: uppercase;
	font-size: 18px !important;
	font-weight: 400;
	padding: 20px 0;
	background-color: white;
	height: 35px;
}

.wc-block-cart-item__image img {
	width: 220px;
	height: auto;
}

.product_type_simple {
	margin: 0 auto !important;
	width: 100% !important;
	max-width: 100%;
	height: 30px !important;
	font-size: 15px !important;
	background-position: center center;
	background-size: cover;
	border: 0 !important;
	cursor: pointer;
	background-color: #1C5769 !important;
	color: white !important;
	text-align: center !important;
	left: 0% !important;
	padding-top: 9px !important;
}

.product_type_simple {
	margin: 0 auto !important;
	width: 100% !important;
	max-width: 100%;
	height: 30px !important;
	font-size: 15px !important;
	background-position: center center;
	background-size: cover;
	border: 0 !important;
	cursor: pointer;
	background-color: #1C5769 !important;
	color: white !important;
	text-align: center !important;
	left: 0% !important;
	padding-top: 9px !important;
	border-radius: 4px;
}

.product_type_simple:hover {
	background-color: #030104 !important;
}

.columns-4 .button.product_type_simple {
	left: 0% !important;
	width: 100% !important;
	height: 32px !important;
	max-width: 100%;
	transition: background-color 0.3s ease;
	/* Transición suave */
}

.woocommerce-Tabs-panel h2 {
	font-size: 20px !important;
}

.related h2 {
	font-size: 20px !important;
	margin-bottom: 20px;
}

.cart {
	margin-top: 20px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.qty {
	max-width: 140px;
	margin-top: 1px !important;
	padding: 10px 0px 9px 0px !important;
	text-align: center;
}

.price {
	text-align: center;
}

.summary .price {
	text-align: left;
	font-size: 27px;
}

.summary .price .woocommerce-Price-amount {
	font-size: 27px;
}

.woocommerce-Price-amount {
	text-align: center !important;
	font-size: 24px;
	font-weight: 600;
	color: red;
}

/* ------ Woocommerce MyAccount ------ */

.woocommerce-MyAccount-navigation {
	margin-bottom: 20px;
}

.woocommerce-MyAccount-navigation ul {
	display: flex;
	/* Hace que los elementos se alineen en una fila */
	list-style: none;
	/* Elimina los puntos de lista */
	padding: 0;
	margin: 0;
}

.woocommerce-MyAccount-navigation li {
	margin-right: 20px;
	/* Espacio entre los elementos del menú */
}

.woocommerce-MyAccount-navigation a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #000;
	/* Cambia el color según lo necesites */
}

.woocommerce-MyAccount-navigation a:hover {
	background-color: #f0f0f0;
	/* Cambia el color al pasar el ratón */
}

/* ------ Productos Carrito ------ */

.carrito-icono {
	position: relative;
	display: inline-block;
}

.cart-contents {
	position: absolute;
	top: -5px;
	right: 5px;
	background-color: white;
	color: #333;
	border-radius: 50%;
	padding: 2px 6px;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid white;
}

/* ------ Material Icons ------ */

.icon-orange {
	font-size: 16px !important;
	margin-top: 10px;
	margin-right: 10px;
	color: #1C5769;
}

.menu-item .icon-orange {
	font-size: 18px !important;
	color: #1C5769;
}

.menu-item .icon-orange:hover {
	color: #63b2f8;
}

/* ------ Lleer ------ */

.leermas {
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	width: 120px;
	padding: 14px 15px;
	color: #1C5769;
	border: solid 2px #1C5769;
	margin-top: 25px;
	text-decoration: none;
}

.leermas:hover {
	text-decoration: none;
	background-color: white;
}

/* ------ Marca ------ */

.marca {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	width: 100%;
	overflow: auto;
	flex-direction: row;
	gap: 20px;
}

.marca-item {
	width: 160px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% 100%;
	box-sizing: border-box;
	overflow: hidden;
}

#amazon {
	background-image: url('images/marca-amazon.png');
}

#mercadolibre {
	background-image: url('images/marca-mercadolibre.png');
}

#ripley {
	background-image: url('images/marca-ripley.png');
}

#falabella {
	background-image: url('images/marca-falabella.png');
}

/* ------ Ejemplo ------ */

.ejemplo {
	width: 100%;
	height: 400px;
	background-color: red;
}

.cero {
	margin: 0px !important;
	padding: 0px !important;
	margin-bottom: 0px !important;
	box-sizing: border-box;
	overflow: hidden;
}

/* ------ PopUP ------ */

.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	justify-content: center;
	align-items: center;
	z-index: 99999999999999999999999999999999999999999999999;
}

.modal {
	width: 98%;
	max-width: 800px;
	z-index: 99999999999999999999999999999999999999999999999;
}

.modal-interno {
	margin-top: 0;
	width: 100%;
	aspect-ratio: auto 1 / 1;
	padding: 10px 20px !important;
	background: #fff;
	box-sizing: border-box;
	border: 0px solid red;
}

.modal-interno-login {
	margin-top: 0;
	width: 100%;
	min-height: 400px;
	padding: 40px 40px !important;
	background: #fff;
	box-sizing: border-box;
	border: 0px solid red;
	text-align: left;
}

.cerrar {
	float: right;
	border: 0px solid black;
	background-color: black;
	border-radius: 0;
	width: 80px;
	height: 33px;
	color: white;
	text-align: center;
	font-weight: 600;
	font-size: 10px;
	cursor: pointer;
	margin-bottom: 0;
	z-index: 99999999999999999999999999999999999999999999999999;
}

.cerrar:hover {
	background-color: red;
}

.modal-interno button {
  margin: 0 5px;
  padding: 6px 12px;
  background-color: #000;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 14px;
}

.modal-interno button:hover {
  background-color: #444;
}

/* ------ Login ------ */

.login-remember {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.login-remember label {
	display: flex;
	align-items: center;
	gap: 5px;
}

/* ------ Juicer ------ */

.j-poster,
.j-text {
	display: none !important;
}

.juicer-feed .j-message,
.juicer-feed .j-meta,
.juicer-feed .j-load-more {
	display: none !important;
}

.j-content-image {
	border: 0px !important;
}

.juicer-feed .juicer-feed-item:nth-child(n+9) {
	display: none !important;
}

/* ------ Form ------ */

.special-form {
	width: 100% !important;
}

.wpforms-field-container a,
.wpforms-field-container a:hover,
.wpforms-field-container a:visited,
.wpforms-field-container a:focus,
.wpforms-field-container a:active {
	text-decoration: underline !important;
}

/* #wpforms-form-377 .wpforms-field-container { 
	display: flex;
    align-items: center;
    gap: 10px;
} */

/* ------ QR THEMES ------ */

.qr-banner {
	width: 100%;
	height: 140px;
	position: relative;
	padding: 0;
	/* -- RECUERDA SUMAR 60PX -- */
	margin-top: -200px;
	text-align: left;
	z-index: 999999;
}

.qr-boton-img {
	margin-right: 10px;
}

.qr-full {
	width: 100%;
	padding: 25px 0;
	margin-top: 0px;
	background-color: #BDFC70;
	text-align: center;
}

.qr-black {
	width: 100%;
	position: relative;
	padding: 100px 0 !important;
	background-color: #000 !important;
	color: white !important;
	margin-bottom: -100px !important;
}

#qr-h1 {
	color: white !important;
	font-style: italic !important;
	font-size: 60px !important;
}

#qr-h2 {
	color: white !important;
	font-size: 24px !important;
	text-align: center !important;
}

.qr-boton,
.qr-boton a {
	color: #C4F38D !important;
	font-size: 18px !important;
	font-style: italic !important;
	text-align: center !important;
}

.qr-boton a:hover,
.qr-boton:hover {
	color: #afed69 !important;
}

@media screen and (max-width: 1124px) {

	.nav-left {
		width: 190px;
		height: 80px;
	}

	/* Estilos para el menú principal */
	.menu_principal {
		font-size: 13px;
	}

	.menu_principal a {
		padding: 10px 5px;
	}

	.menu_principal li:not(:last-child) {
	padding: 0 5px;
	border-right: 0px solid rgba(99, 99, 99, 0.263);
}

}

@media screen and (max-width: 1024px) {

	.nav-right {
		width: 100%;
		max-width: 580px;
	}

	/* ------ grid ------ */

	.grid-1 {
		gap: 1em;
	}

	.grid-2 {
		gap: 1em;
	}

	.grid-3 {
		gap: 2em;
	}

	.grid-4 {
		gap: 2em;
	}

	.grid-4b {
		gap: 25px;
	}

	.grid-5 {
		gap: 1em;
	}

	.grid-box-1 h2,
	.grid-box-2 h2,
	.grid-box-3 h2 {
		font-size: 17px;
	}

	.grid-box {
		width: 80%;
		margin: 40px auto;
		box-sizing: border-box;
		color: white;
		font-size: 15px;
	}

	.grid-box h2 {
		font-size: 24px;
	}


	/* ------ contacto ------ */

	.contacto-texto {
		display: none;
	}

	/* ------ space ------ */

	#space-2 {
		margin-bottom: 30px !important;
	}

}

@media screen and (max-width: 560px) {

	.footer-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.product_type_simple {
		margin: 0 !important;
		width: 120px !important;
		max-width: 100% !important;
		height: 20px !important;
		background-position: center center;
		background-size: cover;
		border: 0 !important;
		cursor: pointer;
		background-color: black !important;
		color: white !important;
		text-align: center !important;
		left: 0% !important;
	}

	.woocommerce-loop-product__title {
		color: black !important;
		text-align: center !important;
		text-transform: uppercase;
		font-size: 16px !important;
		font-weight: 700;
		padding: 40px 0;
	}

	body {
		font-size: 17px !important;
	}

	h1 {
		font-size: 49px;
		line-height: 100%;
	}

	h2 {
		font-size: 22px;
		line-height: 100%;
	}

	h3 {
		font-size: 24px;
	}

	h4 {
		font-size: 18px;
	}

	h5 {
		font-size: 17px !important;
	}

	h6 {
		font-size: 11px;
	}

	p {
		font-size: 17px !important;
	}

	#slider {
		font-size: 70px;
		line-height: 80% !important;
		margin-top: 0px;
	}

	#slider-interno {
		line-height: 90%;
		font-size: 50px;
	}

	/*------ header ------  */

	.header-left {
		display: none !important;
		width: 0;
	}

	.header-right {
		width: 100%;
		float: right;
		text-align: center !important;
		padding-top: 0px;
		justify-content: center !important;
	}

	/*------ nav ------  */

	.nav {
		padding: 4px 0;
	}

	.nav-center {
		width: 0px;
		display: none;
	}

	.nav-right {
		width: 120px;
		max-width: 50px;
	}

	.menu_principal {
		display: none;
	}

	/*------ menu ------  */

	.navegacion {
		min-width: 300px;
	}

	/* ------ whatsapp ------ */

	.whatsapp-button {
		width: 100px;
		height: 100px;
		border-radius: 6px;
		background-image: url('images/navbutton-movil-hover.png') !important;
	}

	.whatsapp-button:hover {
		background-image: url('images/navbutton-movil.png') !important;
		transition-duration: 1s;
	}

	/* ------ grid ------ */

	.grid-1 {
		grid-template-columns: repeat(1, 1fr);
	}

	.grid-2 {
		grid-template-columns: repeat(1, 1fr);
	}

	.grid-3 {
		grid-template-columns: repeat(1, 1fr);
	}

	.grid-4 {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid-4b {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid-5 {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid-6 {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	.grid-5050 {
		grid-template-columns: repeat(1, 1fr);
	}

	/* ------ grid orden ------ */

	.grid-1400 {
		grid-template-columns: 1fr;
		gap: 1em;
	}

	.grid-6040 {
		grid-template-columns: 1fr;
		gap: 1em;
	}

	.grid-4060 {
		grid-template-columns: 1fr;
		gap: 1em;
	}

	.grid-1000 {
		grid-template-columns: 1fr;
		gap: 1em;
	}

	/* ------ Fomulario ------ */

	input,
	select,
	textarea {
		width: 90%;
		margin-bottom: 0px;
		font-size: 16px !important;
	}

	input[type=submit] {
		width: 140px;
		font-size: 16px !important;
	}

	/* ------ columns ------ */


	.columns1 {
		width: 100%;
	}

	.columns2 {
		width: 100%;
		margin: 20px 0 10px 0;
		max-height: 320px;
		overflow: hidden;
		/* aspect-ratio: 16 / 9; */
	}

	.columns3 {
		width: 100%;
		margin: 20px 0 10px 0;
	}

	.columns4 {
		width: 100%;
	}

	/* ------ Carousel ------ */

	.carousel-slide {
		min-width: calc((100% / 1) - 0px);
		/* Ajusta el cálculo restando el gap dividido entre el número de elementos menos uno */
		box-sizing: border-box;
	}

	/* ------ Portada ------ */

	.portada {
		min-height: 350px;
		background-size: cover;
		background-position: center center;
	}

	.portada-interno {
		background-size: cover;
		background-position: center center;
	}

	.portada-footer {
		background-position: top center;
		background-size: cover;
	}

	/* ------ body ------ */

	.wrap {
		width: 90%;
		min-width: 100px;
		max-width: 1360px;
		position: relative;
		margin: 0 auto;
		letter-spacing: 1px;
	}

	.wrap-mini {
		width: 90%;
		min-width: 100px;
		max-width: 1360px;
		position: relative;
		margin: 0 auto;
		letter-spacing: 1px;
	}

	.wrap-full {
		width: 100%;
		min-width: 100px;
		max-width: 1360px;
		position: relative;
		margin: 0 auto;
		letter-spacing: 0px;
	}

	.test {
		margin-top: -100px;
	}

	/* ------ decoracion ------ */

	.linea {
		width: 70px;
		height: 2px;
		margin: 5px 0;
	}

	/*------ seccion ------  */

	.itemcube {
		font-size: 11px;
	}

	/*------ seccion ------  */

	.seccion-titulo {
		font-size: 27px;
		width: 100%;
	}

	.seccion {
		min-height: 0px;
	}

	.seccion2 {
		margin-top: -100px;
	}

	/*------ slider ------  */

	.slider {
		margin: 0px auto 0 auto;
	}

	.slider-interno {
		margin: 0px auto 0px auto;
		min-height: 400px;
	}

	.mySlides {
		width: 100%;
		min-height: auto;
	}

	.mySlides-interno {
		width: 100%;
		min-height: 700px;
	}

	/* ------ footer ------ */

	.footer-wrap {
		width: 80%;
		margin: 0 auto;
	}

	.footer-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	.footer-item {
		width: 100%;
		box-sizing: border-box;
	}

	.footer-logos {
		gap: 20px;
		grid-template-columns: repeat(3, 1fr);
	}

	/* ------ footer marca ------ */

	.footer-marca {
		margin-top: 40px !important;
		padding: 20px 0px 40px 0px;
	}

	.FlexContainer {
		justify-content: center;
		gap: 20px;
	}

	.FlexContainer-item-2 {
		margin-bottom: 10px;
	}

	/* ------ footer up ------ */

	.barra-inferior-wrap {
		width: 94%;
	}

	/* ------ icon ------ */

	.top {
		position: fixed;
		width: 40px;
		height: 40px;
		padding: 0;
		text-align: center;
		font-size: 12px;
		bottom: 0px;
		left: 10px;
		box-sizing: border-box;
		color: grey;
		background-image: url('images/top.png');
		background-repeat: repeat-x;
		background-position: center center;
		background-size: 100% 100%;
		z-index: 9999;
	}

	.whatsapp {
		width: 70px;
		height: 70px;
		bottom: 0px;
		right: 10px;
		background-image: url('images/whatsapp-movil.png');
	}

	.whatsapp:hover {
		background-image: url('images/whatsapp-movil.png');
	}

	#space {
		margin-bottom: 20px !important;
	}

	#space-2 {
		margin-bottom: 80px !important;
	}

	/* ------ social ------ */

	.contacto {
		width: 40px;
		height: 40px;
	}

	.contacto:hover {
		filter: invert(40%);
	}

	/* ------ adicional ------ */

	.woo-grid {
		grid-template-columns: 1fr;
	}

	.woo-grid-4 {
		grid-template-columns: repeat(2, 1fr);
		gap: 1em;
	}

	.product_type_simple {
		width: 155px !important;
	}

	.columns-4 .button.product_type_simple {
		width: 155px !important;
	}

	/* ------ adicional ------ */

	.contact {
		width: 100%;
	}

	.contact1 {
		width: 100%;
		margin-bottom: 5px;
	}

	.contact2 {
		width: 100%;
		margin-bottom: 5px;
	}

	.contact p,
	.contact1 p,
	.contact2 p {
		margin: 0px;
	}

	/* ------ adicional ------ */

	.product_type_simple {
		height: 29px !important;
	}

	/* ------ carousel new ------ */

	.newcarrusel-wrapper {
		max-width: 100%;
		margin: auto;
		overflow: hidden;
		border-radius: 0px;
		box-shadow: 0px;
	}

	.newcarrusel-item {
		min-width: calc(100% - 0px);
	}

	.newcarrusel-controls {
		top: 70%;
		transform: translateY(-70%);
	}

	/* ------ compartir ------ */

	.share-barra {
		gap: 20px;
	}

	.share {
		width: 20px;
		height: 20px;
	}

	/* ------ QR THEMES ------ */

	.qr-banner {
		width: 200px;
		height: 180px;
		margin: 0;
		margin-top: -240px;
		margin-left: 25px;
		text-align: left;
		z-index: 999999;
	}

	.qr-boton-img {
		max-width: 200px;
		margin-bottom: 10px;
	}

	#qr-h1 {
		font-size: 36px !important;
	}

	#qr-h2 {
		font-size: 17px !important;
	}

	.qr-boton,
	.qr-boton a {
		font-size: 17px !important;
	}

}