body {
background-image: none;
}
a {
text-decoration: none !important;
}
p {
font-size: 22px;
margin-top: 0;
margin-bottom: 0;
font-family: "Aaux4", sans-serif;
}
.text-capacidad {
font-size: 18px;
}
h1 {
color: #ff1e00;
font-size: 36px;
font-weight: 800;
}
h2 {
color: #ff1e00;
font-size: 28px;
}
h2.grey {
color: #606060;
font-size: 28px;
font-weight: 800;
}
h3 {
font-size: 26px;
font-weight: 800;
}
.text-orange {
color: #ff1e00;
}
.hero-shadow {
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 15px;
}
.carousel-item {
position: relative;
}

.div-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4); /* Color negro con 40% de opacidad */
z-index: 1; /* Asegura que el overlay esté encima del video */
}
.cardValor {
position: relative; /* Añadir esto */
}

.div-overlay-image {
position: absolute;
z-index: 0;
background-image: url("../img/Horux-Web-2v3.png");
background-size: contain;
top: 0; /* Cambiar a 0 para cubrir toda la tarjeta */
left: 15px;
right: 0;
bottom: 0; /* Cambiar a 0 para cubrir toda la tarjeta */
background-repeat: no-repeat;
opacity: 1; /* Comienza como invisible */
background-position-y: bottom;
}

.card-img-top {
width: 100%;
height: auto;
object-fit: contain;
display: block;
aspect-ratio: 312 / 401;
}
.cardValor:hover .div-overlay-image {
opacity: 1; /* Muestra el overlay al hacer hover */
}

/* .splide .splide__slide .card img {
object-fit: cover!important
} */
.carousel-caption {
position: relative; /* Para asegurarse de que el texto esté por encima del overlay */
z-index: 2; /* Asegura que el texto esté por encima del overlay */
}

.text-principal {
color: #606060;
font-size: 24px;
font-weight: 500;
}
.titulo-modal {
color: #ffffff;
font-size: 24px;
font-weight: 500;
}
.text-modal {
color: #ffffff;
font-size: 18px;
font-weight: 500;
}
.text-secu {
color: #606060;
font-size: 22px;
font-weight: 400;
}
.text-color {
color: #ff1e00;
}
.slider-container {
max-height: 850px;
}
.slider-somos {
max-height: 650px;
}
.carousel-inner {
border-radius: 15px;
margin-top: 0px;
}
.carousel-caption-int {
position: absolute;
right: 50%;
top: 40%;
width: 40%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: right;
}
.carousel-caption {
position: absolute;
left: auto;
right: auto;
top: 40%;
width: 100%;
padding: 1.25rem 15em;
color: #fff;
z-index: 1;
}
.title-caption {
color: #fff;
font-family: "Museum Moderno", sans-serif;
font-weight: bold;
font-style: normal;
font-size: 3.5em;
text-align: right;
line-height: 1em;
}
.text-caption {
text-align: right;
font-family: "Museum Moderno", sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.5em;
line-height: 1em;
}
/* Tablets (≤ 1440px) */
@media (max-width: 1440px) {
.carousel-caption {
position: absolute;
left: auto;
right: auto;
top: 40%;
width: 100%;
padding: 1.25rem 8.5em;
color: #fff;
z-index: 1;
}
.title-caption {
font-size: 2.5em;
text-align: right;
width: 80%;
margin: 0 0 0 20%;
line-height: 1em;
}
.text-caption {
font-size: 1.5em;
text-align: right;
width: 60%;
margin: 0 0 0 40%;
}
}
/* Tablets (≤ 1200px) */
@media (max-width: 1200px) {
.carousel-caption {
position: absolute;
left: auto;
right: auto;
top: 25%;
width: 100%;
padding: 1.25rem 6.5em;
color: #fff;
z-index: 1;
}
.title-caption {
font-size: 2.5em;
text-align: right;
width: 80%;
margin: 0 0 0 20%;
}
.text-caption {
font-size: 1.5em;
text-align: right;
width: 60%;
margin: 0 0 0 40%;
}
}
/* Tablets (≤ 1024px) */
@media (max-width: 1024px) {
.carousel-caption {
position: absolute;
left: auto;
right: auto;
top: 25%;
width: 100%;
padding: 1.25rem 6.5em;
color: #fff;
z-index: 1;
}
.title-caption {
font-size: 2.5em;
text-align: right;
width: 80%;
margin: 0 0 0 20%;
}
.text-caption {
font-size: 1.5em;
text-align: right;
width: 60%;
margin: 0 0 0 40%;
}
}
/* Móviles grandes (≤ 768px) */
@media (max-width: 768px) {
.carousel-caption {
position: absolute;
left: auto;
right: auto;
top: 25%;
width: 100%;
padding: 1.25rem 4.5em;
color: #fff;
z-index: 1;
}
.title-caption {
font-size: 2em;
text-align: center;
width: 100%;
margin: 0;
}
.text-caption {
font-size: 1.5em;
text-align: center;
width: 100%;
margin: 0;
}
}
/* Móviles pequeños (≤ 520px) */
@media (max-width: 520px) {
.carousel-caption {
position: absolute;
left: auto;
right: auto;
top: 0%;
width: 100%;
padding: 1.25rem 2.5em;
color: #fff;
z-index: 1;
}
.title-caption {
font-size: 1.5em;
text-align: center;
width: 100%;
margin: 0;
}
.text-caption {
font-size: 1em;
text-align: center;
width: 100%;
margin: 0;
}
}

#carouselExampleControls {
width: 100%;
position: relative;
z-index: 1;
}

#carouselExampleControls img {
object-fit: cover;
}
.carousel-item {
position: relative;
}
.carousel-size img {
width: 100%; /* Ancho completo */
object-fit: cover; /* Mantiene la proporción y recorta si es necesario */
}
.carousel-size video {
width: 100%; /* Ancho completo */
object-fit: cover; /* Mantiene la proporción y recorta si es necesario */
}
.carousel-somos img {
max-height: 600px; /* Altura fija */
width: 100%; /* Ancho completo */
object-fit: cover; /* Mantiene la proporción y recorta si es necesario */
}
.carousel-somos video {
max-height: 600px; /* Altura fija */
width: 100%; /* Ancho completo */
object-fit: cover; /* Mantiene la proporción y recorta si es necesario */
}
.navbar {
transition: background-color 0.3s ease;
}

