/*  
Theme Name: SurAgencia-Yal
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: white;
	/*background-image: url('images/Bottom_texture.jpg');*/
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

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

h1 {
	font-family: "Arimo", sans-serif;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 0px;
	color: #2F5597;
	line-height: 100%;
	text-align: left;
}

h1:hover {
	color: #2F5597;
}

h2 {
	font-family: "Arimo", sans-serif;
	font-size: 25px;
	color: auto;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 100%;
	text-align: left;
}

h3 {
	font-family: "Arimo", sans-serif;
	font-size: 17px;
	color: #161433;
	font-weight: 600;
	margin-top: 0px;
	text-align: left;
	text-transform: uppercase;
	padding-top: 20px;
}

h3 a:hover {
	text-decoration: none;
}

h4 {
	font-family: "Arimo", sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #2F5597;
	letter-spacing: 0px;
	text-transform: none;
	text-align: center;
	margin: 0px 0;
	padding-bottom: 0px;
	width: auto;
}

h5 {
	font-family: "Arimo", sans-serif;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 110%;
	color: #161433;
	text-align: left;
	padding: 0;
	margin: 0;
}

h6 {
	font-family: "Arimo", sans-serif;
	font-size: 15px;
	color: #2F5597;
	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;
}

p a:hover,
a:hover {
	text-decoration: underline;
}

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

small {
	font-size: 10px !important;
	text-align: center;
	color: rgb(117, 141, 155);
}

.textleft {
    text-align: left !important;
}

.textright {
    text-align: right !important;
}

.textcenter {
    text-align: center !important;
}

.textjustify {
    text-align: justify !important;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1em;
    clear: none;
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1em;
    clear: none;
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    clear: both;
	text-align: center;
}

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

.header {
	position: relative;
	font-family: 'Source Sans Pro', sans-serif;
	margin: 0 auto;
	padding: 0;
	z-index: 999;
	width: 100%;
	border-bottom: solid 1px rgba(131, 131, 131, 0.507);
	background-color: #16143360;
	/*background-image: url('images/header.jpg');
	background-position: top center;
	background-repeat: repeat-x;*/
}

.header-wrap {
	position: relative;
	width: 90%;
	min-width: 100px;
	max-width: 1400px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	color: rgb(171, 171, 171);
	font-weight: 400;
	font-size: 13px;
	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%);
}

.header a,
.header a:link,
.header a:visited {
	color: white;
	text-decoration: none;
}

.header a:hover {
	text-decoration: underline;
}

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

.nav {
	position: sticky;
	top: 0px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 0px;
	z-index: 999;
	transition-duration: 500ms;
	background-color: #ffffff;
	border-bottom: solid 0px rgba(131, 131, 131, 0.507);
	/*background-image: url('images/nav.png');
	background-position: top center;
	background-repeat: repeat-x;
	border-bottom: 1px solid #433F98;*/
}

#color {
	background-color: white;
}

/* Estado inicial */
#cambiarColor {
	background: transparent;
	transition: all 0.3s ease;
}

#cambiarColor.header-scroll {
	background: white;
}

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

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

/* Cambiar logo al hacer scroll */
#cambiarColor.header-scroll .nav-left {
	background-image: url('images/logo.png');
}

.nav-menu {
	max-width: 900px;
	width: 100%;
	height: 70px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;
    align-content: center;
	flex-direction: row;
}

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

.nav-right {
	width: 70px;
	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: 50px;
	background-color: #13122E;
}

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

.menu-barra {
	font-family: 'Source Sans Pro', sans-serif;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px !important;
	padding: 0;
	z-index: 2;
	background-color: white;
	border-bottom: 1px solid rgb(235, 235, 235);
}

.menu-barra a,
.menu-barra a:link,
.menu-barra a:visited {
	color: gray;
	text-decoration: underline;
}

.menu-barra a:hover {
	color: #2F5597;
}

.menu-barra-wrap {
	position: relative;
	width: 90%;
	min-width: 100px;
	max-width: 1400px;
	height: 50px;
	margin: 0 auto;
	text-align: left;
	color: gray;
	/*font-weight: 400;*/
	font-size: 14px;
	letter-spacing: 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.menu-barra-left {
	width: 50%;
	float: left;
	text-align: left;
}

.menu-barra-right {
	width: 50%;
	float: right;
	text-align: right;
}

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

.menu_principal {
	font-family: "Arimo", sans-serif;
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: row;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0px;
	text-transform: uppercase;
}

.menu_principal li {
	position: relative;
}

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

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

/* Menú oscuro */
#cambiarColor.header-scroll .menu_principal a {
	color: #164068;
}

