@charset "utf-8";

/* *****************************************************************
Theme Name: Theme Base Bootstrap 5.3.x 
Theme URI: https://urldelsitio.cl/
Description: Theme para la web de XXXX, esta construido en bootstrap 5.1.3 ver el panel de control para más detalles.
Author: Animal Creativo
Author URI: https://www.animalcreativo.cl
Version: 2024-06-05
****************************************************************** */
@media (max-width:768px) {
	html { scroll-behavior: initial !important; transition: 0s; }
}
a { transition: all 0.3s ease; text-decoration: none; }
a:hover, a:focus { transition: all 0.3s ease; text-decoration: none; }
.container { max-width: 1770px; padding: 0px 15px; }
body { display: flex; min-height: 100vh; flex-direction: column; font-family: "Lato", sans-serif; background-image: url(img/fondo-fijo-desktop.jpg); background-position: center; background-size: cover; background-attachment: fixed; position: relative; }
@media (max-width:991px) {
	body { background-image: url(img/fondo-fijo-mobile.jpg); }
}
section#contenido { flex: 1; }
header { background-color: rgb(24 24 25 / 0%); min-height: 97px; display: flex; align-items: center; position: fixed; left: 0; right: 0; top: 0; z-index: 999; transition: .3s ease; }
header.scrolled { background-color: rgb(24 24 25 / 95%); }
header nav.navbar .logo { margin: 12px 0px; }
header nav.navbar .logo a.navbar-brand { display: flex; align-items: center; justify-content: center; }
header nav.navbar .logo a.navbar-brand img { max-width: 100%; height: auto; display: flex; }
header nav.navbar .menu-wrapper { }
header nav.navbar .menu-wrapper .menu-menu-principal-container { }
header nav.navbar .menu-wrapper .nav { }
header nav.navbar .menu-wrapper .nav li { margin-left: 6px; }
header nav.navbar .menu-wrapper .nav li a { color: #FFFFFF; font-size: 18px; text-transform: uppercase; padding: 6px 16px; transition: .3s ease; border: 1px solid transparent; border-radius: 300px; }
header nav.navbar .button-mobiles { display: none; }
header nav.navbar .button-mobiles button { background-color: transparent; border: 0; display: flex; align-items: center; justify-content: center; padding: 0; }
header nav.navbar .menu-wrapper .nav li a:hover { opacity: 0.7; }
header nav.navbar .menu-wrapper .nav li:first-child { margin-left: 0; }
header nav.navbar .menu-wrapper .nav li a.active { border: 1px solid #CB6C1C; border-radius: 300px; }
header nav.navbar .menu-wrapper .nav li a.active:hover { opacity: 1; }
@media (max-width:1199px) {
	header nav.navbar .menu-wrapper .nav li a { font-size: 14px; }
}
@media (max-width:991px) {
	header nav.navbar .menu-wrapper { position: absolute; top: -12px; background-image: url(img/MENU-MOBILE.jpg); left: -15px; right: -15px; overflow: hidden; height: 0; transition: .9s ease; background-repeat: no-repeat; background-position: bottom; background-size: cover; z-index: -1; }
	header nav.navbar .menu-wrapper .nav { flex-direction: column; align-items: center; justify-content: center; }
	header nav.navbar .menu-wrapper .nav li { margin: 0; margin-bottom: 24px; }
	header nav.navbar .menu-wrapper .nav li a { font-size: 18px; }
	header nav.navbar .logo a.navbar-brand { max-width: 247px; }
	header { min-height: 52px; }
	header nav.navbar .logo { margin: 0; }
	header nav.navbar { padding: 0; position: relative; }
	header nav.navbar .button-mobiles { display: flex; }
	header nav.navbar .button-mobiles button#close { display: none; }
	header nav.navbar .menu-wrapper .menu-menu-principal-container { min-height: calc(100vh - 52px); padding-top: 130px; }
	header nav.navbar.active .button-mobiles button#close { display: flex; }
	header nav.navbar.active .button-mobiles button#abrir { display: none; }
	header nav.navbar.active .menu-wrapper { height: calc(100vh); }
}
footer { padding-bottom: 30px; }
footer .logo { display: flex; align-items: center; justify-content: center; padding-top: 40px; border-top: 1px solid #D1701E; margin-top: 35px; padding-bottom: 45px; }
footer .logo figure { }
footer .logo figure img { max-width: 100%; height: auto; }
footer .boton { display: flex; align-items: center; justify-content: center; margin-bottom: 15px; }
footer .boton a { color: #FFFFFF; font-size: 18px; font-weight: bold; display: inline-block; padding: 20px 46px; border: 2px solid #FFFFFF; border-radius: 300px; }
footer .bottom { display: flex; align-items: center; justify-content: space-between; }
footer .bottom .legal { color: #FFFFFF; font-size: 13px; }
footer .bottom .rrss { display: flex; }
footer .bottom .rrss ul { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; }
footer .bottom .rrss ul li { display: flex; align-items: center; justify-content: center; font-size: 24px; margin-left: 15px; }
footer .bottom .rrss ul li a { color: #FFFFFF; display: flex; align-items: center; justify-content: center; }
footer .bottom .rrss ul li a i { }
footer .boton a:hover { background-color: #FFFFFF; color: #181619; }
footer .bottom .rrss ul li a:hover { color: #d1701e; }
@media (max-width:991px) {
	footer .bottom { flex-direction: column-reverse; }
	footer .bottom .rrss { margin: 20px 0px; margin-top: 30px; }
	footer .boton { margin: 0; }
	footer .bottom .rrss ul li:first-child { margin-left: 0; }
}
.banner-principal img { width: 100%; height: auto; }
.banner-principal .mobile { display: none; }
@media (max-width:991px) {
	.banner-principal .mobile { display: block; }
	.banner-principal .desktop { display: none; }
}
.seccion { position: relative; }
.contenedor-general { position: relative; }
.seccion .wrapper-seccion { position: relative; padding-top: 80px; padding-bottom: 80px; }
.seccion .wrapper-seccion .titular { display: flex; align-items: center; margin-bottom: 55px; }
.seccion .wrapper-seccion .titular h2 { color: #FFFFFF; font-size: 40px; font-weight: bold; text-transform: uppercase; margin: 0; padding-right: 30px; }
.seccion .wrapper-seccion .titular span { flex: 1; height: 1px; background-color: #CB6C1C; }
.datos-cliente { }
.datos-cliente .top { display: flex; justify-content: space-between; margin-bottom: -7px; }
.datos-cliente .top .cliente { color: #FFFFFF; font-size: 16px; font-weight: 300; font-style: italic; text-transform: uppercase; }
.datos-cliente .top .ano { color: #FFFFFF; font-size: 16px; font-weight: 300; margin: 0; }
.datos-cliente .nombre { color: #CB6C1C; font-size: 24px; font-weight: bold; text-transform: uppercase; }
.datos-cliente p { color: #FFFFFF; font-size: 16px; font-weight: 300; }
@media (max-width:768px) {
	.datos-cliente .top .cliente { font-size: 14px; }
	.datos-cliente .nombre { font-size: 20px; margin-bottom: 5px; }
	.datos-cliente p { font-size: 14px; }
	.datos-cliente .top .ano { font-size: 14px; }
	.datos-cliente p.ano { margin-top: -13px; }
	.seccion .wrapper-seccion { padding-bottom: 40px; }
	.seccion .wrapper-seccion .titular h2 { font-size: 30px; }
	.seccion .wrapper-seccion .titular { margin-bottom: 30px; }
}
.dos-cajas { margin-bottom: 100px; }
.dos-cajas .content { display: flex; gap: 17px; }
.dos-cajas .content .item { flex: 1; }
.dos-cajas .content .item a { }
.dos-cajas .content .item figure { overflow: hidden; border-radius: 14px; margin-bottom: 10px; }
.dos-cajas .content .item figure img { width: 100%; height: auto; }
@media (max-width:768px) {
	.dos-cajas { margin-bottom: 0; }
	.dos-cajas .content { gap: 0; flex-direction: column; }
	.dos-cajas .content .item figure { border-radius: 8px; }
	.dos-cajas .content .item { margin-bottom: 35px; }
	.item figure { border-radius: 8px !important; }
}
.dos-cajas-diferentes { margin-bottom: 100px; }
.dos-cajas-diferentes .content { display: flex; gap: 16px; }
.dos-cajas-diferentes .content .item:first-child { width: 33.33%; }
.dos-cajas-diferentes .content .item a { }
.dos-cajas-diferentes .content .item figure { overflow: hidden; border-radius: 14px; }
.dos-cajas-diferentes .content .item figure img { max-width: 100%; height: auto; }
.dos-cajas-diferentes .content .item:last-child { width: 67.67%; }
@media (max-width:768px) {
	.dos-cajas-diferentes .content { flex-direction: column; gap: 0; }
	.dos-cajas-diferentes .content .item:first-child { width: 100%; }
	.dos-cajas-diferentes .content .item:last-child { width: 100%; }
	.dos-cajas-diferentes .content .item { margin-bottom: 45px; }
	.dos-cajas-diferentes { margin-bottom: 0; }
	.dos-cajas-diferentes .content .item figure { border-radius: 8px; }
}
.tres-cajas { margin-bottom: 100px; }
.tres-cajas .content { display: flex; gap: 16px; }
.tres-cajas .content .item { flex: 1; }
.tres-cajas .content .item a { }
.tres-cajas .content .item figure { overflow: hidden; border-radius: 14px; }
.tres-cajas .content .item figure img { max-width: 100%; height: auto; }
@media (max-width:768px) {
	.tres-cajas .content { flex-direction: column; gap: 0; }
	.tres-cajas .content .item { margin-bottom: 45px; }
	.tres-cajas { margin: 0; }
}
.item.video a figure::after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.23; }
.item.video a figure::before { content: ''; display: block; width: 90px; height: 90px; background-image: url(img/play-button-o.svg); position: absolute; top: 50%; transform: translate(-50%, -50%) scale(1); left: 50%; background-position: center; background-size: contain; background-repeat: no-repeat; opacity: 1; transition: .3s ease; z-index: 1; }
.item figure { position: relative; overflow: hidden; border-radius: 14px; }
.item.video a:hover figure::before {/* transform: translate(-50%, -50%) scale(1.1); */ }
@media (max-width:991px) {
	.item.video a figure::before { width: 50px; height: 50px; }
	.item figure { border-radius: 8px; }
}
.lb-nav { position: initial !important; }
.lb-nav a.lb-prev { width: 60px !important; height: calc(100% - 70px); position: absolute; top: 0; background-color: transparent !important; }
.lb-nav a.lb-next { width: 60px !important; height: calc(100% - 70px); position: absolute; top: 0; background-color: transparent !important; }
.lb-video-container { padding: 0 !important; padding-top: 4px !important; }
.texto-tres-imagenes { display: flex; gap: 17px; margin-bottom: 115px; }
.texto-tres-imagenes .texto { width: 33.33%; padding-right: 35px; }
.texto-tres-imagenes .imagenes { width: 67.67%; display: flex; gap: 18px; }
.texto-tres-imagenes .imagenes .item { width: 33.33%; }
.texto-tres-imagenes .imagenes .item a { }
.texto-tres-imagenes .imagenes .item figure { }
.texto-tres-imagenes .imagenes .item figure img { max-width: 100%; height: auto; width: 100%; }
.texto-tres-imagenes .imagenes .item:nth-child(2n) { margin-top: 5%; }
.texto-tres-imagenes .imagenes .item:nth-child(3n) { margin-top: -1.7%; }
.texto-tres-imagenes .texto .datos-cliente { max-width: 460px; }
@media (max-width:768px) {
	.texto-tres-imagenes { gap: 0; flex-direction: column-reverse; }
	.texto-tres-imagenes .texto { padding: 0; width: 100%; }
	.texto-tres-imagenes .imagenes { width: calc(100% + 12px); gap: 0; flex-wrap: wrap; flex-direction: row; margin-left: -6px; margin-right: -6px; margin-bottom: 15px; }
	.texto-tres-imagenes .imagenes .item { width: 50%; padding: 6px; }
	.texto-tres-imagenes .imagenes .item figure { margin: 0; border-radius: 8px; }
	.texto-tres-imagenes .imagenes .item:nth-child(2n) { margin-top: 0; position: relative; transform: translateY(50%); }
	.texto-tres-imagenes .imagenes .item:nth-child(3n) { margin-top: 0; }
	.texto-tres-imagenes { margin-bottom: 56px; }
}
.texto-tres-imagenes.reves { flex-direction: row-reverse; }
.texto-tres-imagenes.reves .texto { padding-right: 0; padding-left: 35px; display: flex; justify-content: flex-end; }
@media (max-width:768px) {
	.texto-tres-imagenes.reves { flex-direction: column-reverse; }
	.texto-tres-imagenes.reves .imagenes { flex-direction: row-reverse; }
	.texto-tres-imagenes.reves .texto { padding: 0; }
}
.texto-tres-imagenes.variacion .imagenes .item:nth-child(2n) { margin-top: 0; }
.texto-tres-imagenes.variacion .imagenes .item:nth-child(3n) { margin-top: 12%; }
.texto-tres-imagenes.variacion .imagenes .item:first-child { margin-top: 3%; }
@media (max-width:768px) {
	.texto-tres-imagenes.variacion .imagenes .item:nth-child(2n) { transform: translateY(0); position: absolute; right: 0; }
	.texto-tres-imagenes.variacion .imagenes { position: relative; flex-direction: column; }
	.texto-tres-imagenes.variacion .imagenes .item:nth-child(3n) { margin-top: 0; }
	.texto-tres-imagenes.variacion .imagenes .item:first-child { margin-top: 4%; }
}
.texto-tres-imagenes.variacion-2 .imagenes .item { width: 100%; }
.texto-tres-imagenes.variacion-2 .imagenes .columna { width: 33.33%; }
.texto-tres-imagenes.variacion-2 .imagenes .columna:nth-child(2n) { margin-top: 4%; }
@media (max-width:768px) {
	.texto-tres-imagenes.variacion-2 .imagenes .columna { width: 50%; }
	.texto-tres-imagenes.variacion-2 .imagenes .columna:nth-child(2n) { margin: 0; width: 0; }
	.texto-tres-imagenes.variacion-2 .imagenes .item:nth-child(2n) { transform: translate(0px); }
	.texto-tres-imagenes.variacion-2 .imagenes .columna:nth-child(2n) .item:first-child { position: absolute; left: 0px; width: 50%; }
	.texto-tres-imagenes.variacion-2 .imagenes .columna:nth-child(2n) .item:last-child { position: absolute; right: 0; width: 50%; top: 59.5%; }
	.texto-tres-imagenes.variacion-2 .imagenes { position: relative; flex-direction: row; }
	.texto-tres-imagenes.variacion-2 .imagenes .columna:first-child { padding-top: 50%; }
	.texto-tres-imagenes.variacion-2 .imagenes .columna:last-child .item:first-child { margin-top: -10%; }
}
.una-caja { margin-bottom: 100px; }
.una-caja .content .item figure img { width: 100%; height: auto; }
@media (max-width:768px) {
	.una-caja { margin-bottom: 56px; }
}

/* PADDINGS CAJAS */
.dos-cajas .content .item .datos-cliente { padding: 0px 15px; }
.dos-cajas-diferentes .content .item .datos-cliente { padding: 0px 15px; }
.tres-cajas .content .item .datos-cliente { padding: 0px 15px; }
.una-caja .datos-cliente { padding: 0px 15px; }
@media (max-width:768px) {
	.dos-cajas .content .item .datos-cliente { padding: 0px; }
	.dos-cajas-diferentes .content .item .datos-cliente { padding: 0px; }
	.tres-cajas .content .item .datos-cliente { padding: 0px; }
	.una-caja .datos-cliente { padding: 0px; }
}

/* CSS CURSOR */
.cursor { text-transform: uppercase; position: fixed; background: #EB7023; color: white; padding: 0; border-radius: 100%; font-size: 16px; font-weight: 400; pointer-events: none; z-index: 9999; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.2s ease; white-space: nowrap; width: 144px; height: 144px; display: flex; align-items: center; justify-content: center; }
.cursor p { margin: 0; font-weight: 300; }
.cursor p strong { font-style: italic; font-weight: bold; }
.cursor.show { opacity: 1; }
.cursor-follow { position: fixed; width: 30px; height: 30px; background: transparent; border-radius: 100%; pointer-events: none; z-index: 11000; transform: translate(-50%, -50%); transition: all 0.15s ease-out; opacity: 1; border: 4px solid #D87521; mix-blend-mode: difference; }
.cursor-follow.hide { opacity: 0; }
.item a { cursor: none; }
.item a:hover figure img { transform: scale(1.1); }
.item a figure img { transition: .3s ease; max-width: 100%; height: auto; }
.item p a { cursor: pointer; }
@media (max-width:991px) {
	.cursor-follow { display: none; }
}

/* AJUSTES PANTALLA 1440px*/
@media (min-width:1281px) and (max-width:1625px) {
	.container { padding: 0px 30px; }
	header nav.navbar .logo a.navbar-brand.d-md-flex.d-none { display: none !important; }
	header nav.navbar .logo a.navbar-brand.d-md-none.d-flex { display: flex !important; max-width: 325px; width: auto; }
	header { min-height: 80px; }
	header nav.navbar .menu-wrapper .nav li a { padding: 5px 11px; font-size: 16px; white-space: pre; }
	header nav.navbar .menu-wrapper .nav li { margin-left: 0px; }
	nav#navbar { flex-wrap: nowrap; }
	header nav.navbar .menu-wrapper .nav { flex-wrap: nowrap; }
	header nav.navbar .menu-wrapper .nav li a { }
}
@media (min-width:992px) and (max-width:1280px) {
	header nav.navbar .button-mobiles { display: flex; order: 2; }
	header nav.navbar .button-mobiles button#close { display: none; }
	header nav.navbar .menu-wrapper { order: 3; width: 100%; display: flex; justify-content: center; max-height: 0; overflow: hidden; position: absolute; transition: max-height 0.5s ease; top: 90px; left: -15px; right: -15px; width: calc(100% + 30px); background-color: rgb(24 24 25 / 95%); transition: .3s ease; background-color: transparent; }
	nav#navbar { flex-wrap: wrap; position: relative; }
	header nav.navbar .logo { order: 1; }
	header nav.navbar .menu-wrapper .nav li a { font-size: 18px; }
	header nav.navbar .menu-wrapper .nav li { margin-left: 5px; }
	header nav.navbar .menu-wrapper .nav { padding-bottom: 15px; padding-top: 10px; padding-left: 15px; padding-right: 15px; }
	header nav.navbar.active .button-mobiles button#abrir { display: none; }
	header nav.navbar.active .button-mobiles button#close { display: flex; }
	header nav.navbar.active .menu-wrapper { max-height: 130px; }
	header.scrolled  nav.navbar .menu-wrapper { background-color: rgb(24 24 25 / 95%); }
}
.texto-contenido-modular { display: flex; gap: 17px; margin-bottom: 115px; }
.texto-contenido-modular .descripcion { width: 33.33%; padding-right: 35px; }
.texto-contenido-modular .descripcion .datos-cliente { }
.texto-contenido-modular .contenido-modulos { }
.contenido-modulos { width: 67.67%; display: flex; gap: 18px; flex-direction: column; }
.contenido-modulos .mitad { display: flex; flex: 1; gap: 14px; }
.contenido-modulos .mitad .item { width: 50%; }
.contenido-modulos .mitad .item a { }
.contenido-modulos .mitad .item a .datos-cliente { }
.contenido-modulos .mitad .item a figure { padding-top: 0; background-size: cover; background-position: center; }
.contenido-modulos .mitad .item .datos-cliente { padding: 0px 15px; }
.contenido-modulos .mitad .item .datos-cliente .nombre { color: #fff; font-size: 20px; }
.contenido-modulos  .izquierda { display: flex; gap: 14px; }
.contenido-modulos .izquierda .item:first-child { width: 55.7%; }
.contenido-modulos .izquierda .item:last-child { width: 44.3%; }
.datos-cliente.last-modulos { margin-top: -1em; padding: 0px 15px; }
.datos-cliente.last-modulos .nombre { color: #fff; font-size: 20px; }
.datos-cliente p a { color: #CB6C1C; text-decoration: underline; font-weight: bold; }
.datos-cliente p a:hover { color: #fff; text-decoration: none; }
@media (max-width:768px) {
	.texto-contenido-modular { gap: 0; flex-direction: column; margin-bottom: 45px; }
	.texto-contenido-modular .descripcion { width: 100%; padding: 0; }
	.contenido-modulos { width: 100%; gap: 0; }
	.contenido-modulos .mitad { gap: 0; flex-direction: column; }
	.contenido-modulos .mitad .item { width: 100%; margin-bottom: 35px; }
	.contenido-modulos .izquierda { flex-direction: column; gap: 0; }
	.contenido-modulos .izquierda .item:first-child { width: 100%; margin-bottom: 35px; }
	.contenido-modulos .izquierda .item:last-child { width: 100%; }
	.datos-cliente.last-modulos { margin-top: 0; }
	.datos-cliente .nombre { font-size: 16px !important; }
}
.contenido-modulos .izquierda.menor .item:first-child { width: 44.3%; }
.contenido-modulos .izquierda.menor .item:last-child { width: 55.7%; }
@media (max-width:768px) {
	.contenido-modulos .izquierda.menor .item { width: 100% !important; margin-bottom: 35px; }
	.contenido-modulos .izquierda.menor .item:last-child { width: 100%; }
	.contenido-modulos .mitad .item:last-child {/* margin-bottom: 0; */ }
}
.contenido-modulos .izquierda.mas-menor .item:first-child { width: 32.9%; }
.contenido-modulos .izquierda.mas-menor .item:last-child { width: 67.1%; }
@media (max-width:768px) {
	.contenido-modulos .izquierda.mas-menor .item:first-child { width: 100%; }
	.contenido-modulos .izquierda.mas-menor .item:last-child { width: 100%; }
	.contenido-modulos .izquierda .item { width: 100%;/* margin-bottom: 35px!important; */ }
}
.contenido-modulos .tres-center { display: flex; gap: 14px; }
.contenido-modulos .tres-center .item { flex: 1; }
.contenido-modulos .tres-center .item .datos-cliente { padding: 0px 15px; }
.contenido-modulos .tres-center .item .datos-cliente .nombre { color: #fff; font-size: 20px; }
.contenido-modulos .izquierda .item .datos-cliente { padding: 0px 15px; }
@media (max-width:768px) {
	.contenido-modulos .mitad .item .datos-cliente { padding: 0; }
	.datos-cliente.last-modulos { padding: 0px; }
	.contenido-modulos .izquierda .item .datos-cliente { padding: 0; }
	.contenido-modulos .tres-center { flex-direction: column; gap: 0; }
	.contenido-modulos .tres-center .item .datos-cliente { padding: 0; }
	.contenido-modulos .tres-center .item { margin-bottom: 35px; }
	.contenido-modulos .tres-center .item:last-child { margin-bottom: 0; }
	.izquierda.menor ~ .datos-cliente.last-modulos { margin-top: -35px; margin-bottom: 35px; }
}
.marca-producto { display: flex; margin-bottom: 122px; }
.marca-producto .marca { width: 310px; padding-right: 30px; }
.marca-producto .marca .logo figure { border: 1px solid #2F2F2F; border-radius: 14px; width: 100%; display: flex; align-items: center; justify-content: center; min-height: 160px; padding: 15px; }
.marca-producto .marca .logo figure img { }
.marca-producto .producto { flex: 1; display: flex; flex-direction: row; flex-wrap: wrap; gap: 39px 17px; }
.marca-producto .producto .item { width: calc(50% - 9px); }
.marca-producto .producto .item .datos-cliente .nombre { color: #FFFFFF; font-size: 20px; }
@media (max-width:991px) {
	.marca-producto .producto .item { width: 100%; }
}
@media (max-width:768px) {
	.marca-producto { flex-direction: column; margin-bottom: 70px; }
	.marca-producto .producto { gap: 0; }
	.marca-producto .producto .item { margin-bottom: 37px; }
	.marca-producto .marca { width: 100%; margin-bottom: 20px; }
	.marca-producto .marca .logo figure { width: auto; display: inline-flex; min-width: 290px; }
}