/*Hoja de estilos CSS de Grupo Coraza*/

/*GENERALES*/

* {
    margin: 0;
}


/*-----------NAV BAR------------*/

nav {
    background: linear-gradient(90deg, #000000, #c89116);
}

nav img {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

a.nav-link {
    padding: 18px 19px !important;
    color: white;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}

.contacto {
    font-size: 18px;
    font-weight: 700 !important;
}


a.nav-link:hover {
    color: #fff1c4;
    transition: color 0.3s ease;
}

.navbar-collapse {
    text-align: center;
}

.navbar-brand {
    width: 260px;
}

/* aquí cambias el color de la palabra en la pag donde estás */
.active {
    color: rgb(255, 217, 135) !important;
    font-size: 19px;
}

/*---------------------------------------------------------Página de Inicio--------------------------------------------*/

.imagen-paginicio {
    background-image: url(imagenes/logo-coraza-inicio.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 100px;
    min-height: 686px;
}

/*-----------SECCIÓN 1 - PRESENTACIÓN DE G. CORAZA------------*/

h1 {
    font-family: "Poppins", sans-serif;
    color: #21457d;
    font-weight: 700;
    padding-top: 32px;
    padding-bottom: 20px;
    font-size: 46px;
    line-height: 1.3;
}

.presentacion p {
    font-family: "Montserrat", sans-serif;
    color: dimgray;
    font-size: 20px;
    padding: 0 39px 0 29px;
}

.presentacion {
    padding-right: 36px;
    padding-left: 34px;
    margin-bottom: 93px;
}

.presentacion-foto img {
    width: 100%;
    /*El "Width" solo es para que no se desborde la img fuera de la columna*/
    max-width: 3873px;
}

/*.container-fluid {
    padding-left: 0;
}*/

/*-----------SECCIÓN 2 - MISIÓN, VISIÓN Y VALORES------------*/

.titular-valores {
    background: linear-gradient(90deg, #ffd451, #f9db02, #e6ad00);
    font-family: "Poppins", sans-serif;
    color: #21457d;
    font-weight: 700;
    font-size: 40px;
    padding-top: 17px;
    padding-bottom: 17px;
}

.separador-mision {
    padding: 12px;
    /*Cajita separadora*/
}

.mision {
    background-image: url(imagenes/cintillo_izquierda.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    min-height: 463px;
    padding-top: 30px;
}

.mision p {
    font-family: "Montserrat", sans-serif;
    color: dimgray;
    font-size: 18px;
    padding: 0 80px 0 86px;
}

.mision img {
    max-width: 15%;
    padding-bottom: 30px;
    padding-top: 11px;
    /*El ícono de Misión*/
}

.vision {
    background-image: url(imagenes/cintillo_en_medio.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-top: 30px;
}

.vision p {
    font-family: "Montserrat", sans-serif;
    color: dimgray;
    font-size: 18px;
    padding: 0 80px 0 86px;
}

.vision img {
    max-width: 18%;
    padding-bottom: 10px;
    /*El ícono de Visión*/
}

.valores {
    background-image: url(imagenes/cintillo_derecha.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding-top: 30px;
}

.valores img {
    max-width: 15%;
    padding-bottom: 15px;
    /*El ícono de Visión*/
}

.valores ul {
    padding-left: 20px;
    /* acerca viñeta al texto */
    margin: 0 auto;
    /* centra el bloque en la columna */
    max-width: 192px;
    /* ajusta el ancho visual */
}

.valores li {
    text-align: left;
    line-height: 1.6;
    font-family: "Montserrat", sans-serif;
    color: dimgray;
    font-size: 18px;
}

/* Animación de Misión, Vis y Valrs */
.reveal {
    opacity: 0;
    transform: translateY(-40px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

.separador-gris img {
    width: 100%;
    max-width: 100%;
    padding-top: 24px;
}


/*-----------SECCIÓN 3 - SERVICIOS------------*/

h2 {
    font-family: "Poppins", sans-serif;
    color: #21457d;
    font-weight: 700;
    font-size: 50px;
    padding-top: 30px;
}

h3 {
    font-family: "Poppins", sans-serif;
    color: #ca721a;
    font-weight: 700;
    font-size: 35px;
    padding-top: 36px;
}

.servicios p {
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    color: dimgray;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.boton-pag1 {
    font-family: "Montserrat", sans-serif;
    color: #745b09;
    text-decoration: none;
    background: linear-gradient(90deg, #ffd451, #f9db02, #e6ad00);
    padding: 10px 24px;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 7px;
    margin-bottom: 20px;
}

.boton-pag1:hover {
    background: linear-gradient(90deg, #ffd451, #fff399);
    color: chocolate;
}


.fotos-inicio {
    width: 100%;
    max-width: 80%;
    padding-top: 70px;
}

/*-----------Carrusel de logos------------*/

.carousel {
    padding-top: 20px;
}

.carousel img {
    object-fit: cover;
    height: 250px;
}

/*-Botones del carrusel-*/
.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1);
}

.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
    opacity: 0.8;
}

/*-----------Bloque de Contacto------------*/

.contacto-bloque {
    padding: 40px 130px 80px 130px;
}

.contacto-bloque img {
    width: 100%;
    max-width: 20%;
    padding-right: 20px;
}

.rectangulo-contacto {
    background: linear-gradient(90deg, #154075, rgb(12, 39, 71));
    border-radius: 20px;
}

.rectangulo-contacto:hover {
    box-shadow: 0 8px 25px rgba(13, 110, 253, 0.4);
}

/*-Whatsapp-*/
.columna-whatss {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 15px;
    /*-Padding top y bottom deben medir lo mismo para que se vea
    homogénea la animación del rectángulo PARA WHATSS Y FACE-*/
}

.columna-whatss a {
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    text-decoration: none;
    font-size: 30px;
    transition: color 0.4s ease, transform 0.4s ease;
    animation-delay: 0.3s;
}

/*-animación de color de letra a amarillo-*/
.columna-whatss:hover a {
    color: #fff9ca;
    font-weight: 600;
    transform: translateY(-2px);
    transition: color 0.20s ease;
}

.columna-whatss:hover {
    background: linear-gradient(90deg, #154075, rgb(12, 39, 71));
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(13, 110, 253, 0.4);
}

/*-Facebook-*/
.columna-face {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 15px;
    /*-Padding top y bottom deben medir lo mismo para que se vea
    homogénea la animación del rectángulo para whatss y face-*/
}

.columna-face a {
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    text-decoration: none;
    font-size: 30px;
    transition: color 0.4s ease, transform 0.4s ease;
    animation-delay: 0.3s;
}

/*-animación de color de letra a amarillo-*/
.columna-face:hover a {
    color: #fff9ca;
    font-weight: 600;
    transform: translateY(-2px);
    transition: color 0.20s ease;
}

.columna-face:hover {
    background: linear-gradient(90deg, #154075, rgb(12, 39, 71));
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(13, 110, 253, 0.4);
}

/*-Correo-*/
.columna-correo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.columna-correo a {
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    text-decoration: none;
    font-size: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: color 0.4s ease, transform 0.4s ease;
    animation-delay: 0.3s;
}

.columna-correo img {
    max-width: 15%;
}

/*-animación de color de letra a amarillo-*/
.columna-correo:hover a {
    color: #fff9ca;
    font-weight: 600;
    transform: translateY(-2px);
    transition: color 0.20s ease;
}

.columna-correo:hover {
    background: linear-gradient(90deg, #154075, rgb(12, 39, 71));
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(13, 110, 253, 0.4);
}

/*---------------------------------------------------FOOTER--------------------------------------------------*/

footer {
    background: linear-gradient(90deg, #000000, #c89116);
    padding-top: 20px;
    padding-bottom: 20px;
}

footer img {
    width: 100%;
    max-width: 56%;
    opacity: 34%;
}

.derechos-footer {
    display: flex;
    padding-left: 40px;
}

.derechos-footer p {
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    padding-top: 30px;
}

.derechos-footer a {
    font-family: "Montserrat", sans-serif;
    color: #ffffff;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    font-style: italic;
    padding-top: 30px;
    padding-left: 18px;
    letter-spacing: 0.5px;
}


/*---------------------------------------------   PÁGINA DE SEGURIDAD PRIVADA   ----------------------------------------*/



.seguridad-inicio {
    background-image: url(imagenes/seguridad-privada-GCoraza.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 120px;
    min-height: 380px;
    background-attachment: fixed;
}

.seguridad-inicio p {
    color: white;
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    padding-top: 10px;
    font-weight: 500;
}

.seguridad-inicio h2 {
    padding-top: 130px;
    color: white;
    padding-bottom: 20px;
    font-size: 70px;
}

/*-------------  ACORDEONES DE SEGURIDAD. VALET Y LIMPIEZA   ---------------*/

.texto-acordeon-normal {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    padding-right: 5px;
    padding-left: 5px;
    color: dimgray;
}

.texto-acordeon {
    font-family: "Montserrat", sans-serif;
    text-align: left;
    font-size: 15px;
    color: dimgray;
}

.texto-acordeon2 {
    font-family: "Montserrat", sans-serif;
    text-align: left;
    font-size: 14px;
    color: dimgray;
}


/*---------------------------------------   PÁGINA DE VALLET PARKING   -------------------------------------*/


.valet-inicio {
    background-image: url(imagenes/valet-parking-inicio.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 120px;
    min-height: 380px;
    background-attachment: fixed;
}

.logo-valet {
    position: relative;
    overflow: visible;

    background-color: #d17a1e98;
    padding: 1rem 2rem 1rem;
    border-radius: 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

    margin-top: 4rem;
    margin-left: auto;
    margin-right: 8%;
}

/* ✨ brillo debajo de logo de Valet P. */
.logo-valet::after {
    content: "";
    position: absolute;
    bottom: -62px;
    left: 50%;
    transform: translateX(-50%);

    width: 80%;
    height: 70px;

    background-image: url(imagenes/linea_amarilla_arriba.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

}

.logo-valet img {
    max-width: 100%;
    height: auto;
    margin-bottom: 2rem;
}

/* Sección 1 CLIENTES E ICONOS */

.valet-clientes {
    margin-left: -64px;
}

.valet-clientes p {
    font-family: "Montserrat", sans-serif;
    color: #da7721;
    font-size: 25px;
    font-weight: 700;
    padding-top: 20px;
}

.valet-clientes h3 {
    font-size: 50px;
    font-weight: 400;
    padding-bottom: 20px;
}

.chica-valet img {
    max-width: 100%;
    width: 100%;
    padding-bottom: 40px;
    padding-right: 20px;
}

.iconos-valet {
    display: flex;
    justify-content: center;
    gap: 200px;
    /* espacio entre iconos */
}

/* cada icono con su texto */
.icono-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icono-item img {
    height: 100px;
    /* mismo alto para todos */
    width: auto;
    object-fit: contain;
}

.iconos-valet-3ro img {
    max-width: 24%;
    width: 100%;
}

/* -------- IMAGEN ANIMADA ---------- */


.animar-scroll {
    opacity: 0;
    transform: translateX(-100px);
    /* empieza a la izquierda */
    transition: all 1.2s ease;
}

.animar-scroll.activo {
    opacity: 1;
    transform: translateX(0);
}

/* -------- ACORDEÓN ---------- */


.accordion-button:not(.collapsed) {
    background-color: #d7d7d75d;
    border-radius: 15px;
}

.boton-valet {
    font-family: "Montserrat", sans-serif;
    color: #806e41;
    background: #fdd52f;
    text-decoration: none;
    padding: 10px 24px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.7px;
    border-radius: 7px;
}

.boton-valet:hover {
    background: linear-gradient(90deg, #ffd451, #f9db02, #e6ad00);
    color: rgb(87, 67, 6);
    font-weight: 700;
}

/* -------- SEPARADOR ---------- */

.fluorecente-2 {
    max-width: 1000px;

}





/*---------------------------------------------   PÁGINA DE LIMPIEZA   -----------------------------------------------------*/



.limpieza-inicio {
    background-image: url(imagenes/persona-de-limpieza-Inicio3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 120px;
    min-height: 380px;
    background-attachment: fixed;
}

.logo-limpieza {
    position: relative;
    overflow: visible;

    background-color: #21447db0;
    padding: 3rem 1rem 2rem;
    border-radius: 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

    margin-top: 3rem;
    margin-left: auto;
    margin-right: 8%;
}

/* ✨ brillo debajo de logo de Limpieza */
.logo-limpieza::after {
    content: "";
    position: absolute;
    bottom: -62px;
    left: 50%;
    transform: translateX(-50%);

    width: 80%;
    height: 70px;

    background-image: url(imagenes/linea\ azul_abajo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

}

.logo-limpieza img {
    max-width: 70%;
    height: auto;
    margin-bottom: 2rem;
}




/*-------Separadores fluorecente---------*/

.fluorecente-1 {
    max-width: 1000px;
}


/*-----------------SECCIÓN 1 TARJETAS------------------*/

/*---TEXTO GENERAL DE LIMPIEZA--- */

.parrafo-limpieza-grl {
    font-family: "Montserrat", sans-serif;
    padding-right: 100px;
    padding-left: 100px;
    padding-bottom: 40px;
    color: #21457d;
    font-size: 30px;
}

/*-----TARJETAS------- */

h5 {
    font-family: "Poppins", sans-serif;
    color: #ca721a !important;
    font-weight: 600;
    font-size: 30px;
    padding-bottom: 20px;
}

.card {
    border: none;
    padding-left: 10px;
    padding-right: 10px;
}

.card-body.tarjetas-animacion {
    border: none;
    box-shadow: none;
    border: 4px solid #2896c4;
    /* grosor + color */
    border-radius: 15px;
}

.tarjetas-limpieza img {
    max-width: 200px;
    padding-bottom: 30px;
    padding-top: 10px;
}

.tarjetas-limpieza a {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding: 10px 20px 10px 20px;
}

.tarjetas-animacion:hover {
    transform: translateY(-8px);
    transition: 0.20s ease;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(13, 110, 253, 0.4);
}

/* -------------SECCIÓN LUGARES-LIMPIEZA------------------*/

.descripcion-texto-lugares {
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
}


/*---------------SECCIÓN ACORDEONES GENERAL--------------- */

.acordeon {
    padding-top: 40px;
    padding-right: 30px;
    padding-left: 40px;
}

.accordion-button:not(.collapsed) {
    background-color: #d7d7d75d;
    border: none;
    box-shadow: none;
    border: 2px solid #2896c4;
    /* grosor + color */
    border-radius: 15px;
}

.accordion-button {
    font-family: "Poppins", sans-serif;
    color: #00044b;
    font-weight: 400;
    font-size: 20px;
}

.acordeon-individuales img {
    max-width: 500px;
    width: 100%;
    padding-top: 40px;
}


/*---------------SECCIÓN ACORDEONES - LIMPIEZA GENERAL--------------- */

/*.accordion-item {
    border: var(--bs-accordion-border-width) solid #165595;
}*/

.acordeon-fotos {
    max-width: 500px;
    width: 100%;
    padding-bottom: 40px;
    padding-top: 20px;
}

.limp-general {
    padding-top: 55px;
    padding-bottom: 50px;
}

.fondo-limp {
    background-color: #d5f5ff5e;
}

.titular-limpieza {
    background: linear-gradient(90deg, #00367d, #53b7ff);
    font-family: "Poppins", sans-serif;
    color: white;
    font-weight: 700;
    font-size: 40px;
    padding-top: 17px;
    padding-bottom: 17px;
}

.boton-limp-general {
    font-family: "Montserrat", sans-serif;
    color: #806e41;
    background: #fdd52f;
    text-decoration: none;
    padding: 10px 24px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.7px;
    border-radius: 7px;
}

.boton-limp-general:hover {
    background: linear-gradient(90deg, #ffd451, #f9db02, #e6ad00);
    color: rgb(87, 67, 6);
    font-weight: 700;
}

.boton-cotizar {
    padding-top: 30px;
    padding-left: 100px;
    padding-right: 100px;
}

.titulo-acordeon {
    color: #154075 !important;
}






/*---------------------------------------------   PÁGINA DE MANTENIMIENTO   --------------------------------------------*/


.manto-inicio {
    background-image: url(imagenes/fondo-portada-manto3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 120px;
    min-height: 380px;
    background-attachment: fixed;
}

.manto-inicio p {
    color: white;
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    padding-top: 10px;
    font-weight: 500;
}

.manto-inicio h2 {
    padding-top: 130px;
    color: white;
    padding-bottom: 20px;
    font-size: 70px;
}

.parrafo-manto-grl {
    font-family: "Montserrat", sans-serif;
    padding-right: 100px;
    padding-left: 100px;
    padding-bottom: 40px;
    color: #217d38;
    font-size: 30px;
}


.titulo-linea {
    position: relative;
    display: inline-block;
    color: white;
    padding-bottom: 18px;
    margin-bottom: 0;
}

/* línea */
.titulo-linea::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 6px;
    transform: translateX(-50%);

    width: 600px;
    /* largo total */
    height: 2px;
    background-color: white;
}

.limpieza-inicio p {
    color: white;
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    padding-top: 10px;
    font-weight: 500;
}

.limpieza-inicio h2 {
    padding-top: 130px;
    color: white;
    padding-bottom: 20px;
    font-size: 70px;
}

/*-----TARJETAS------- */


.card {
    border: none;
    padding-left: 10px;
    padding-right: 10px;
}

.card-body.tarjetas-manto-animacion {
    border: none;
    box-shadow: none;
    border: 4px solid #28c43d;
    /* grosor + color */
    border-radius: 15px;
}

.tarjetas-manto img {
    max-width: 200px;
    padding-bottom: 30px;
    padding-top: 10px;
}

.tarjetas-manto a {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding: 10px 20px 10px 20px;
}

.tarjetas-manto-animacion:hover {
    transform: translateY(-8px);
    transition: 0.20s ease;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(66, 175, 111, 0.377);
}

/*-----SECCIONES------- */

.manto-general {
    padding-top: 15px;
    padding-bottom: 15px;
}

.titular-manto {
    background: linear-gradient(90deg, #035500, #67ff53);
    font-family: "Poppins", sans-serif;
    color: white;
    font-weight: 700;
    font-size: 40px;
    padding-top: 17px;
    padding-bottom: 17px;
}

.boton-manto-general {
    font-family: "Montserrat", sans-serif;
    color: #806e41;
    background: #fdd52f;
    text-decoration: none;
    padding: 10px 24px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.7px;
    border-radius: 7px;
}

.boton-manto-general:hover {
    background: linear-gradient(90deg, #ffd451, #f9db02, #e6ad00);
    color: rgb(87, 67, 6);
    font-weight: 700;
}

.manto-general {
    padding-top: 55px;
    padding-bottom: 50px;
}

.manto-fondo {
    background-color: #d8faf156;
}

/*--------------------------------------------   PÁGINA DE UNIFORMES   ----------------------------------------------*/


.uniformes-inicio {
    background-image: url(imagenes/uniformes-fondo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 380px;
    background-attachment: fixed;
}

.uniformes-inicio p {
    color: white;
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    padding-top: 10px;
    font-weight: 500;
}

.uniformes-inicio h2 {
    padding-top: 80px;
    color: white;
    padding-bottom: 20px;
    font-size: 70px;
}

.parrafo-uniform-grl {
    font-family: "Montserrat", sans-serif;
    padding-right: 100px;
    padding-left: 100px;

    padding-top: 50px;
    color: rgb(95, 51, 0);
    font-size: 30px;
}

.titular-uniform {
    background: linear-gradient(90deg, #ffd451, #f9db02, #e6ad00);
    font-family: "Poppins", sans-serif;
    color: rgb(165, 113, 0);
    font-weight: 700;
    font-size: 40px;
    padding-top: 17px;
    padding-bottom: 17px;
}

.tipos-uniforme {
    font-size: 25px;
    padding-top: 50px;
    color: #da7721;
    font-weight: 450;
}

.iconos-uniforms {
    height: 210px;
    /* O la altura en px que desees para todas */
    width: auto;
    /* El ancho se ajusta automáticamente de forma proporcional */
    max-width: 100%;
    /* Evita que se salgan en pantallas pequeñas */
    object-fit: contain;
    /* Asegura que el ícono mantenga su proporción */
    padding-bottom: 40px;
    padding-top: 20px;
}


/*-------------------------------------------------- MEDIA QUERIES--------------------------------------*/

@media (max-width: 1920px) {

    .imagen-paginicio {
        margin-top: 120px;
        margin-bottom: 98px;
        min-height: 600px;
    }

    /* ========================================================
   ESTADO BASE (Pantallas medianas y grandes: > 576px)
   ======================================================== */

    /* Muestra la Opción 1 en pantallas grandes */
    .diseno-escritorio {
        display: block;
    }

    /* Oculta la Opción 2 en pantallas grandes */
    .diseno-movil {
        display: none;
    }

    .columna-correo img {
        max-width: 14%;
    }

    .seguridad-inicio, .manto-inicio {
        min-height: 500px;
    }

    .seguridad-inicio h2, .manto-inicio h2 {
        font-size: 50px;
        padding-top: 200px;
    }

    .texto-acordeon-normal {
        font-size: 20px;
    }

}

/*-------------------------- Large devices (menos de 1400px)-------------------- */
@media (max-width: 1400px) {

    /*-------------- PAG INICIO--------------- */

    h1 {
        font-size: 40px;
    }

    .vision p {
        font-size: 17px;
    }


    /*-------------- PAG SEGURIDAD--------------- */

    .seguridad-inicio {
        min-height: 422px;
    }

    .seguridad-inicio h2 {
        font-size: 56px;
    }

    .valet-clientes h3 {
        font-size: 40px;
        padding-bottom: 35px;
    }

    h2 {
        font-size: 48px;
    }

    .columna-correo a {
        font-size: 28px;
    }

    .contacto-bloque {
        padding: 43px 163px 73px 160px;
    }

    /*-------------- PAG VALET PARKING--------------- */

    .valet-inicio {
        min-height: 422px;
    }

    .logo-valet {
        margin-top: 2rem;
    }

    /*-------------- PAG LIMPIEZA--------------- */

    .limpieza-inicio {
        min-height: 458px;
    }

    .logo-limpieza img {
        max-width: 66%;
    }

    .boton-pag1 {
        margin-bottom: 3px;
    }

    .parrafo-limpieza-grl,
    .parrafo-manto-grl {
        font-size: 27px;
    }

    h5 {
        font-size: 27px;
    }

    .acordeon {
        padding-top: 20px;
    }

    .descripcion-texto-lugares {
        font-size: 19px;
    }

    .titular-limpieza,
    .titular-manto,
    .titular-uniform {
        font-size: 39px;
    }

    .texto-acordeon-normal {
        font-size: 17px;
    }

    .texto-acordeon {
        font-size: 17px;
    }

    /*-------------- PAG MANTENIMIENTO--------------- */

    .manto-inicio {
        min-height: 422px;
    }

    .manto-inicio h2 {
        font-size: 56px;
    }

    .titular-manto {
        margin-bottom: 25px;
    }

    /*-------------- PAG UNIFORMES--------------- */


    .uniformes-inicio {
        min-height: 503px;
    }

    .uniformes-inicio h2 {
        font-size: 56px;
        padding-top: 228px;
    }

    .titular-uniform {
        margin-bottom: 25px;
    }

    .parrafo-uniform-grl {
        padding-bottom: 20px;
    }

    .tipos-uniforme {
        font-size: 25px;
        padding-top: 24px;
    }


}



/*-------------------------- Large devices (menos de 1200px)-------------------- */
@media (max-width: 1200px) {



    /*-------------- Barra de Nav-------------- */
    nav img {
        max-width: 80%;
    }

    a.nav-link {
        font-size: 14px;
    }

    /*-------------- PAG INICIO--------------- */

    .imagen-paginicio {
        margin-top: 100px;
        min-height: 530px;
    }

    h1 {
        font-size: 33px;
    }

    .presentacion p {
        font-size: 18px;
    }

    /*------- Mis, Vis, Val------- */

    .titular-valores {
        font-size: 32px;
    }

    .mision {
        min-height: 444px;
    }

    .mision p {
        font-size: 18px;
        padding: 0 50px 0 50px;
    }

    .vision p {
        font-size: 17px;
        padding: 0 50px 0 50px;
    }

    .valores li {
        font-size: 17px;
    }

    /*------- Servicios ------- */

    h2 {
        font-size: 48px;
    }

    h3 {
        font-size: 30px;
        padding-top: 13px;
    }

    .servicios p {
        font-size: 18px;
    }

    .fotos-inicio {
        max-width: 90%;
    }

    .boton-pag1 {
        font-size: 16px;
    }

    /*------- CONTACTO ------- */

    .columna-correo a {
        font-size: 25px;
    }

    .columna-whatss a {
        font-size: 25px;
    }

    .columna-face a {
        font-size: 25px;
    }

    /*------- FOOTER ------- */

    .derechos-footer p {
        font-size: 17px;
    }

    /*-------------- PAG SEGURIDAD PRIVADA --------------- */

    /*------- Imagen inicio ------- */

    .seguridad-inicio {
        margin-top: 105px;
    }

    .seguridad-inicio h2 {
        font-size: 44px;
        padding-top: 149px;
    }

    .seguridad-inicio p {
        font-size: 22px;
    }

    .titulo-linea::after {
        transform: translateX(-50%);
        /* posición horizontal */
        width: 400px;
        /* largo total */
    }

    /*------ 2a Imagen diagonal ---- */

    .valet-clientes h3 {
        font-size: 34px;
    }

    .valet-clientes p {
        font-size: 20px;
    }

    /*-------------- PAG VALET PARKING --------------- */

    /*------- Imagen inicio ------- */

    .valet-inicio {
        margin-top: 105px;
    }

    .logo-valet::after {
        bottom: -57px;
    }

    /*-------------- PAG LIMPIEZA --------------- */

    /*------- Imagen inicio ------- */

    .limpieza-inicio {
        margin-top: 106px;
        min-height: 380px;
    }
}

.logo-limpieza {
    margin-top: 2rem;
    padding: 2rem 1rem 1rem;
}

.logo-limpieza::after {
    bottom: -58px;
}

.parrafo-limpieza-grl {
    font-size: 25px;
}

/*------- Tarjetas ------- */

.tarjetas-limpieza img {
    max-width: 170px;
}

h5 {
    font-size: 24px;
}

.tarjetas-limpieza a {
    font-size: 15px;
}

/*------- Titulares/ líneas de color ------- */

.titular-limpieza {
    font-size: 35px;
}

.descripcion-texto-lugares {
    font-size: 15px;
}

.texto-acordeon-normal {
    font-size: 14px;
}

/*-------------- PAG MANTENIMIENTO --------------- */

/*------- Imagen inicio ------- */

.manto-inicio {
    margin-top: 105px;
}

.manto-inicio h2 {
    font-size: 44px;
}

.manto-inicio p {
    font-size: 22px;
}

/*------- Tarjetas info ------- */

.parrafo-manto-grl {
    font-size: 25px;
}

.tarjetas-manto img {
    max-width: 160px;
}

.tarjetas-manto a {
    font-size: 16px;
}

/*------- Titulares Manto ------- */

.titular-manto {
    font-size: 35px;
}

/*-------------- PAG UNIFORMES --------------- */

/*------- Imagen inicio ------- */

.uniformes-inicio {
    margin-top: 105px;
    min-height: 375px;
}

.uniformes-inicio h2 {
    font-size: 44px;
    padding-top: 157px;
}

.uniformes-inicio p {
    font-size: 22px;
}

/*------- Tipos uniformes ------- */

.parrafo-uniform-grl {
    font-size: 25px;
    padding-bottom: 20px;
}

.titular-uniform {
    font-size: 35px;
}

.tipos-uniforme {
    font-size: 22px;
}

.iconos-uniforms {
    height: 193px;
}


/*-------------------------- Medium devices (menos de 992px)-------------------- */

@media (max-width: 992px) {

    /*-------------- PAG INICIO--------------- */

    /*------- Nav bar------- */
    a.nav-link {
        font-size: 13px;
    }

    /*------- Info Página------- */

    .imagen-paginicio {
        margin-top: 70px;
        min-height: 530px;
    }

    h1 {
        font-size: 29px;
        padding-top: 4px;
    }

    .presentacion p {
        font-size: 14px;
    }

    /*------- Mis, Vis, Val------- */

    .titular-valores {
        font-size: 26px;
    }

    .mision {
        min-height: 100px;
        height: 375px;
        /*max-height: 500px;*/
    }

    .mision p {
        font-size: 15px;
        padding: 0 27px 0 27px;
    }

    .vision p {
        font-size: 15px;
        padding: 0 27px 0 27px;
    }

    .valores li {
        font-size: 14px;
    }

    /*------- Servicios------- */

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 27px;
        padding-top: 42px;
    }

    .servicios p {
        font-size: 17px;
        padding-top: 14px;
    }

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

    .columna-correo img {
        max-width: 11%;
    }


    /*------- FOOTER ------- */

    .derechos-footer p {
        font-size: 14px;
    }

    .derechos-footer a {
        font-size: 15px;
    }

    /*-------------- PAG SEGURIDAD PRIVADA --------------- */

    /*------- Imagen inicio ------- */

    .seguridad-inicio {
        margin-top: 94px;
    }

    .seguridad-inicio h2 {
        font-size: 38px;
        padding-top: 153px;
    }


    .seguridad-inicio p {
        font-size: 19px;
    }

    /*------ 2a Imagen diagonal ---- */

    .valet-clientes h3 {
        font-size: 26px;
    }

    .valet-clientes p {
        font-size: 17px;
    }

    .icono-item img {
        height: 76px;
    }

    .chica-valet img {
        padding-bottom: 0px;
        padding-right: 0;
    }

    .valet-clientes {
        margin-left: -45px;
    }

    /*------ Acordeones ---- */

    .accordion-button:not(.collapsed) {
        font-size: 17px;
    }

    .accordion-button {
        font-size: 17px;
    }

    .boton-valet {
        font-size: 17px;
    }

    /*-------------- PAG VALET PARKING --------------- */

    /*------- Imagen inicio ------- */

    .valet-inicio {
        margin-top: 94px;
        min-height: 347px;
    }

    .logo-valet::after {
        bottom: -51px;
    }

    /*-------------- PAG LIMPIEZA --------------- */

    /*------- Imagen inicio ------- */

    .limpieza-inicio {
        min-height: 347px;
    }

    .logo-limpieza {
        margin-top: 3rem;
    }

    .limpieza-inicio {
        margin-top: 94px;
    }

    .logo-limpieza::after {
        bottom: -53px;
    }

    .fluorecente-1 {
        max-width: 900px;
    }

    .parrafo-limpieza-grl {
        font-size: 20px;
    }

    /*------- Tarjetas ------- */

    .tarjetas-limpieza img {
        max-width: 140px;
    }

    h5 {
        font-size: 20px;
    }

    .tarjetas-limpieza a {
        font-size: 15px;
    }

    /*------- Ámbitos Cobertura ------- */

    .titular-limpieza {
        font-size: 30px;
    }

    .acordeon {
        padding-top: 30px;
        padding-right: 19px;
        padding-left: 31px;
    }

    h3 {
        font-size: 24px;
        padding-top: 12px;
    }

    .acordeon-fotos {
        width: 100%;
        padding-bottom: 31px;
    }

    .acordeon-individuales img {
        max-width: 437px;
        padding-left: 10px;
        padding-right: 5px;
    }

    .descripcion-texto-lugares {
        font-size: 14px;
    }

    .boton-limp-general {
        font-size: 19px;
    }

    .texto-acordeon-normal {
        font-size: 13px;
    }

    .texto-acordeon {
        font-size: 13px;
    }

    .boton-limp-general {
        font-size: 16px;
    }

    /*-------------- PAG MANTENIMIENTO --------------- */

    /*------- Imagen inicio ------- */

    .manto-inicio {
        margin-top: 94px;
    }

    .manto-inicio h2 {
        font-size: 38px;
        padding-top: 138px;
    }

    .manto-inicio p {
        font-size: 19px;
    }

    /*------- Párrafo y servicios ------- */

    .parrafo-manto-grl {
        font-size: 20px;
    }

    .tarjetas-manto img {
        max-width: 132px;
        padding-bottom: 20px;
        padding-top: 4px;
    }

    .tarjetas-manto a {
        padding: 8px 13px 9px 15px;
    }

    /*------- Descripción cada servicio ------- */

    .titular-manto {
        font-size: 31px;
    }

    .boton-manto-general {
        font-size: 18px;
    }

    .boton-cotizar {
        padding-left: 145px;
        padding-right: 145px;
    }

    /*-------------- PAG UNIFORMES --------------- */

    /*------- Imagen inicio ------- */

    .uniformes-inicio {
        margin-top: 94px;
        min-height: 375px;
    }

    .uniformes-inicio h2 {
        font-size: 37px;
        padding-top: 175px;
    }

    .uniformes-inicio p {
        font-size: 20px;
    }

    .parrafo-uniform-grl {
        font-size: 20px;
        padding-top: 30px;
    }

    .titular-uniform {
        font-size: 29px;
    }

    .tipos-uniforme {
        font-size: 18px;
        padding-top: 37px;
    }

    .iconos-uniforms {
        height: 180px;
        padding-top: 15px;
    }
}


/* ------------------------------Small devices (menos de 768px) --------------------------------------------------*/
@media (max-width: 768px) {

    /*-------------- PAG INICIO--------------- */

    /*------- Nav bar------- */

    a.nav-link {
        font-size: 17px;
    }

    /*------- Presentación ------- */

    .imagen-paginicio {
        min-height: 359px;
        margin-bottom: 50px;
    }

    h1 {
        font-size: 20px;
        padding-top: 13px;
        padding-bottom: 9px;
    }

    .presentacion {
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 44px;
    }

    .presentacion p {
        font-size: 12px;
        padding: 0 22px 0 29px;
    }

    /*------- Mis, Vis, Val ------- */

    .titular-valores {
        font-size: 22px;
    }

    .separador-mision {
        padding: 18px;
    }

    .mision,
    .vision {
        height: 300px;
    }

    .mision {
        padding-top: 27px;
    }

    .vision {
        padding-top: 14px;
    }

    .valores {
        padding-top: 22px;

    }

    .mision p,
    .vision p {
        font-size: 12px;
        padding: 0 18px 0 18px;
    }

    .mision img {
        max-width: 18%;
        padding-bottom: 18px;
        padding-top: 0;
    }

    .vision img {
        max-width: 22%;
        padding-bottom: 2px;
    }

    .valores img {
        max-width: 17%;
        padding-bottom: 12px;
    }

    .valores li {
        font-size: 12px;
    }

    /*------- Servicios ------- */

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 20px;
        padding-top: 20px;
    }

    .servicios p {
        font-size: 13px;
        padding-top: 7px;
        padding-bottom: 4px;
    }

    .boton-pag1 {
        font-size: 13px;
    }

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

    .contacto-bloque {
        padding: 21px 45px 58px 45px;
    }


    .columna-correo a,
    .columna-face a,
    .columna-whatss a {
        font-size: 23px;
    }

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

    .derechos-footer {
        padding-left: 0px;
    }

    .derechos-footer p {
        font-size: 13px;
    }

    .derechos-footer a {
        font-size: 13px;
    }


    /*-------------- PAG SEGURIDAD--------------- */
    .seguridad-inicio {
        min-height: 343px;
    }

    .seguridad-inicio h2 {
        font-size: 34px;
        padding-top: 127px;
    }

    .seguridad-inicio p {
        font-size: 17px;
    }

    .titulo-linea::after {
        width: 300px;
        /* largo total */
    }

    /*-------------- PAG VALET--------------- */

    .valet-inicio {
        min-height: 359px;
    }

    .valet-clientes h3 {
        font-size: 23px;
    }

    .iconos-valet {
        gap: 82px;
    }

    .icono-item img {
        height: 50px;
    }

    .valet-clientes p {
        font-size: 15px;
    }

    .valet-clientes {
        margin-left: -33px;
    }

    ul {
        padding-left: 20px;
    }

    .texto-acordeon2 {
        font-size: 13px;
        margin-left: 7px;
    }

    /*-------------- PAG LIMPIEZA--------------- */

    .limp-general {
        padding-top: 38px;
        padding-bottom: 30px;
    }

    .parrafo-limpieza-grl {
        font-size: 18px;
        padding-right: 30px;
        padding-left: 30px;
        padding-bottom: 23px;
    }

    .tarjetas-limpieza img {
        max-width: 125px;
        padding-bottom: 15px;
    }

    h5 {
        font-size: 17px;
        padding-bottom: 9px;
    }

    .tarjetas-limpieza a {
        font-size: 13px;
    }

    .titular-limpieza {
        font-size: 25px;
    }

    .acordeon {
        padding-top: 12px;
        padding-right: 14px;
        padding-left: 15px;
    }

    .descripcion-texto-lugares {
        font-size: 13px;
    }

    .boton-cotizar {
        padding-left: 120px;
        padding-right: 120px;
    }

    /*-------------- PAG MANTO--------------- */

    .manto-inicio {
        min-height: 343px;
    }

    .manto-inicio h2 {
        font-size: 34px;
        padding-top: 130px;
    }

    .manto-inicio p {
        font-size: 17px;
    }

    .parrafo-manto-grl {
        font-size: 18px;
        padding-right: 30px;
        padding-left: 30px;
    }

    .card {
        margin-left: -17px;
        margin-right: -12px;
    }

    .tarjetas-manto a {
        font-size: 13px;
    }

    .titular-manto {
        font-size: 25px;
    }

    .boton-manto-general {
        font-size: 16px;
    }

    /*-------------- PAG UNIFORMES--------------- */

    .uniformes-inicio {
        min-height: 343px;
    }

    .uniformes-inicio h2 {
        font-size: 34px;
        padding-top: 125px;
    }

    .uniformes-inicio p {
        font-size: 17px;
    }

    .parrafo-uniform-grl {
        font-size: 18px;
        padding-right: 30px;
        padding-left: 30px;
    }

    .titular-uniform {
        font-size: 25px;
    }

    .iconos-uniforms {
        height: 154px;
        padding-top: 11px;
    }

    .tipos-uniforme {
        font-size: 15px;
        padding-top: 27px;
    }

}


/* ------------------------Extra small devices (menos de 576px) ------------------*/

@media (max-width: 576px) {

    /*-------------- PAG INICIO--------------- */

    .imagen-paginicio {
        min-height: 400px;
        margin-bottom: 30px;
    }

    h1 {
        font-size: 27px;
        padding-top: 37px;
        padding-bottom: 15px;
    }

    .presentacion p {
        font-size: 15px;
    }


    /* ========================================================
   REGLA PARA MÓVIL (Pantallas de 576px o menos)
   ======================================================== */

    /* Oculta completamente la Opción 1 cuando baja a 576px */
    .diseno-escritorio {
        display: none !important;
    }

    /* Muestra la Opción 2 en 576px */
    .diseno-movil {
        display: block !important;
    }

    /* Aquí pones los estilos de color y forma para las franjas y tarjetas de móvil */
    .franja-amarilla-movil {
        background-color: #fbc02d;
        /* Tu color amarillo */
        color: #21457d;
        font-weight: bold;
        padding: 10px;
        margin-top: 20px;
        text-align: center;
        font-family: "Poppins", sans-serif;
        font-size: 25px;
    }

    .tarjeta-gris-movil {
        background-color: #f2f3f5;
        /* Tu tarjeta gris */
        padding: 20px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        /* Alínea elementos verticalmente: Ícono, luego Lista */
        align-items: center;
        /* Centra horizontalmente todo el contenido */
        justify-content: center;
        /* Centra verticalmente si hay espacio */
        text-align: center;
        /* Asegura el centro del texto */
        padding: 20px;
    }

    .icono-mis img {
        max-width: 16%;
        padding-bottom: 18px;

    }

    .icono-mis p {
        font-family: "Montserrat", sans-serif;
        color: dimgray;
        text-align: center;
    }

    .icono-mis li {
        font-family: "Montserrat", sans-serif;
        color: dimgray;
        text-align: center;
        text-align: left;
    }

    .servicios p {
        font-size: 15px;
        padding-bottom: 17px;
    }

    .fotos-inicio {
        padding-top: 34px;
    }

    h3 {
        font-size: 27px;
        padding-top: 30px;
    }

    .boton-pag1 {
        font-size: 16px;
    }

    .columna-correo a,
    .columna-face a,
    .columna-whatss a {
        font-size: 19px;
    }

    .contacto-bloque img {
        padding-right: 14px;
    }


    /*-------------- PAG SEGURIDAD--------------- */

    .seguridad-inicio h2 {
        font-size: 42px;
        padding-top: 112px;
    }

    .seguridad-inicio p {
        font-size: 19px;
    }

    .valet-clientes {
        margin-left: 0;
    }

    .valet-clientes h3 {
        font-size: 30px;
        padding-top: 23px;
    }

    .icono-item img {
        height: 93px;
    }

    .iconos-valet {
        gap: 166px;
    }

    .valet-clientes p {
        font-size: 19px;
    }

    .texto-acordeon-normal,
    .texto-acordeon,
    .texto-acordeon2 {
        font-size: 14px;
    }

    .boton-valet {
        font-size: 19px;
    }

    /*-------------- PAG VALET--------------- */

    .valet-inicio {
        min-height: 343px;
    }

    .logo-valet img {
        max-width: 80%;
        margin-bottom: 1rem;
    }

    /*-------------- PAG LIMPIEZA--------------- */

    .limpieza-inicio {
        min-height: 343px;
    }

    .logo-limpieza img {
        max-width: 57%;
        margin-bottom: 1rem;
    }

    .parrafo-limpieza-grl,
    .parrafo-manto-grl,
    .parrafo-uniform-grl {
        font-size: 16px;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
    }

    .card {
        padding-left: 111px;
        padding-right: 111px;
        margin-top: 20px;
    }

    .card-body.tarjetas-animacion {
        margin-top: 20px;
    }

    .tarjetas-limpieza img,
    .tarjetas-manto img {
        max-width: 151px;
        padding-bottom: 21px;
    }

    h5 {
        font-size: 20px;
    }

    .tarjetas-limpieza a,
    .tarjetas-manto a {
        font-size: 16px;
    }

    .titular-limpieza,
    .titular-manto,
    .titular-uniform {
        font-size: 27px;
    }

    .descripcion-texto-lugares {
        font-size: 15px;
        padding-right: 15px;
        padding-left: 15px;
        margin-bottom: 0;
    }

    .boton-limp-general {
        font-size: 18px;
    }

    .acordeon-fotos {
        margin-left: 20px;
    }

    .acordeon-individuales img {
        max-width: 485px;
        padding-bottom: 20px;
    }

    /*-------------- PAG MANTO (igual se mueve con la de limpieza)--------------- */

    .manto-inicio h2 {
        font-size: 42px;
        padding-top: 98px;
    }

    .manto-inicio p {
        font-size: 19px;
    }

    /*-------------- PAG UNIFORMES--------------- */

    .uniformes-inicio h2 {
        font-size: 42px;
        padding-top: 112px;
    }

    .uniformes-inicio p {
        font-size: 19px;
    }

    .titular-uniform {
        margin-bottom: 40px;
    }

    .tipos-uniforme {
        font-size: 20px;
        padding-top: 0;
    }

    .iconos-uniforms {
        height: 176px;
        padding-top: 17px;
    }









}







@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: smooth !important;
    }
}