/* Menú oscuro */
#cambiarColor.header-scroll .menu_principal .current-menu-item a,
#cambiarColor.header-scroll .menu_principal .current_page_item a {
	color: #D6C57E;
}

/* Menú oscuro hover */
#cambiarColor.header-scroll .menu_principal a:hover {
	color: #D6C57E;
}

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

.menu_principal .current-menu-item a,
.menu_principal .current_page_item a {
	color: #D6C57E;
	border-bottom: 0px 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: 220px;
	font-size: 14px;
	text-align: left;
	box-sizing: border-box;
	background-color: #ffffff;
	left: 0% !important;
}

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

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

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

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

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

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

.menu_superior {
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: row;
	font-size: 14px;
	font-weight: 400;
	color: rgb(171, 171, 171) !important;
}

.menu_superior li {
	position: relative;
	color: rgb(171, 171, 171) !important;
}

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

.menu_superior a {
	display: block;
	width: auto;
	text-align: center;
	padding: 0px 10px;
	color: rgb(171, 171, 171) !important;
	text-decoration: none;
	white-space: nowrap;
	border-bottom: 0px solid transparent;
	transition: color 0.3s ease;
}

.menu_superior a:hover {
	color: white !important;
}

#menu-menu-superior li a,
#menu-menu-superior li a:visited,
#menu-menu-superior li.current-menu-item a,
#menu-menu-superior li.current_page_item a {
	color: rgb(171, 171, 171) !important;
}

#menu-menu-superior li a:hover {
	color: #fff !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;
}

.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 {
	padding: 7px 0;
}

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

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

.menu li a:hover {
	color: #161433;
	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;
}

/* Icono oscuro cuando header es blanco */
#cambiarColor.header-scroll #abrir {
	background-image: url('images/menu-abrir-dark.png') !important;
}

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

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

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

/*------ Cotizar desde la izquierda ------*/

.cotizar-formulario {
	display: none;
	max-width: 600px;
	width: 96%;
	background-color: white;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	padding: 2rem;
	z-index: 999999999;
	box-shadow: 0 0 0 100vmax rgba(0, 0, 0, .5);
	box-sizing: border-box;
}

.cotizar-formulario.visible {
	display: block;
}

/* Estilo del botón */
.buttoncotizar {
	float: right;
	width: 50px;
	height: 50px;
	background-position: center center;
	background-size: cover;
	border: 0;
	cursor: pointer;
	background-color: transparent;
}

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

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

#abrir-cotizar:hover,
#cerrar-cotizar:hover {
	filter: brightness(80%);
}

.cotizar-formulario {
    display: none;
    /* otras reglas */
}

.cotizar-formulario.visible {
    display: block;
}

/*------ 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: rgb(255, 166, 0);
	animation-duration: 2ms;
}

/*------ Menu Pie ------  */

.menu_pie {
	width: 100%;
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: row;
	text-align: center;
	font-size: 11px;
	font-weight: 400;
}

.menu_pie li {
	position: relative;
}
 
.menu_pie li:not(:last-child) {
	padding: 0px;
	border-right: 0px solid rgba(185, 185, 185, 0.263);
}

.menu_pie a {
	display: block;
	width: auto;
	text-align: center;
	padding: 2px 0px;
	color: white;
	text-decoration: none;
	white-space: nowrap;
	border-bottom: 0px solid transparent;
}

.menu_pie a:hover {
	color: #FF9900;
	background-color: transparent;
	border-bottom: 0px solid transparent;
	animation-duration: 2ms;
}

.menu_pie .menu-item {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0px auto !important;
	padding: 0px !important;
	box-sizing: border-box;
}

.menu_pie .sub-menu {
	width: 100% !important;
	max-width: 100% !important;
	text-align: center;
	margin: 0px auto !important;
	padding: 0px;
	box-sizing: border-box;
}

/* ------ 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;
	box-sizing: border-box;
}

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

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

#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 {
	position: relative;
	float: left;
	width: 20%;
	box-sizing: border-box;
}

.columns2 {
	position: relative;
	float: right;
	width: 75%;
	box-sizing: border-box;
}

.columns3 {
	position: relative;
	float: left;
	width: 30%;
	box-sizing: border-box;
}

.columns4 {
	position: relative;
	float: right;
	width: 60%;
	box-sizing: border-box;
}

.columns5 {
	position: relative;
	float: left;
	width: 60%;
	box-sizing: border-box;
}

.columns6 {
	position: relative;
	float: right;
	width: 30%;
	box-sizing: border-box;
	min-height: 100px;
}

#titulo {
	margin-bottom: 0px;
}

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

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

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

/* ------ Sidebar ------ */

.sidebar {
	width: 100%;
	border-radius: 0px;
	padding: 0px;
	margin-bottom: 10px;
	box-sizing: border-box;
	background-color: transparent;
}