.navbar.scrolled {
background-color: white; /* Cambia a blanco */
height: 100px;
}
.navbar.scrolled.navbar-brand.logo {
background-color: white; /* Cambia a blanco */
margin-top: 100px;
}
.navbar.scrolled .logo {
display: none; /* Oculta el logo original */
}
.navbar-nav {
background-image: url("../img/barraMenu3.png");
background-repeat: no-repeat;
background-position: left 0% center;
padding: 15px 50px 15px 35px;
color: white;
display: flex;           /* ✅ AGREGAR - Para alineación flexible */
align-items: center;     /* ✅ AGREGAR - Centra verticalmente los items */
}
.navbar.scrolled::after {
/* content: url("../img/Logo.png"); */
position: absolute;
left: 50px; /* Ajusta según sea necesario */
top: 25px; /* Ajusta según sea necesario */
height: 80px; /* Ajusta el tamaño */
}
.nav-link {
color: white;
margin: auto auto auto 18px !important;
font-size: 20px;
line-height: 1em;
font-family: "Museum Moderno", sans-serif;
font-weight: 300;
font-style: normal;
white-space: nowrap;
}
.nav-link:hover {
color: white;
}
.nav-link:focus {
color: white;
}
.dropdown-menu {
background-color: #ff1e00;
border-radius: 0;
box-shadow: none;
border: none;
}
.dropdown-menu li {
border-bottom: 1px solid white;
}
.dropdown-menu li:last-child {
border-bottom: none;
}
.dropdown-menu .dropdown-item {
color: white;
font-size: 18px;
padding: 7px 16px;
font-family: "Aaux", sans-serif;
font-weight: 300;
font-style: normal;
}
.dropdown-item:hover,
.dropdown-item:focus {
background-color: #ff1e00;
color: white;
}

/* .nav-item {
background-color: #ff1e00;
background-image: url("../img/BgMenu.png");
background-repeat: no-repeat; 
background-position: left top;  
} */
.hablemosBTN {
float: right;
position: relative;
margin-top: -90px;
margin-right: auto;
margin-left: auto;
z-index: 2;
}
.hablemosResp {
background-color: #ff1e00;
color: white;
display: block;
padding: 20px 0 5px 0;
text-decoration: none;
font-size: 20px;
font-weight: 600;
margin: 20px 0;
display: none;
}
.hablemosResp a {
text-decoration: none;
color: white;
}

.videoAbajo {
width: 100%; /* Ancho completo */
height: 450px; /* Alto fijo */
object-fit: cover; /* Mantiene la proporción del video y recorta si es necesario */
}
.bg-grey {
background-color: #f5f5f5;
}
.texto-footer {
color: white;
font-size: 14px;
}
.cajagris {
background-color: #dbdbdb;
border-radius: 15px;
height: 100%;
}
.cajaNegra {
background-color: #3f3f3f;
border-radius: 15px;
color: white;
padding: 0;
display: flex;
align-items: center;
}
.cajaNegra2 {
background-color: #999;
border-radius: 15px;
color: white;
padding: 0;
display: flex;
align-items: center;
}
.cajaNegraModal {
background-color: #3f3f3f;
border-radius: 15px;
color: white;
padding: 0;
display: flex;
align-items: center;
padding: 40px;
}
.cajaNaranja {
background-color: #ff1e00;
border-radius: 15px;
color: white;
padding: 0;
display: flex;
align-items: center;
padding: 40px;
}

.texto-contenedor {
display: flex;
align-items: center; /* Centra el texto verticalmente */
height: 100%; /* Asegura que ocupe el espacio disponible */
}

/*CUADROS*/
.content-box {
display: flex;
background-color: #fff;
border-radius: 10px;
overflow: hidden;
margin-bottom: 40px;
}
.image-container {
flex: 0 0 auto;
width: 350px;
height: 400px;
position: relative;
}
.image-container img {
width: 100%;
height: 100%;
display: block;
}
.text-container {
flex: 1;
padding: 20px;
background-color: #3f3f3f;
width: 480px;
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 370px; /* 20px less than the image container */
color: #fff;
}
.text-content {
flex-grow: 1;
}

@media (max-width: 800px) {
.content-box {
flex-direction: column;
width: 100%;
max-width: 480px;
}
.image-container {
width: 100%;
height: 200px;
}
.text-container {
width: 100%;
height: auto;
max-height: 380px;
}
}

.no-gutters {
margin-right: 0;
margin-left: 0;
}
.col-izquierda {
height: 374px; /* Altura de la columna izquierda */
padding: 0;
width: 35%;
}
.col-izquierda img {
height: 400px; /* Altura de la columna izquierda */
padding: 0;
}
.col-derecha {
/*height: 300px;  Altura de la columna derecha */
width: 60%;
}
.col-izquierda-2 {
height: 370px; /* Altura de la columna izquierda */
padding: 0;
width: 28%;
}
.col-izquierda-2 img {
height: 400px; /* Altura de la columna izquierda */
padding: 0;
}
.col-derecha-2 {
/*height: 300px;  Altura de la columna derecha */
width: 72%;
padding: 50px;
}

