@media (max-width: 1024px) {

    .contenedorTexto {
        width: 80%; 
        max-width: 600px; 
        padding: 20px; 
    }

    .imagen {
        width: 100%; 
        display: flex;
        justify-content: center; 
        margin: 20px 0; 
    }

    .imagen img {
        max-width: 70%; 
        height: auto;
        border-radius: 10px; 
    }
    .contenedorTexto p {
        font-size: 30px; 
    }
}

@media (max-width: 1366px){
    .contenedorTexto p {
        font-size: 20px; 
    }
    .MisionDesc  {
        font-size: 28px; 
    }
}

@media (max-width: 1032px) {
    .custom-nav .nav-item {
        border-right: none;
        font-size: 12px;
        padding: 5px;
    }
}

@media (max-width: 837px),
(max-width: 979px) {
    .custom-nav .nav-item {
        font-size: 10px;
    }

    .custom-nav {
        padding: 5px;
        border-radius: 5px;
    }
}

@media (max-width: 767px) {
    .custom-menu {
        visibility: hidden;
        opacity: 0;
        transform: translateY(-10px);
        transition: all 0.3s ease-in-out;
    }

    .custom-menu.show {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

    .custom-toggler {
        display: block !important;
    }

    .navbar-toggler-icon {
        max-width: 15px;
    }
    .contenedorTexto p {
        font-size: 15px; 
    }
}

@media (min-width: 1032px) {
    .custom-menu {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .custom-toggler {
        display: none !important;
    }
}

@media (max-width: 768px) {

    .wrap-text h1,
    .sectionText h1 {
        font-size: 40px;
    }

    .sub p,
    .textSection p,
    .textSection2 p {
        font-size: 17px;
    }
}

@media (max-width: 480px) {
    .wrap-text h1 {
        font-size: 30px;
    }

    .sub p,
    .textSection p,
    .textSection2 p,
    .sub-texto {
        font-size: 14px;
    }

    .textSectionSeccion2 li,
    .containerTextSeccion2 li {
        font-size: 20px;
        margin: 0;
    }

    .containerTextSeccion2,
    .textSectionSeccion2 {
        margin-left: 0 !important;
    }
}

@media (max-width: 600px) {

    .textSection p,
    .textSection2 p {
        font-size: 14px;
        letter-spacing: 1px;
    }
}

@media (max-width: 768px) {
    .card {
        height: auto;
        max-width: 90%;
    }

    .card-title {
        font-size: 1.2rem;
    }

    .titleSection h1 {
        font-size: 50px;
    }
}

@media (max-width: 480px) {
    .card {
        height: 350px;
        max-width: 90%;
    }

    .card-title {
        font-size: 1rem;
    }

    .card-body {
        padding: 5px;
    }

    .titleSection h1 {
        font-size: 40px;
    }

    .viñetas,
    .sub-texto-card {
        font-size: 12px;
        margin: 0;

    }

    .card-back p:first-child {
        margin-bottom: 10px;
    }
    .contenedorInfo p{
        font-size: 13px;
    }
    .contenedorContacta h1{
        font-size: 50px;
    }
    .contenedorContacta p{
        font-size: 20px;
    }
}

.tracking-in-expand {
    animation: tracking-in-expand 1.8s linear both;
}

@keyframes tracking-in-expand {
    0% {
        opacity: 0;
    }

    40% {
        opacity: .6;
    }

    100% {
        opacity: 1;
    }
}