.sidebar-2 {
	width: 100%;
	margin: 0px;
}

/* ------ 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: 100%;
	margin: auto;
	overflow: hidden;
	border-radius: 0px;
	box-shadow: 0px;
}

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

.newcarrusel-track-container {
	min-height: 350px !important;
	background-color: transparent;
}

.newcarrusel-track {
	display: flex;
	min-height: 350px !important;
	transition: transform 0.5s ease-in-out;
	gap: 30px;
	padding: 0px;
}

.newcarrusel-item {
	min-width: calc(24% - 10px);
	padding: 0px;
	border: 1px solid lightgray;
	background-color: white;
	padding: 0px;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
}

.newcarrusel-item:hover .newcarrusel-boton {
	background-color: #161922;
	text-decoration: none;
}

.newcarrusel-item:hover {
	border: 1px solid #778085;
}

.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: 55%;
	transform: translateY(-55%);
	padding: 0;
}

.newcarrusel-arrow {
	display: inline-block;
	width: 35px;
	min-height: 10px;
	font-size: 22px;
	color: #161922;
	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: red;
}

.newcarrusel-titulo {
	text-align: center;
	font-weight: 700;
	width: 98%;
	margin: 0 auto;
	min-height: 64px;
	box-sizing: border-box;
	padding: 0px 10px 0px 10px;
}

.newcarrusel-titulo h2 {
	font-weight: 700;
}

.newcarrusel-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	gap: 1em;
	box-sizing: border-box;
	padding: 10px;
}

.newcarrusel-grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	gap: 1em;
	box-sizing: border-box;
	padding: 10px;
}

.newcarrusel-grid-item {
	text-align: center;
}

.newcarrusel-mini {
	font-size: 12px;
	color: #333;
}

.newcarrusel-boton {
	width: 100%;
	min-height: 20px;
	background-color: #2F5597;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: white;
	text-transform: uppercase;
	padding: 16px 0;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	cursor: pointer;
}

.newcarrusel-boton:hover {
	background-color: red;
	text-decoration: none;
}

.newcarrusel-boton-2 {
	width: 100%;
	max-width: 600px;
	min-height: 20px;
	background-color: #2F5597;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	color: white;
	text-transform: uppercase;
	padding: 16px 0;
	text-align: center;
	text-decoration: none;
	border: 0px;
	border-radius: 7px;
	cursor: pointer;
}

.newcarrusel-boton-2:hover {
	background-color: red;
	text-decoration: none;
}

.newcarrusel-boton a,
.newcarrusel-boton a:link,
.newcarrusel-boton a:visited {
	font-family: 'Source Sans Pro', sans-serif;
	text-decoration: none;
}

.newcarrusel-item:hover .box-grid-1-image,
.newcarrusel-item:hover .box-grid-2-image,
.newcarrusel-item:hover .box-grid-3-image {
	transform: scale(1.1);
}

#arrow-left {
	float: left;
}

#arrow-right {
	float: right;
}

/* ------ New Item ------ */

.new-item {
	width: 100%;
	padding: 20px 0px 0px 0px;
	border: 1px solid lightgray;
	background-color: white;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
}

.new-item:hover .newcarrusel-boton {
	background-color: red;
	text-decoration: none;
}

.new-item:hover {
	border: 1px solid #778085;
}

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

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

/* ------ Accordion ------ */

.accordion-label {
  display: block;
  background-color: #f3f3f3;
  color: auto;
  cursor: pointer;
  padding: 18px;
  font-weight: bold;
  transition: 0.4s;
}

.accordion-label:hover {
  background-color: #ccc;
}

.accordion-input {
  display: none;
}

.accordion-content {
  display: none;
  padding: 20px 10px;
  background-color: white;
  border: 1px solid #ddd;
}

.accordion-input:checked + .accordion-label {
  background-color: #ccc;
}

.accordion-input:checked + .accordion-label + .accordion-content {
  display: block;
}

/* ------ Navegacion ------ */

.navegacion-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-direction: row;
  background-color: #778085;
  color:white;
  margin: 0 auto;
  padding: 20px 0;
  text-decoration: none;
}

.navegacion-items {
  cursor: pointer;
  padding:10px 20px;
  margin:0px 2px;
  background:#778085;
  color:white !important;
  border-bottom: 1px solid #161922;
  text-decoration: none;
}

.navegacion-items:hover,
.navegacion-items:active {
  background:white;
  color: #161922 !important;
  border-bottom: 1px solid white;
  text-decoration: none;
}

.navegacion-items a,
.navegacion-items a:visited,
.navegacion-items a:link {
  color:white;
  text-decoration: none;
}