.AbajoImagenes {
background-color: #999;
border-radius: 15px;
color: white;
height: 200px;
display: flex;
align-items: center;
margin-top: -20px;
}
.btn-cerrar {
position: absolute;
right: 30px;
top: 30px;
color: white;
background: none;
border: none;
font-family: sans-serif;
}
.modaltransparent {
background-color: transparent;
border: none;
}
.btn-caluga {
background-color: #ff1e00;
color: white;
border: none;
padding: 10px 20px;
border-radius: 20px;
margin-right: 10px;
/*   max-width: 180px;
*/
font-size: 12px;
height: max-content;
}
.btn-caluga:hover {
background-color: #b8370c !important;
color: white;
border: white 1px solid;
}
.mt-150 {
margin-top: 150px;
}
.mb-70 {
margin-bottom: 70px;
}
/* valor agregado estilos textos y titulos */
.tituloGrande {
font-size: 7em;
font-family: "Aaux1", sans-serif;
font-weight: 900;
font-style: normal;
color: #ff1e00;
position: relative;
z-index: 20;
margin-top: 0px;
text-align: right;
}
.tituloGrande::after {
content: "";
display: block;
width: 100%;
height: auto;
border-top: 1px solid #ff1e00;
margin-bottom: 48px;
}
.infoValor {
padding-left: 0;
column-count: 2;
column-gap: 2rem; /* Espacio entre columnas */
}
.infoValor .infoValor__p {
color: #606060;
font-family: "Aaux5", sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.5em;
line-height: 1em;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='coral' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler {
border: 2px solid #ff1e00;
}
.wpcf7-form-control {
border: 1px solid #ff1e00 !important;
border-radius: 10px;
padding: 5px 10px 10px 10px;
width: 100%;
}
.wpcf7-form-control:active {
border: 1px solid #ff1e00 !important;
border-radius: 10px;
padding: 5px 10px 10px 10px;
}
.wpcf7-form-control:focus {
border: 1px solid #ff1e00 !important;
border-radius: 10px;
padding: 5px 10px 10px 10px;
}
.wpcf7-submit {
background-color: #ff1e00;
color: white;
margin-top: 30px !important;
}

.imgBG,
.imgBG1 {
position: fixed;
height: 100%; /* O ajusta según necesites */
background-size: cover;
z-index: -1; /* Asegura que las imágenes estén detrás del contenido */
}

.imgBG {
background: url("../img/bglineasder.png") top left no-repeat,
url("../img/bglineasizq.png") bottom right no-repeat;
opacity: 0.4;
background-size: auto;
width: 100%;
}

/* .imgBG1 {
background-image: url('../img/bglineasizq.png');

top: 10%; 
right: 0; 
background-size: auto;
background-repeat: no-repeat;
} */

.content {
position: relative;
z-index: 1; /* Asegúrate de que el contenido esté por encima */
padding: 20px;
color: white; /* Para que el texto resalte sobre las imágenes */
}
.img-hero {
height: 500px;
margin-top: 0px;
background-size: cover;
background-position: center;
border-radius: 15px;
}
.wpcf7 form {
margin-top: 1rem;
}
.wpcf7-form p {
display: none; /* Oculta los párrafos */
}
.div-overlay-home {
position: absolute;
z-index: 0;
background-image: url("../img/Horux-Web-2v2.png");
background-size: cover;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-repeat: no-repeat;
opacity: 1;
}
.card:hover .div-overlay-image {
opacity: 1; /* Muestra el overlay al hacer hover */
}
.logos-social {
max-width: 25px;
margin: 15px;
}
.current-menu-item {
font-weight: 600;
content: "*";
text-decoration: underline white;
text-underline-offset: 5px;
}

.position-relative {
position: relative;
}

.overlay-somos {
position: absolute;
bottom: 35px;
left: -30px;
width: 50px;
height: auto;
border-radius: 10px;
width: 100%;
}
.overlay-tecno {
position: absolute;
bottom: 0px;
left: -50px;
width: 50px;
height: auto;
border-radius: 10px;
width: 100%;
}

/* footer */
.footer {
background-color: #666666;
padding: 30px 0 0px 0;
}
.logoFooter {
object-fit: contain;
object-position: center;
padding: 0px 25px;
width: 100%;
height: auto;
}
.contactoComercial,
.contactoSoporte {
text-align: left;
padding: 5px 50px;
}

.contactoComercial .contactoComercial__h5,
.contactoSoporte .contactoSoporte__h5 {
font-family: "Aaux1", sans-serif;
font-weight: 900;
font-style: normal;
font-size: 1.3em;
color: white;
margin-bottom: 0px;
}
.contactoComercial .contactoComercial__p,
.contactoSoporte .contactoSoporte__p {
font-family: "Aaux5", sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1em;
color: white;
margin-bottom: 0px;
line-height: normal;
}
.footer .redesSociales {
text-align: center;
padding-top: 5px;
}
.footer .redesSociales .btn-floating {
width: 48px;
height: 48px;
border-radius: 50%;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1.2rem; /* Ajusta según el ícono */
line-height: 1;
}
.footer .line-right {
border-left: 1px solid white;
}

.ubicaciones {
background-color: #666666;
padding: 25px 0px 0px;
margin-bottom: -1px;
margin-top: -1px;
}
.ubicaciones .line-right {
border-left: 1px solid white;
}
.ubicaciones .line-left {
border-right: 1px solid white;
}
.ubicaciones .rowFlexStyle {
display: flex;
justify-content: center;
align-items: center;
flex-flow: row nowrap;
width: calc(100% - 32%);
height: auto;
border-top: 1px solid white;
padding: 25px 0;
margin: 0 16%;
}
.ubicaciones .rowFlexStyle .rowFlexStyle__col1,
.ubicaciones .rowFlexStyle .rowFlexStyle__col3,
.ubicaciones .rowFlexStyle .rowFlexStyle__col3 {
width: calc(100% / 3);
}
.ubicaciones .rowFlexStyle .anchorCiudad .titulo-ciudad {
color: white;
font-size: 1.5em;
text-align: left;
font-family: "Aaux1", sans-serif;
font-weight: 900;
font-style: normal;
padding: 10px 16px 0px 16px;
margin: 0px;
}
.ubicaciones .rowFlexStyle .anchorCiudad .texto-footer {
color: white;
font-size: 1em;
text-align: left;
font-family: "Aaux5", sans-serif;
font-weight: normal;
font-style: normal;
padding: 0 16px 8px 16px;
}

.banderas-seccion {
background-color: #333333;
}
.banderas {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
.banderas img {
width: 50px;
height: 50px;
padding: 5px;
border-radius: 50%;
object-fit: cover;
overflow: hidden;
}
/* Tablets (≤ 1440px) */
@media (max-width: 1440px) {
.logoFooter {
padding: 0;
}
.contactoComercial .contactoComercial__h5,
.contactoSoporte .contactoSoporte__h5 {
font-size: 1.4em;
text-align: left;
}
.contactoComercial .contactoComercial__p,
.contactoSoporte .contactoSoporte__p {
font-size: 1.2em;
text-align: left;
}
.footer .line-right {
border-left: 1px solid white;
}
.ubicaciones .line-right {
border-left: 1px solid white;
}
.ubicaciones .line-left {
border-right: 1px solid white;
}
.ubicaciones .rowFlexStyle {
width: calc(100% - 32px);
margin: 0 16px;
flex-flow: row nowrap;
}
.ubicaciones .rowFlexStyle .rowFlexStyle__col1,
.ubicaciones .rowFlexStyle .rowFlexStyle__col3,
.ubicaciones .rowFlexStyle .rowFlexStyle__col3 {
width: calc(100% / 3);
}
.ubicaciones .rowFlexStyle .anchorCiudad .titulo-ciudad {
font-size: 1.5em;
text-align: center;
}
.ubicaciones .rowFlexStyle .anchorCiudad .texto-footer {
font-size: 1.2em;
text-align: center;
}
}
/* Tablets (≤ 1200px) */
@media (max-width: 1200px) {
.logoFooter {
padding: 0;
}
.contactoComercial .contactoComercial__h5,
.contactoSoporte .contactoSoporte__h5 {
font-size: 1.4em;
text-align: left;
}
.contactoComercial .contactoComercial__p,
.contactoSoporte .contactoSoporte__p {
font-size: 1.2em;
text-align: left;
}
.footer .line-right {
border-left: 1px solid white;
}
.ubicaciones .line-right {
border-left: 1px solid white;
}
.ubicaciones .line-left {
border-right: 1px solid white;
}
.ubicaciones .rowFlexStyle {
width: calc(100% - 32px);
margin: 0 16px;
flex-flow: row nowrap;
}
.ubicaciones .rowFlexStyle .rowFlexStyle__col1,
.ubicaciones .rowFlexStyle .rowFlexStyle__col3,
.ubicaciones .rowFlexStyle .rowFlexStyle__col3 {
width: calc(100% / 3);
}
.ubicaciones .rowFlexStyle .anchorCiudad .titulo-ciudad {
font-size: 1.5em;
text-align: center;
}
.ubicaciones .rowFlexStyle .anchorCiudad .texto-footer {
font-size: 1.2em;
text-align: center;
}
}
/* Tablets (≤ 1023px) */
@media (max-width: 1023px) {
.logoFooter {
padding: 0 128px;
}
.contactoComercial .contactoComercial__h5,
.contactoSoporte .contactoSoporte__h5 {
font-size: 1.4em;
text-align: center;
}
.contactoComercial .contactoComercial__p,
.contactoSoporte .contactoSoporte__p {
font-size: 1.2em;
text-align: center;
}
.footer .line-right {
border-left: none;
}
.ubicaciones .line-right {
border-left: 1px solid white;
}
.ubicaciones .line-left {
border-right: 1px solid white;
}
.ubicaciones .rowFlexStyle {
width: calc(100% - 32px);
margin: 0 16px;
flex-flow: row nowrap;
}
.ubicaciones .rowFlexStyle .rowFlexStyle__col1,
.ubicaciones .rowFlexStyle .rowFlexStyle__col3,
.ubicaciones .rowFlexStyle .rowFlexStyle__col3 {
width: calc(100% / 3);
}
.ubicaciones .rowFlexStyle .anchorCiudad .titulo-ciudad {
font-size: 1.5em;
text-align: center;
}
.ubicaciones .rowFlexStyle .anchorCiudad .texto-footer {
font-size: 1.2em;
text-align: center;
}
}
/* Móviles grandes (≤ 768px) */
@media (max-width: 768px) {
.logoFooter {
padding: 0 72px;
}
.contactoComercial .contactoComercial__h5,
.contactoSoporte .contactoSoporte__h5 {
font-size: 1.4em;
text-align: center;
}
.contactoComercial .contactoComercial__p,
.contactoSoporte .contactoSoporte__p {
font-size: 1.2em;
text-align: center;
}
.footer .line-right {
border-left: none;
}
.ubicaciones .line-right {
border-left: none;
}
.ubicaciones .line-left {
border-right: none;
}
.ubicaciones .rowFlexStyle {
width: calc(100% - 32px);
margin: 0 16px;
flex-flow: row wrap;
}
.ubicaciones .rowFlexStyle .rowFlexStyle__col1,
.ubicaciones .rowFlexStyle .rowFlexStyle__col3,
.ubicaciones .rowFlexStyle .rowFlexStyle__col3 {
width: 100%;
}
.ubicaciones .rowFlexStyle .anchorCiudad .titulo-ciudad {
font-size: 1.5em;
text-align: center;
}
.ubicaciones .rowFlexStyle .anchorCiudad .texto-footer {
font-size: 1.2em;
text-align: center;
}
}
/* Móviles pequeños (≤ 520px) */
@media (max-width: 520px) {
.logoFooter {
padding: 0 72px;
}
.contactoComercial .contactoComercial__h5,
.contactoSoporte .contactoSoporte__h5 {
font-size: 1.4em;
text-align: center;
}
.contactoComercial .contactoComercial__p,
.contactoSoporte .contactoSoporte__p {
font-size: 1.2em;
text-align: center;
}
.footer .line-right {
border-left: none;
}
.ubicaciones .line-right {
border-left: none;
}
.ubicaciones .line-left {
border-right: none;
}
.ubicaciones .rowFlexStyle {
width: calc(100% - 32px);
margin: 0 16px;
flex-flow: row wrap;
}
.ubicaciones .rowFlexStyle .rowFlexStyle__col1,
.ubicaciones .rowFlexStyle .rowFlexStyle__col3,
.ubicaciones .rowFlexStyle .rowFlexStyle__col3 {
width: 100%;
}
.ubicaciones .rowFlexStyle .anchorCiudad .titulo-ciudad {
font-size: 1.5em;
text-align: center;
}
.ubicaciones .rowFlexStyle .anchorCiudad .texto-footer {
font-size: 1.2em;
text-align: center;
}
}
.imgCaluga {
position: relative;
}
.wpcf7-response-output {
display: none !important;
}
.modal-header {
background-color: #ff1e00;
color: white;
}
.modal-footer {
background-color: #fff;
}
.btn-modal:hover {
background-color: #ff1e00;
transition: all 0.3s ease;
}

.btn-modal {
background-color: #ff1e00;
color: #fff;
font-weight: bold;
border-radius: 15px;
width: 100%;
padding: 10px;
border: none;
}
.navbar .dynamic-link {
position: absolute;
left: 50px;
top: 25px;
display: none; /* Oculto por defecto */
z-index: 999; /* Asegúrate de que quede visible */
}
.navbar .dynamic-link img {
height: 54px; /* Ajusta el tamaño de la imagen */
}
.navbar.scrolled .dynamic-link {
display: block; /* Muestra el enlace cuando el navbar tiene la clase `scrolled` */
}
/* carrusel nuestros clientes */
.slider-prev,
.slider-next {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #7373738b; /* color de fondo */
color: white;
border: none;
font-size: 20px;
display: flex !important;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background-color 0.3s ease;
}

.slider-prev:hover,
.slider-next:hover {
background-color: #cc1900; /* tono más oscuro al pasar el mouse */
}
/* seccion "han confiado en nosotros" */
.centrarTexto {
display: flex;
justify-content: flex-start;
align-items: center;
}
/* estilos con clase enbebida de wordpress - gutemberg */
.TituloHome1 {
color: #ff1e00;
font-family: "Aaux5", sans-serif;
font-size: 2.5em;
font-weight: normal;
font-style: normal;
}
@media (max-width: 768px) {
.TituloHome1 {
font-size: 1.8em;
line-height: 1.2em;
text-align: center;
padding: 0 1rem;
}
}

@media (max-width: 480px) {
.TituloHome1 {
font-size: 1.5em;
line-height: 1.2em;
text-align: center;
padding: 0 0.5rem;
}
}
.textoNewStyle {
color: #606060;
font-family: "Aaux4", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.3em;
line-height: normal;
}
/* abajo de las tarjetas grandes del home - texto */
.titleCol1,
.titleCol2 {
color: #ff1e00;
font-family: "Aaux4", sans-serif;
font-size: 2.5em;
font-weight: bold;
text-align: left;
}
.textP {
color: #606060;
font-family: "Aaux4", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.5em;
line-height: 1.2em;
text-align: left;
}
.textp2 {
color: #606060;
font-family: "Aaux4", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.3em;
line-height: 1.2em;
text-align: left;
}
/* Tablets (≤ 1200px) */
@media (max-width: 1200px) {
.titleCol1,
.titleCol2 {
text-align: left;
}
.textP {
text-align: left;
}
.textp2 {
text-align: left;
}
}
/* Tablets (≤ 1024px) */
@media (max-width: 1024px) {
.titleCol1,
.titleCol2 {
text-align: left;
}
.textP {
text-align: left;
}
.textp2 {
text-align: left;
}
}
/* Móviles grandes (≤ 768px) */
@media (max-width: 768px) {
.titleCol1,
.titleCol2 {
text-align: center;
}
.textP {
text-align: center;
}
.textp2 {
text-align: center;
}
}
/* Móviles pequeños (≤ 520px) */
@media (max-width: 520px) {
.titleCol1,
.titleCol2 {
text-align: center;
}
.textP {
text-align: center;
}
.textp2 {
text-align: center;
}
}
/* estilos carrusel home */
.swiper-layout {
display: flex;
gap: 2rem;
}
.swiper-column {
flex: 1;
position: relative;
}
.info-column {
flex: 1;
display: flex;
align-items: center;
}
.swiper-slide {
width: 250px;
height: 100%;
transition: transform 0.3s ease, opacity 0.3s ease;
transform-origin: left center;
opacity: 0.6;
transform: scale(0.85) translateX(-30px);
z-index: 1;
}
.swiper-slide-active {
transform: scale(1) translateX(0);
opacity: 1;
z-index: 10;
}

/* titulos internos banner pages */
.titleInnerPages {
font-size: 6em;
font-family: "Aaux4", sans-serif;
font-weight: 700;
text-align: right;
}
.titleGenericRed {
color: #ff1e00;
font-family: "Aaux2", sans-serif;
font-size: 2.5em;
font-weight: bold;
font-style: normal;
}
/* qs */
.textoInternoQS {
color: #606060;
font-family: "Aaux4", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.3em;
line-height: 1.2em;
}
.textoInternoBoldQS {
color: #606060;
font-family: "Aaux1", sans-serif;
font-weight: 900;
font-style: normal;
font-size: 1.3em;
line-height: 1.2em;
}
/* soluciones */
.tituloBanner {
font-size: 4em;
font-family: "Aaux2", sans-serif;
font-weight: bold;
font-style: normal;
color: white;
line-height: 1.2em;
}
.tituloBanner .brBold {
font-family: "Aaux1", sans-serif;
display: block;
font-weight: 900;
font-style: normal;
font-size: 1.5em;
}
/* Tablets (≤ 1200px) */
@media (max-width: 1200px) {
.tituloBanner {
font-size: 3.5em;
}
.tituloBanner .brBold {
font-size: 1.4em;
}
}
/* Tablets (≤ 1024px) */
@media (max-width: 1024px) {
.tituloBanner {
font-size: 3em;
}
.tituloBanner .brBold {
font-size: 1.35em;
}
}
/* Móviles grandes (≤ 768px) */
@media (max-width: 768px) {
.tituloBanner {
font-size: 2.5em;
}
.tituloBanner .brBold {
font-size: 1.2em;
}
}
/* Móviles pequeños (≤ 520px) */
@media (max-width: 520px) {
.tituloBanner {
font-size: 2em;
}
.tituloBanner .brBold {
font-size: 1em;
}
}
.tituloSolucion1 {
background-color: #ff1e00; /* fondo rojo */
color: white; /* texto blanco */
padding: 16px 64px 16px 25px;
font-family: "Aaux2", sans-serif;
font-size: 2.5em;
font-weight: bold;
font-style: normal;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
position: relative;
display: inline-block;
max-width: 100%;
box-sizing: border-box;
clip-path: polygon(0 0, 87% 0, 100% 100%, 95% 100%, 0 100%);
margin: 0;
}
.tituloSolucion2 {
background-color: #777777; /* fondo gris */
color: white; /* texto blanco */
padding: 16px 64px 16px 25px;
font-family: "Aaux2", sans-serif;
font-size: 2.5em;
font-weight: bold;
font-style: normal;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
position: relative;
display: inline-block;
max-width: 100%;
box-sizing: border-box;
clip-path: polygon(0 0, 87% 0, 100% 100%, 95% 100%, 0 100%);
margin: 0;
}
/* pc (≤ 1440px) */
@media (max-width: 1440px) {
.tituloSolucion2 {
font-size: 2.5em;
}
}
/* Tablets (≤ 1200px) */
@media (max-width: 1200px) {
.tituloSolucion2 {
font-size: 2em;
}
}
/* Tablets (≤ 1024px) */
@media (max-width: 1024px) {
.tituloSolucion2 {
font-size: 1.5em;
}
}
/* Móviles grandes (≤ 768px) */
@media (max-width: 768px) {
.tituloSolucion2 {
font-size: 1.5em;
}
}
/* Móviles pequeños (≤ 520px) */
@media (max-width: 520px) {
.tituloSolucion2 {
font-size: 1.5em;
}
}
/* Línea roja debajo del segundo título */
.afterLine::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #ff1e00;
}
.afterLine2::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #777777;
}
.textpST,
.textpQS {
color: #606060;
font-family: "Aaux4", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.5em;
line-height: 1em;
}
/* Responsive para móviles */
@media (max-width: 768px) {
.tituloSolucion1 {
font-size: 1.5rem;
padding: 12px 20px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 97% 100%, 0 100%);
}
}
/* estilos pagina hxValorAgregado */
.grid-layout {
display: grid;
grid-template-rows: auto auto auto auto;
grid-template-columns: 100%;
width: 100%;
height: auto;
}
/* Fila 1, 3 y 4: 1 columna */
.fila-1,
.fila-3 {
display: grid;
grid-template-columns: 1fr;
}
.fila-4 {
display: block;
}
/* Fila 2: 4 columnas */
.fila-2 {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1rem;
}
.fila-2 .columna {
width: 100%;
height: auto;
}
.fila-2 .columna img {
width: 100%;
height: auto;
object-fit: contain;
object-position: center;
}

