@media (max-width: 480px) {


    .navegador {
        justify-content: space-between;
        padding: 0 0.5rem;
        min-height: calc(var(--tamaño-nav) - 2rem);
    }

    .pagina {
        width: 100%;
    }


    .navegador nav ul {
        gap: 0.1rem;
        align-items: center;
        justify-content: center;
    }

    .navegador nav ul li {
        margin: auto;
        border-radius: 2rem;
        border: var(--color-texto-resaltado) solid 1px;
        padding: 0.3rem 0.5rem;
    }

    .navegador nav ul li a {
        font-weight: 600;
        font-size: 0.4rem;
        width: max-content;
    }

    .navegador nav ul li:nth-child(1) {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0.5rem;
    }


    .navegador li:nth-child(5) {
        display: block;
        border: none;
    }

    .navegador .btn-nav {
        font-size: 0.4rem;
        width: max-content;
        padding: 0.3rem 1rem;
        margin: auto;
        border: var(--color-texto-resaltado) solid 1px;
    }

    .inicio {
        padding-top: calc(var(--tamaño-nav) + 0rem);
    }

    .inicio-texto {
        align-items: center;
    }

    .inicio-texto h2 {
        font-size: 1.15rem;
        font-weight: 200;
        width: min(20rem, 90%);
        ;
    }

    .texto-resaltado-mb-inicio {
        font-size: 1.5rem;
        display: block;
        margin-bottom: 0.5rem;
    }

    .inicio-imagen {
        width: min(20rem, 90%);
        height: auto;
    }

    .inicio-imagen div {
        border-radius: 2rem;
        overflow: hidden;
    }

    .inicio-imagen img {
        width: 100%;
        height: 100%;
        border-radius: 2rem;
        margin-top: -115px;
        margin-bottom: -10px;
    }

    .nosotros-titulo {
        font-size: 2.5rem;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        padding: 0 1rem;
    }

    .nosotros-texto {
        font-size: 0.8rem;
        line-height: 0.85rem;
        text-align: justify;
    }

    .mision-vision {
        min-width: 290px;
        width: calc(100% - 3rem);
        height: max-content;
    }

    .mision-vision div h3 {
        font-size: 2rem;
    }

    .mision-vision div:nth-child(2) {
        margin-top: 5rem;
        height: 8rem;
    }

    .mision-vision div p {
        font-size: 0.5rem;
    }

    .servicio {
        flex-direction: column;
        gap: 0rem;
    }

    .tarjetita-servicios {
        width: 5rem;
        height: 1.2rem;
        padding: 0;
        align-items: center;
        justify-content: center;
        background-color: #282522;
        text-transform: uppercase;
        border-width: 1px;

    }

    .tarjetita-servicios h3 {
        font-size: 0.65rem;
        font-weight: 200;
        translate: 0 1px;
    }


    .servicio-imagen {
        width: 100%;
        height: 100%;
    }

    .servicio-imagen img {
        width: 100%;
        height: auto;
        border-radius: 2rem;
    }

    .servicio-texto {
        width: 100%;
    }

    .servicio-texto h2 {
        font-size: 0.65rem;
    }

    .servicio-texto p {
        font-size: 0.5rem;
        font-weight: 400;
    }

    .suministros-titulo {
        font-size: 2.5rem;
    }

    .suministros-contenedor-tarjetas {
        gap: 0.5rem;
    }

    .suministro {

        gap: 0.6rem;
    }

    .suministro-imagen {
        height: 10rem;
        width: 10rem;
        border-radius: 0.4rem;
        overflow: hidden;
    }

    .suministro-imagen img {
        height: 100%;
        width: 100%;
    }

    .suministro h3 {
        height: 2rem;
        font-size: 0.65rem;
        text-align: center;
    }

    .suministro p {
        height: 2rem;
        font-size: 0.50rem;
        font-weight: 400;
        text-align: center;
    }

    .inicio-portafolio {
        background-image: url(../img/portafolio/portafolio-fondo-inicio-mobile.jpg);
        width: 100%;
    }

    .inicio-portafolio>div {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

    }

    .inicio-portafolio h2 {
        margin-top: 5vh;
        font-size: 2.5rem;
        font-weight: 300;
        line-height: 2.7rem;
    }

    .iconos-inicio {
        width: 60%;
        gap: 0.5rem;
    }

    .nosotros-portafolio {
        padding: 0;
        padding-top: 3rem;
    }

    .nosotros-portafolio-texto {
        min-width: auto;
        width: calc(100%);
        padding: 0;
    }

    .nosotros-portafolio-texto h2 {
        font-size: 2.5rem;
        line-height: 2.7rem;
        text-align: center;
        margin-bottom: 1rem;
    }

    .nosotros-portafolio-texto p {
        font-size: 0.63rem;
        margin-bottom: 1rem;
        line-height: 1rem;
    }

    .nosotros-portafolio-img {
        min-width: auto;
        width: 90%;
    }

    .nosotros-portafolio-img p {
        font-size: 0.63rem;
        margin-top: 1rem;
        line-height: 1rem;
        text-align: center;
    }

    .nosotros-portafolio-img figure {
        position: relative;
        margin: 0 auto;
        width: 70%
    }

    .nosotros-portafolio-img figure div {
        position: absolute;
    }

    .especialistas-portafolio h2 {
        font-size: 2.5rem;
        line-height: 2.7rem;
    }

    .contenedor-especialistas {
        display: grid;
        grid-template-columns: repeat(3, 25%);
        grid-template-rows: repeat(3, min-content);
        gap: 0.5rem;
    }

    .especialista p {
        font-size: 0.4rem;
    }

    .especialista figure {
        height: auto;
    }

    .especialista img {
        object-fit: cover;
    }

    .especialista:nth-child(8) {
        margin: 0 auto;
        width: 80%;
        grid-column-start: 1;
        grid-column-end: 4;
    }

    .especialista .tarjeta-portafolio {
        height: 2rem;
        width: 4rem;
        padding: 0 1rem;
        font-size: 0.5rem;
    }



    .pag-proyecto {
        padding-top: calc(var(--tamaño-nav) - 1rem);
        margin: 0 auto;
    }

    .titulo-proyectos {
        font-size: 1.3;
        line-height: 1.4rem;
    }

    .proyectos-ferroviarios1-contenedor {
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .proyectos-ferroviario-texto {
        font-size: 0.63rem;
        line-height: 0.8rem;
        margin: 0 auto;
        width: fit-content;
    }


    .proyectos-ferroviarios1-contenedor p {
        margin: 0 auto;
    }

    .proyectos-ferroviarios1-texto {
        min-width: auto;
        line-height: 0.6rem;
    }



    .proyectos-ferroviarios1-galeria {
        width: 100%;
    }

    .proyectos-ferroviarios2 {
        padding-left: 0;
        padding-right: 0;
    }

    .proyectos-ferroviarios2-contenedor {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 2rem;
    }

    .proyectos-ferroviarios3-texto {
        margin: 0 auto;
        width: fit-content;
    }

    .proyectos-ferroviarios16-contenedor {
        display: grid;
        width: 100%;
        height: fit-content;
        gap: 5vw;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 25vw);
        place-items: center;
    }

    .proyectos-ferroviarios16-contenedor figure:nth-child(2) {
        grid-column: 1 / 3;
        grid-row-start: 2;
    }

    .proyectos-ferroviarios16 h2 {
        line-height: 1.4rem;
        font-size: 1.3rem;
        font-weight: 600;
        margin-top: 1rem;
    }

    .proyectos-ferroviarios16 p {
        margin-bottom: 1.8rem;
        text-align: center;
    }

    .contactos>h2 {
        font-size: 1.8rem;
        line-height: 1.5rem;
    }

    .contactos>p {
        margin-top: 0.4rem;
        font-size: 0.8rem;
    }

    .contacto-formulario>p {
        font-size: 0.65rem;
        font-weight: 400;
        text-align: center;

    }

    .contacto-campos {
        min-width: 270px;
        width: 60%;
        height: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--color-tarjetas2);
        border: #805032 1px solid;
        border-radius: 1.2rem;
        padding: 0.8rem;
        margin: 1rem 0;
    }

    footer {
        padding: 1rem 0;
        display: flex;
        justify-content: space-around;
        align-items: start;
        background-color: #000000;
        border-top: #c25a24 2px solid;
        flex-wrap: nowrap;
        gap: 0.3rem;
    }

    .footer-secciones {
        display: flex;
        gap: 0.5rem;
        justify-content: center;
        align-items: center;
        width: 33%;
        height: auto;

    }

    .footer-textos {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 0.2rem;
        text-align: start;
    }

    .footer-textos-contacto {
        gap: 0.2rem;
    }

    .footer-textos h3 {
        margin: 0;
        font-size: 0.5rem;
        font-weight: 400;
    }

    .footer-textos p {
        margin: 0;
        font-size: 0.3rem;
        font-weight: 200;
    }

    footer img {
        height: 1rem;
        width: 1rem;
    }
}