.navegacion-items a:hover {
  color:#161922;
  text-decoration: none;
}

/* ------ tabs ------ */

.wraptab{
  display:flex;
  flex-direction: column;
  align-items: center;
}

.tab{
  cursor: pointer;
  padding:10px 20px;
  margin:0px 2px;
  background:#ffffff;
  color:#161922;
  border-bottom: 1px solid #161922;
}

.panels{
  min-height:200px;
  width:100%;
  border-radius:0px;
  overflow:hidden;
  padding:20px;  
}

.panel{
  display:none;
  animation: fadein .8s;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.panel-title{
  font-size:1.5em;
  font-weight:bold
}

.radio{
  display:none;
}

#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel{
  display:block
}

#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab{
	background:#161922;
  	display:inline-block;
  	color:#fff;
  	border-radius:3px 3px 0px 0px;
}

/* ------ tabs 2 ------ */

.wraptab2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tabs2 {
  display: flex;
  justify-content: center;
  order: 2; /* hace que los tabs se vean abajo */
  margin-top: 1rem;
}

.tab2 {
  cursor: pointer;
  max-width: 35px;
  padding: 0px;
  padding-left: 10px;
}

.radio2 {
  display: none;
}

.panels2 {
  order: 1;
  min-height: 300px;
  width: 100%;
  padding: 0px;
  padding-bottom: 2px;
  text-align: center;
}

.panel2 {
  display: none;
  animation: fadein 0.8s;
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

#one2:checked ~ .panels2 #one-panel2,
#two2:checked ~ .panels2 #two-panel2,
#three2:checked ~ .panels2 #three-panel2,
#four2:checked ~ .panels2 #four-panel2,
#five2:checked ~ .panels2 #five-panel2,
#six2:checked ~ .panels2 #six-panel2,
#seven2:checked ~ .panels2 #seven-panel2,
#eight2:checked ~ .panels2 #eight-panel2,
#nine2:checked ~ .panels2 #nine-panel2 {
  display: block;
}

#one2:checked ~ .tabs2 #one-tab2,
#two2:checked ~ .tabs2 #two-tab2,
#three2:checked ~ .tabs2 #three-tab2,
#four2:checked ~ .tabs2 #four-tab2,
#five2:checked ~ .tabs2 #five-tab2,
#six2:checked ~ .tabs2 #six-tab2,
#seven2:checked ~ .tabs2 #seven-tab2,
#eight2:checked ~ .tabs2 #eight-tab2,
#nine2:checked ~ .tabs2 #nine-tab2 {
  color: white;
}

/* ------ 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: gray;
}

.categoria {
	background-color: #161922;
	text-align: center;
	width: 150px;
	padding: 5px 0;
	font-size: 10px;
	text-transform: uppercase;
	color: gray;
	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: #161922;
}

.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: gray;
	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;
}

.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;
}

.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: 100px;
	padding: 0;
	padding-top: 0px;
	background-color: #133E64;
	margin: 0 auto;
	margin-top: -165px;
	margin-bottom: 40px;
	border-radius: 0px !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: 460px;
	padding: 40px;
	background-color: #133E64 !important;
	margin: 0 auto;
	margin-top: -165px;
	margin-bottom: 0px !important;
	border-radius: 0px !important;
	padding-top: 165px !important;
	z-index: 1;
	box-sizing: border-box;
	background-image: url('images/portada-default-interno.jpg');
	/*background: linear-gradient(to bottom, rgba(47,85,151,0.1) 20%, rgba(47,85,151,0.7) 100%), 
    url('images/portada-default-interno.jpg');*/
	background-position: top right;
	background-size: cover;
	background-repeat: no-repeat;
	/* Flex */
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center;
    overflow: auto;
    flex-direction: row;
}

.portada-interno h1 {
	border-left: 4px solid #F7DB7A !important;
	padding-left: 10px !important;
	text-transform: uppercase !important;
	font-size: 42px !important;
	font-weight: 400 !important;
	color: white !important;
}

.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-color: white; */
	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;
	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 !important;
}

.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-0 {
	background-position: center center;
	background-size: cover;
	/*background-image: url('images/seccion-0.jpg');*/
	background-color: #ecf4fd;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 30px 0 60px 0!important;
}

#seccion-1 {
	background-position: center center;
	background-size: cover;
	/* background-image: url('images/seccion-1.jpg'); #ecf4fd */
	background-color: transparent;
	padding: 40px 0 35px 0;
	margin-bottom: 0px;
}

#seccion-2 {
	background-position: center center;
	background-size: cover;
	background-image: url('images/seccion-2.jpg');
	background-attachment: fixed;
	padding: 60px 0 40px 0;
	margin: 40px 0 70px 0;
	background-color: #161433;
}