.fila-2 .columna img:hover{
transform: scale(1.1);
will-change: transform;
transition: transform 0.3s ease;
}
/* Estilo general de columnas */
.columna {
padding: 0;
text-align: left;
}
.columna1 .tituloDinamicoV {
color: #ff1e00;
font-family: "Aaux2";
font-weight: bold;
font-style: normal;
font-size: 3em;
line-height: 1.1em;
}
.columna1 .tituloDinamicoV::after {
content: "";
display: block;
width: 100%;
height: auto;
border-top: 1px solid #777777;
margin-top: 16px;
}
.columna3 {
padding: 48px 0 0 0;
}
.columna3 .tituloV {
color: #ff1e00;
font-family: "Aaux2";
font-weight: bold;
font-style: normal;
font-size: 7em;
line-height: 1.1em;
text-align: right;
}
.columna3 .tituloV::after {
content: "";
display: block;
width: 100%;
height: auto;
border-top: 1px solid #ff1e00;
margin-top: 48px;
}
.columna4 {
padding: 48px 0;
display: block;
column-count: 2; /* Divide el texto en dos columnas */
column-gap: 3em; /* Espacio entre columnas */
column-fill: balance; /* Distribuye el contenido equitativamente */
text-align: justify; /* Justifica el texto como en periódicos */
hyphens: auto;
}
.columna4 .infoValor__p {
color: #606060;
font-family: "Aaux5", sans-serif;
font-weight: normal;
font-style: normal;
font-size: 1.3em;
line-height: normal;
}
/* Tablets (≤ 1200px) */
@media (max-width: 1200px) {
.columna3 .tituloV {
font-size: 7em;
}
}
/* Tablets (≤ 1024px) */
@media (max-width: 1024px) {
.columna3 .tituloV {
font-size: 5.5em;
}
}
/* Móviles grandes (≤ 768px) */
@media (max-width: 768px) {
.columna3 .tituloV {
font-size: 4.5em;
}
}
/* Móviles pequeños (≤ 520px) */
@media (max-width: 520px) {
.columna3 .tituloV {
font-size: 3em;
}
}