#seccion-3 {
	background-position: center center;
	background-size: cover;
	background-image: url('images/seccion-3.jpg');
	background-attachment: fixed;
	padding: 60px 0 40px 0;
	margin: 40px 0 70px 0;
	background-color: #E7DCB4;
}

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

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

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

#seccion-top {
	background-color: transparent !important;
	padding: 0px 0;
	margin-bottom: 2px !important;
}

#seccion-sala {
	background-color: transparent !important;
	background-position: top center;
	background-size: cover;
	/*background-image: url('images/seccion-sala.jpg');*/
	padding: 0px 0;
	padding-top: 50px !important;
	margin-top: -51px !important;
	margin-bottom: 1px !important;
}

#seccion-diseno {
	background-color: transparent;
	color: white;
	padding: 70px 0;
	margin: 0px 0;
}

#seccion-interno {
	background-color: transparent;
	padding: 0px 0;
	margin: 0px 0;
}

#seccion-colores {
	background-color: transparent;
	padding: 70px 0;
	margin: 0px 0;
	margin-bottom: 0px !important;
}

#seccion-galeria {
	background-color: transparent;
	padding: 70px 0;
	padding-bottom: 60px !important;
	margin: 0px 0;
}

#seccion-precio {
	background-color: transparent;
	padding: 30px 0 0 0;
	margin: 0px 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-2b {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: auto;
	gap: 2em;
}

.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: 2em;
}

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

.grid-4-center {
	display: grid;
	justify-items: center;
	justify-content: center;
	grid-template-columns: repeat(auto-fit, calc(100% / 4 - 4em));
	/*grid-template-columns: repeat(4, 1fr);*/
	grid-auto-rows: auto;
	gap: 2em;
	align-items: stretch;
}

.grid-4-center-precio {
	display: grid;
	justify-items: center;
	justify-content: center;
	grid-template-columns: repeat(auto-fit, calc(100% / 3 - 4em));
	/*grid-template-columns: repeat(4, 1fr);*/
	grid-auto-rows: auto;
	gap: 2em;
	align-items: stretch;
}

.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: 1em;
}

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

/* ------ Grid item ------ */

.grid-item {
	background-color: black;
	width: 100%;
	height: 120px;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
	padding-bottom: -4px;
}

.grid-item-2 {
	background-color: black;
	width: 100%;
	min-height: auto;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
	padding-bottom: -4px;
}

.grid-item-3 {
	width: 100%;
	min-height: auto;
	box-sizing: border-box;
	overflow: hidden;
	padding: 5px 0;
}

/* ------ Grid item new ------ */

.grid-item-new {
	width: 100%;
	padding: 0px;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
}

.grid-item-new a {
    text-decoration: none;
}

.grid-item-new a h3 {
    text-decoration: none;
}

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

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

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

.grid-item-new-text {
	font-size: 27px;
	text-align: left;
	font-weight: 400;
	color: white;
	width: 50%;
	line-height: 100%;
}

.grid-item-new2-image {
	border-radius: 0px;
}

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

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

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

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

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

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

.grid-box-1 {
	width: 100%;
	border-radius: 10px;
	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-2 h3 {
	font-weight: 400;
	font-size: 24px !important;
	color: #2F5597 !important;
}

.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-item h2 {
	color: #F6BD3A;
	font-size: 28px !important;
	font-weight: 700 !important;
	text-align: center;
	text-transform: uppercase;
}

.grid-box-item p {
	color: white;
}

.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: 700;
	letter-spacing: 0px;
	color: white;
	line-height: 100%;
	text-align: left;
	margin-bottom: 25px;
	text-transform: uppercase;
}

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

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

.grid-box2 {
	width: 100%;
	padding: 45px;
	box-sizing: border-box;
	color: white;
	font-size: 15px;
	text-align: center;
	background-color: #161922 !important;
	min-height: 150px;
	margin: 10px 0;
}

.grid-box2 h2 {
	font-weight: 700;
	margin: 20px 0;
}

.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: 27 / 20;
	background-position: center center;
	background-size: cover;
	background-color: #EEEFF0;
	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: 24px;
	font-weight: 600 !important;
	color: #00112B !important;
	margin-bottom: 1px;
}

.grid-box-1 h3 a:link,
.grid-box-1 h3 a:visited {
	font-size: 24px;
	font-weight: 600 !important;
	color: #00112B !important;
	margin-bottom: 1px;
}

.grid-box-1 h3 a:hover {
	font-size: 24px;
	font-weight: 600 !important;
	color: #ffae00 !important;
	margin-bottom: 1px;
	text-decoration: none !important;
}

.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: #00112B !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;
}

button {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
}

input,
select,
textarea {
	border: solid 1px rgba(128, 128, 128, 0.264);
	background-color: white;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: black;
	padding: 8px 6px;
	margin: 0px;
	margin-bottom: 10px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
}

input[type=submit] {
	width: 140px;
	margin-bottom: 10px;
	border: 0px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	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: 120px;
	height: 5px;
	background-color: #403C93;
	margin: 10px 0 0 0;
}

.linea::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background-color: #403C93;
	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: 5px;
	background-color: #ffbb00;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
	z-index: 2;
}

.linea-2 {
	position: relative;
	display: block;
	width: 80px;
	height: 5px;
	background-color: #403C93;
	/* 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: 5px;
	background-color: #403C93;
	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: 5px;
	background-color: #ffbb00;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
	z-index: 2;
}

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

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

.barra-inferior {
	width: 100%;
	min-height: 40px;
	padding: 40px 0 40px 0;
	margin: 0px;
	margin-top: 80px;
	box-sizing: border-box;
	background-color: #F7F7F7;
	border-top: 0px solid #EFFAF8;
}

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

.barra-inferior-images {
	width: 100%;
	height: 340px;
	margin: 0;
	padding: 0;
	background-color: #161922;
	background-position: top left;
	background-size: cover;
}

.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: 15px;
	position: relative;
	width: 100%;
	min-height: 50px;
	margin: 0px;
	margin-top: 0px !important;
	padding: 80px 0px;
	padding-bottom: 80px;
	background-color: #154169;
	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: #ffffff;
}

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

.footer h5 {
	color: #FF0705;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: left;
}

.footer-grid {
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 2fr 0.5fr 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');
}

/* ------ 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;
	background-image: url('images/navbutton-hover.png') !important;
	background-position: center center;
	background-size: cover;
	z-index: 9999999999999999999999999999999999999999;
}*/

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

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

.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;
}

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

.share-barra {
	width: 100%;
	margin: 20px 0 30px 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-barra-2 {
	width: 100%;
	margin: 0px 0;
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    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;
}

.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 ul.products.columns-5 {
  gap: 10px !important;
}

.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;
	margin-bottom: 15px !important;
}

.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: 18px;
	font-weight: 600;
	color: red;
}

/* ------ Woocommerce Decoration ------ */

.size-woocommerce_thumbnail {
	border-radius: 15px !important;
	padding: 5px !important;
	box-sizing: border-box;
	margin-bottom: 5px !important;
}

.woocommerce-loop-product__title {
	color: black !important;
	font-size: 16px !important;
	text-align: center !important;
	font-weight: 600 !important;
}

.product_type_simple {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 34px !important;
	padding: 10px 0 !important;
	box-sizing: border-box !important;
}

.title-archive,
.woocommerce-products-header__title {
    display: none;
}

.woo-image {
	border-radius: 10px !important;
}

.woo-ficha h2,
.woo-ficha .woocommerce-Price-amount {
	font-size: 32px !important;
}

.woo-ficha .acf-product-precio .woocommerce-Price-amount {
	font-size: 21px !important;
}

/* ------ Woocommerce li product ------ */

li.product {
  position: relative;
  list-style: none;
  width: 100%;
  padding-bottom: 5px !important;
  background: white;
  border: 1px solid #ddd;
  border-radius: 10px;
  text-align: center;
  box-sizing: border-box;
}

li.product:hover {
  border: 1px solid #c6c6c6;
}

li.product .button {
  display: none !important;
}

/* ------ 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: 500px;
	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: red;
	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: #990000;
}

.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;
}

/* ------ adicionales ------ */

.preferencial {
	width: 100%;
	text-align: center;
	margin: 10px auto;
}

.preferencial-left {
	width: 100%;
	text-align: left;
	margin: 20px 0 10px 0;
}

/* ------ Barra Productos ------ */

.acf-product-bar {
  width: 96%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
  gap: 2px;
  box-sizing: border-box;
  background: #ecf4fd;
  color: #fff;
  border-radius: 10px;
  padding-bottom: 12px;
  margin-bottom: 10px !important;
}

.acf-product-precio {
	text-align: center !important;
	font-size: 18px;
	font-weight: 600;
	color: red;
}

/* ------ Destacado ------ */

.item-destacado-sup {
	width: 100%;
	aspect-ratio: auto 2/3;
	border-radius: 10px;
	background-color: #d4e7fd;
	padding: 0px;
	box-sizing: border-box;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}

.item-destacado {
	width: 100%;
	min-height: 300px;
	border-radius: 0px;
	padding: 0px;
	box-sizing: border-box;
	color: white;
}

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

.form-group {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: auto;
	gap: 2px;
	box-sizing: border-box;
}