/* Suavizado para títulos y texto */
.columna1,
.columna3,
.columna4 {
transition: opacity 0.4s ease-in-out;
opacity: 1;
}
.imagen-interactiva {
transition: transform 0.3s ease;
transform: scale(1);
opacity: 1;
will-change: transform;
}
/* Clase que activa el zoom */
.imagen-zoom {
transform: scale(1.1); /* Ajusta el nivel de zoom aquí */
opacity: 1;
}
@media (max-width: 768px) {
.columna4 {
column-count: 1;
column-gap: 0;
}
}

/* estilos LIVE */
.containerImgPrincipal {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
}
.containerImgPrincipal .containerImgPrincipal__img {
width: 70%;
height: auto;
object-fit: contain;
object-position: center;
}
.containerInforPrincipal {
color: #606060;
font-family: "Aaux4", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.5em;
line-height: 1em;
width: 100%;
padding: 48px 6em;
text-align: center;
}
/* Tablets (≤ 1200px) */
@media (max-width: 1200px) {
.containerInforPrincipal {
padding: 48px 6em;
text-align: center;
}
}
/* Tablets (≤ 1024px) */
@media (max-width: 1024px) {
.containerInforPrincipal {
padding: 48px 4em;
text-align: center;
}
}
/* Móviles grandes (≤ 768px) */
@media (max-width: 768px) {
.containerInforPrincipal {
padding: 48px 2em;
text-align: center;
}
}
/* Móviles pequeños (≤ 520px) */
@media (max-width: 520px) {
.containerInforPrincipal {
padding: 48px 2em;
text-align: center;
}
}
.imgSectionLive {
width: 100%;
height: auto;
margin-bottom: 2rem;
object-fit: contain;
object-position: center;
}
.swiper-section {
position: relative;
width: 100%;
height: auto;
}
.swiper-container {
width: 100%;
overflow: hidden; /* Evita scroll horizontal */
position: relative;
}
.swiper-wrapper {
display: flex;
}
.swiper-slide {
width: 100%;
flex-shrink: 0;
box-sizing: border-box;
}
.swiper-slide {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0;
text-align: center;
}
.swiper-slide img {
max-width: 100%;
height: auto;
margin: 0 auto;
display: block;
}
/* Título arriba a la izquierda */
.swiper-slide .titleGallery {
position: absolute;
top: 1rem;
left: 1rem;
margin: 0;
text-align: left;
color: #615b5a;
font-family: "Aaux2";
font-weight: bold;
font-style: normal;
/* Tamaño de fuente fluido */
font-size: clamp(1rem, 2vw + 0.5rem, 2.5rem);
/* Transición suave si el tamaño cambia por media queries o clases */
transition: font-size 0.3s ease;
}