.form-group-item,
.form-group-item a,
.form-group-item a:link,
.form-group-item a:visited {
	font-size: 15px;
	text-decoration: none;
	font-weight: 700;
	color: #2F5597;
}

.form-group-item a:hover {
	text-decoration: underline;
}

.font-group-item-label {
	display:block;
	margin-bottom: 5px;
}

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

i {
  margin-right: 5px;
}

.fa-asterisk {
  font-size: 12px !important;
}

.cont-whatsapp {
	background-color: #009B09;
	text-transform: none !important;
}

.cont-call {
	background-color: #316ed9;
	text-transform: none !important;
}

.cot-mail {
	background-color: red;
	text-transform: none !important;
}

.cont-whatsapp:hover,
.cont-call:hover,
.cot-mail:hover {
	background-color: #2F5597;
}

/* ------ begin Marcas ------ */

/* .marcas {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    overflow: auto;
    flex-direction: row;
	padding: 10px 0;
	text-align: center;
	border-bottom: 0px solid #E9E9E9;
	margin-bottom: 20px;
} */

.marcas {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: auto;
  gap: auto;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.marcas-inferior {
  padding: 10px 0;
  text-align: center;
  border-top: 1px solid #E9E9E9;
  margin-top: 50px;
}

.marcas-icon {
	width: 70px;
	height: 70px;
	margin: 0px;
}

.menucategorias {
	margin-top: 40px; 
	text-align: center;
}

/* ------ NextGEN Gallery ------ */

.ngg-galleryoverview {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 20px !important;
}

/* ------ Contacto Producto ------ */

.contacto-producto {
  width: 100%;
  aspect-ratio: 1 / 2;
  background: #242052;
}

.contact-barra {
	width: 100%;
}

.contact-barra-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
  	grid-auto-rows: auto;
	gap: 0;
	box-sizing: border-box;
}

.contact-whatsapp {
	width: 100%;
	height: 40px;
	background-color: #009B09;
	background-image: url('images/contact-whatsapp.png');
}

.contact-form {
	width: 100%;
	height: 40px;
	background-color: #2F5597;
	background-image: url('images/contact-form.png');
}

.contact-telefono {
	width: 100%;
	height: 40px;
	background-color: #2F5597;
	background-image: url('images/contact-phone.png');
}

.contact-mail {
	width: 100%;
	height: 40px;
	background-color: #2F5597;
	background-image: url('images/contact-email.png');
}

.contact-bg {
	background-size: cover;
	background-position: center center;
}

.contact-bg:hover {
	filter: invert(10%);
}

.images-destacadas {
	border-radius: 10px;
}

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

	h2 {
		font-size: 21px !important;
	}
	
	.nav-wrap {
		padding: 5px 0;
	}

	.nav-left {
		width: 158px;
		height: 53px;
	}

	.nav-menu {
		max-width: 830px;
	}
	
	/* Estilos para el menú principal */
	.menu_principal {
		font-size: 13px;
	}

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

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

	#seccion-top {
		margin-bottom: 25px !important;
	}

	.columns1 {
		width: 78%;
	}

	.columns2 {
		width: 18%;
	}

	.columns3 {
		width: 50%;
	}

	.columns4 {
		width: 45%;
		margin-top: 40px;
	}

	.grid-4-center {
		grid-template-columns: repeat(auto-fit, calc(100% / 4 - 2em));
		gap: 1em;
	}

	.grid-4-center-precio {
		grid-template-columns: repeat(auto-fit, calc(100% / 3 - 2em));
		gap: 1em;
	}

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

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

	.newcarrusel-titulo {
		min-height: 54px;
	}

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

	.newcarrusel-track {
		gap: 40px;
	}

	.newcarrusel-item {
		min-width: calc(50% - 20px);
	}

	/* ------ Grid item new ------ */

	.grid-item-new-3 {
		gap: 1em;
	}

	.grid-item-new-4 {
		gap: 1em;
	}

}

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

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

	.nav-center {
		width: 10px;
	}

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

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

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

	.menu-barra-left {
		width: 20%;
		float: left;
		text-align: left;
	}

	.menu-barra-right {
		width: 80%;
		float: right;
		text-align: right;
	}

	/* .menu_principal {
		display: none !important;
	} */

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

	.grid-1 {
		gap: 1em;
	}

	.grid-2 {
		gap: 1em;
	}

	.grid-2b {
		gap: 1em;
	}

	.grid-3 {
		gap: 1em;
	}

	/* .grid-4 {
		gap: 2em;
	} */

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

	.grid-4-center-precio {
		grid-template-columns: repeat(auto-fit, calc(100% / 2 - 2em));
		gap: 1em;
	}

	.grid-5 {
		gap: 1em;
	}

	.grid-6 {
		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;
		text-align: left;
	}

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

	.grid-box2 {
		padding: 20px;
	}

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

	.contacto-texto {
		display: none;
	}

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

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

}

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

	.header-wrap {
		height: 60px;
		font-size: 12px !important;
	}

	.nav-wrap {
		padding: 0;
	}

	.menucategorias {
		display: none !important;
	}

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

	.form-group {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: auto;
		gap: 2px;
		box-sizing: border-box;
	}

	.form-group-item,
	.form-group-item a,
	.form-group-item a:link,
	.form-group-item a:visited,
	.form-group-item a:hover {
		font-size: 13px;
		text-decoration: none;
	}

	.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;
	}

	/* ------ begin Marcas ------ */

	.marcas {
		grid-template-columns: repeat(6, 1fr);
		gap: auto;
		margin-bottom: 25px;
	}

	.marcas-icon {
		width: 60px;
		height: 60px;
		margin: 0px;
	}

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

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

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

	h3 {
		font-size: 14px;
	}

	h4 {
		font-size: 11px;
	}

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

	h6 {
		font-size: 11px;
	}

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

	small {
		font-size: 10px !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: px 0;
	}

	.nav-left {
		width: 200px;
		height: 67px;
	}

	.nav-center {
		width: 10px;
	}

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

	.menu_principal {
		display: none !important;
	}

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

	.navegacion {
		min-width: 300px;
	}

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

	.whatsapp-button {
		width: 50px;
		height: 50px;
		border-radius: 6px;
		bottom: 30px;
		right: 30px;
		background-image: url('images/whatsapp.png') !important;
		background-color: transparent;
	}

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

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

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

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

	.grid-2b {
		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-4-center {
		grid-template-columns: repeat(2, 1fr);
	}

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

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

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

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

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

	.grid-5050 {
		grid-template-columns: repeat(1, 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: 10px;
	}

	/* ------ Grid item new ------ */

	.grid-item-new-3 {
		grid-template-columns: repeat(2, 1fr);
		gap: 1em;
	}

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

	.grid-box-item h2 {
		font-size: 32px !important;s
	}

	/* ------ Grid box new ------ */

	.grid-box-1 h3,
	.grid-box-2 h3,
	.grid-box-3 h3 {
		font-size: 21px;
	}

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

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

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

	.grid-box-item p {
		font-size: 20px !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 20px 0;
	}

	.columns4 {
		width: 100%;
		margin-top: 0px;
	}

	.columns5 {
		width: 100%;
	}

	.columns6 {
		width: 100%;
		margin: 20px 0 10px 0;
		min-height: 0px;
	}

	/* ------ 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 {
		margin-top: -185px;
		min-height: 600px;
		background-size: cover;
		background-position: center center;
	}

	.portada-interno {
		margin-top: -185px;
		min-height: 600px;
		padding-top: 180px !important;
		background-size: cover;
	}
	
	.portada-interno h1 {
		font-size: 38px !important;
		line-height: 110%;
	}

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

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

	.wrap {
		width: 94%;
		box-sizing: border-box;
	}

	.wrap-mini {
		width: 94%;
		box-sizing: border-box;
	}

	.wrap-full {
		width: 100%;
		box-sizing: border-box;
	}

	.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;
	}

	#seccion-0 {
		padding: 30px 0 !important;
	}

	#seccion-sala {
		background-position: top center;
		padding-top: 40px !important;
	}

	#seccion-diseno {
		padding: 120px 0;
		margin: 0px 0;
	}

	#seccion-interno {
		padding: 0px 0;
		margin: 0px 0;
	}

	#seccion-galeria {
		padding: 120px 0;
		padding-bottom: 100px !important;
		margin: 0px 0;
	}

	#seccion-precio {
		padding: 120px 0;
		margin: 0px 0;
	}

	/*------ 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;
	}

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

	.newcarrusel-wrapper-2 {
		max-width: 100%;
		margin: auto;
		margin-bottom: 20px;
	}

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

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

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

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

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

	/* ------ 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;
	}

	/* ------ Navegacion ------ */

	.navegacion-wrap {
		margin-top: 60px;
	}

	/* ------ 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%);
	}

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

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

	.newcarrusel-boton {
		padding: 12px 0;
		text-decoration: none;
	}

	.newcarrusel-boton-2 {
		max-width: 540px;
		padding: 12px 0;
		text-decoration: none;
	}

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

	.share-barra {
		margin: 10px 0 20px 0;
		gap: 20px;
	}

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

	.barra-inferior-images {
		height: 240px;
	}

	/* ------ Barra Productos ------ */

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

	/* ------ Contacto Producto ------ */

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

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

	.contact-telefono {
		background-image: url('images/contact-phone-movil.png');
	}

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

}