/* Botón centrado debajo de la imagen */
.ver-mas-btn {
background-color: #ff1e00;
color: white;
border: none;
border-radius: 35px;
font-size: 1.5em;
padding: 7px 32px;
font-family: "Aaux4";
font-weight: normal;
font-style: normal;
cursor: pointer;
margin: 0 0 2rem 0;
}
/* Caja gris para contenido oculto */
.descripcion-slide {
margin-top: 1.5rem;
background-color: #f0f0f0;
padding: 48px 72px;
border-radius: 6px;
text-align: left;
display: none;
margin: 0 0 2rem 0;
font-family: "Aaux2";
font-weight: bold;
font-style: normal;
color: #7f7f7f;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 40px;
height: 40px;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
padding: 0px;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
}

@media (max-width: 768px) {
.swiper-button-prev,
.swiper-button-next {
top: 100%;
}
}

/* Posición horizontal */
.swiper-button-prev {
left: 10px;
}

.swiper-button-next {
right: 10px;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next";
margin: 0 0 0 0px;
font-size: 12px;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
margin: 0 0 0 0px;
font-size: 12px;
}

/* estilos finales carrusel home */
.slider-container {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
margin-top: 50px;
}
.slider-wrapper {
position: relative;
height: auto;
width: 100%;
min-height: 500px;
overflow: visible;
padding: 2em;
}
.slider-card {
position: absolute;
top: 0;
left: 45%;
transform: translateX(-25%);
width: auto;
height: auto;
transition: transform 0.4s ease, opacity 0.4s ease;
transform-origin: center center;
opacity: 0.5;
z-index: 1;
cursor: pointer;
}

.slider-card.position-1 {
transform: translateX(0px) scale(1);
z-index: 4;
opacity: 1;
}
.slider-card.position-2 {
transform: translateX(-100px) scale(0.9);
z-index: 3;
opacity: 0.8;
}
.slider-card.position-3 {
transform: translateX(-200px) scale(0.85);
z-index: 2;
opacity: 0.6;
}
.slider-card.position-4 {
transform: translateX(-300px) scale(0.8);
z-index: 1;
opacity: 0.4;
}
.slider-card .cards__content {
width: 80%;
height: auto;
}
.slider-card .cards__content img {
object-fit: contain;
object-position: center;
width: 100%;
height: auto;
}
/* Flechas de navegación */
.slider-prev,
.slider-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #999999b7;
color: #fff;
border: none;
padding: 0.5rem 1rem;
font-size: 1.5rem;
cursor: pointer;
z-index: 10;
border-radius: 50%;
}
.slider-prev {
left: 0;
}
.slider-next {
right: 0;
}
/* Tablets (≤ 1200px) */
@media (max-width: 1200px) {
.slider-wrapper {
min-height: 500px;
}
.slider-card {
top: 15%;
left: 45%;
}
.slider-card.position-1 {
transform: translateX(0px) scale(1);
z-index: 4;
}
.slider-card.position-2 {
transform: translateX(-70px) scale(0.9);
z-index: 3;
}
.slider-card.position-3 {
transform: translateX(-140px) scale(0.85);
z-index: 2;
}
.slider-card.position-4 {
transform: translateX(-210px) scale(0.8);
z-index: 1;
}
}
/* Tablets (≤ 1024px) */
@media (max-width: 1024px) {
.slider-wrapper {
min-height: 420px;
}
.slider-card .cards__content {
width: 100%;
height: auto;
}
.slider-card {
top: 10%;
left: 45%;
}
.slider-card.position-1 {
transform: translateX(0px) scale(1);
z-index: 4;
}
.slider-card.position-2 {
transform: translateX(-50px) scale(0.9);
z-index: 3;
}
.slider-card.position-3 {
transform: translateX(-100px) scale(0.85);
z-index: 2;
}
.slider-card.position-4 {
transform: translateX(-150px) scale(0.8);
z-index: 1;
}
}
/* Móviles grandes (≤ 768px) */
@media (max-width: 768px) {
.slider-wrapper {
min-height: 500px;
}
.slider-card .cards__content {
width: 100%;
height: auto;
}
.slider-card {
top: 25%;
left: 45%;
}
.slider-card.position-1 {
transform: translateX(0px) scale(1);
z-index: 4;
}
.slider-card.position-2 {
transform: translateX(-50px) scale(0.9);
z-index: 3;
}
.slider-card.position-3 {
transform: translateX(-100px) scale(0.85);
z-index: 2;
}
.slider-card.position-4 {
transform: translateX(-150px) scale(0.8);
z-index: 1;
}
}
/* Móviles pequeños (≤ 480px) */
@media (max-width: 480px) {
.slider-wrapper {
min-height: 250px;
}
.slider-card {
top: 0;
left: 45%;
}
.slider-card .cards__content {
width: 80%;
height: auto;
}
.slider-card.position-1 {
transform: translateX(0px) scale(1);
z-index: 4;
}
.slider-card.position-2 {
transform: translateX(-50px) scale(0.9);
z-index: 3;
}
.slider-card.position-3 {
transform: translateX(-100px) scale(0.85);
z-index: 2;
}
.slider-card.position-4 {
transform: translateX(-150px) scale(0.8);
z-index: 1;
}
}

/* index new */
.card__content .card__content-inner .card__title span {
font-size: 2.5em !important;
text-align: center;
display: flex;
align-items: center;
font-family: "Museum Moderno", sans-serif;
font-weight: bold;
font-style: normal;
}
#js-splide .splide__slide .card .card__content .card__excerpt {
line-height: 1em;
font-size: 1.8em;
text-align: center;
max-width: 90%;
font-family: "Aaux5", sans-serif;
font-weight: normal;
font-style: normal;
}
/* Tablets (≤ 1440px) */
@media (max-width: 1440px) {
.card__content .card__content-inner .card__title span {
font-size: 1.8em !important;
}
#js-splide .splide__slide .card .card__content .card__excerpt {
line-height: 1em;
font-size: 1.2em;
}
}
/* Tablets (≤ 1024px) */
@media (max-width: 1024px) {
.card__content .card__content-inner .card__title span {
font-size: 1.8em !important;
}
#js-splide .splide__slide .card .card__content .card__excerpt {
line-height: 1em;
font-size: 1.2em;
}
}

/* Móviles grandes (≤ 768px) */
@media (max-width: 768px) {
.card__content .card__content-inner .card__title span {
font-size: 1.5em !important;
}
#js-splide .splide__slide .card .card__content .card__excerpt {
line-height: 1em;
font-size: 1.1em;
}
}

/* Móviles pequeños (≤ 480px) */
@media (max-width: 480px) {
.card__content .card__content-inner .card__title span {
font-size: 1.3em !important;
flex-wrap: wrap;
line-height: 1.2em;
padding: 0 1rem;
}
#js-splide .splide__slide .card .card__content .card__excerpt {
line-height: 1em;
font-size: 1.1em;
}
}

/* carusel qs */
/* Carrusel secundario home */
.slider-container-2 {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
margin-top: 50px;
}

.slider-wrapper-2 {
position: relative;
height: auto;
width: 100%;
min-height: 500px;
overflow: visible;
padding: 2em;
}

.slider-card-2 {
position: absolute;
top: 0;
left: 45%;
transform: translateX(-25%);
width: auto;
height: auto;
transition: transform 0.4s ease, opacity 0.4s ease;
transform-origin: center center;
opacity: 0.5;
z-index: 1;
cursor: pointer;
}

/* Escalonado para 3 tarjetas */
.slider-card-2.position-1 {
transform: translateX(0px) scale(1);
z-index: 3;
opacity: 1;
}
.slider-card-2.position-2 {
transform: translateX(-120px) scale(0.9);
z-index: 2;
opacity: 0.75;
}
.slider-card-2.position-3 {
transform: translateX(-240px) scale(0.85);
z-index: 1;
opacity: 0.6;
}

.slider-card-2 .cards__content {
width: 80%;
height: auto;
}
.slider-card-2 .cards__content img {
object-fit: contain;
object-position: center;
width: 100%;
height: auto;
}

/* Flechas de navegación */
.slider-prev-2,
.slider-next-2 {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: #999999b7;
color: #fff;
border: none;
padding: 0.5rem 1rem;
font-size: 1.5rem;
cursor: pointer;
z-index: 10;
border-radius: 50%;
}
.slider-prev-2 {
left: 0;
}
.slider-next-2 {
right: 0;
}
.textTitleSliders {
line-height: 1em;
font-size: 1.8em;
font-family: "Aaux2", sans-serif;
font-weight: bold;
font-style: normal;
}

/* Tablets (≤ 1200px) */
@media (max-width: 1200px) {
.slider-wrapper-2 {
min-height: 500px;
}
.slider-card-2 {
top: 15%;
left: 45%;
}
.slider-card-2.position-1 {
transform: translateX(0px) scale(1);
z-index: 4;
}
.slider-card-2.position-2 {
transform: translateX(-70px) scale(0.9);
z-index: 3;
}
.slider-card-2.position-3 {
transform: translateX(-140px) scale(0.85);
z-index: 2;
}
.slider-card-2.position-4 {
transform: translateX(-210px) scale(0.8);
z-index: 1;
}
}
/* Tablets (≤ 1024px) */
@media (max-width: 1024px) {
.slider-wrapper-2 {
min-height: 420px;
}
.slider-card-2 .cards__content {
width: 100%;
height: auto;
}
.slider-card-2 {
top: 10%;
left: 45%;
}
.slider-card-2.position-1 {
transform: translateX(0px) scale(1);
z-index: 4;
}
.slider-card-2.position-2 {
transform: translateX(-50px) scale(0.9);
z-index: 3;
}
.slider-card-2.position-3 {
transform: translateX(-100px) scale(0.85);
z-index: 2;
}
.slider-card-2.position-4 {
transform: translateX(-150px) scale(0.8);
z-index: 1;
}
}
/* Móviles grandes (≤ 768px) */
@media (max-width: 768px) {
.slider-wrapper-2 {
min-height: 500px;
}
.slider-card-2 .cards__content {
width: 100%;
height: auto;
}
.slider-card-2 {
top: 10%;
left: 45%;
}
.slider-card-2.position-1 {
transform: translateX(0px) scale(1);
z-index: 4;
}
.slider-card-2.position-2 {
transform: translateX(-50px) scale(0.9);
z-index: 3;
}
.slider-card-2.position-3 {
transform: translateX(-100px) scale(0.85);
z-index: 2;
}
.slider-card-2.position-4 {
transform: translateX(-150px) scale(0.8);
z-index: 1;
}
}
/* Móviles pequeños (≤ 480px) */
@media (max-width: 480px) {
.slider-wrapper-2 {
min-height: 250px;
}
.slider-card-2 {
top: 0;
left: 45%;
}
.slider-card-2 .cards__content {
width: 80%;
height: auto;
}
.slider-card-2.position-1 {
transform: translateX(0px) scale(1);
z-index: 4;
}
.slider-card-2.position-2 {
transform: translateX(-50px) scale(0.9);
z-index: 3;
}
.slider-card-2.position-3 {
transform: translateX(-100px) scale(0.85);
z-index: 2;
}
.slider-card-2.position-4 {
transform: translateX(-150px) scale(0.8);
z-index: 1;
}
}
/* fix tarjetas */
.splide__list {
height: 100%;
}


#carouselLogos .splide__slide{
backface-visibility: hidden;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none!important;
margin: 0;
position: relative;
display: flex;
flex-direction: column;
align-content: center;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 20px;
}


.carousel {
--slide-ratio: 17/8;
}

.carousel-item {
aspect-ratio: var(--slide-ratio);
}

.carousel-item img,
.carousel-item video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}

@media (max-width: 768px) {
.carousel-item video { display: none; }
}

.page-template-page-tecnologia p{ 
color: #606060;
font-family: "Aaux4", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.5em;
line-height: normal;
}