/* Panorámica */
@media (min-width: 2401px) {
}

/* Escritorios grandes */
@media (max-width: 2400px) {
}

/* Laptops estándar */
@media (max-width: 1366px) {

    .success-storie__results-header,
    .success-storie__results-content {
        gap: 10vw;
    }

}

/* Tablet (Horizontal) */
@media (max-width: 1024px) {
    .inside__nav {
        --inner-pad: 18px;
    }

    .success-storie__hero {
        height: auto;
    }

    .success-storie__hero-subtitle {
        width: auto;
    }

    .success-storie__presentation {
        padding: calc(var(--inner-pad) * 2) 0;
    }

    .success-storie__presentation-container {
        grid-template-columns: 0.8fr 1fr;
        gap: 5rem;
    }

    .success-storie__title {
        width: auto;
    }

    .success-storie__data-info p {
        width: auto;
    }

    .success-storie__description p {
        width: auto;
    }

    .success-storie__introduction {
        padding: 0;
    }



    .success-storie__objetive {
        padding: calc(var(--inner-pad) * 2) 0;
    }

    .success-storie__objetive-description p {
        width: auto;
        margin-bottom: 1.5rem;
    }

    .success-storie__objetive-container {
        grid-template-columns: 1fr;
    }


    .success-storie__cita {
        padding: calc(var(--inner-pad)*2);
        width: auto;
    }

    .success-storie__cita h2 {
        width: auto;
    }


    .success-storie__tasks-header {
        grid-template-columns: 25% 1fr;
    }

    .success-storie__task-header-info {
        align-items: flex-start;
    }

    .success-storie__task-title,
    .success-storie__task-description p {
        width: auto;
    }


    .success-storie__tasks-content {
        height: auto;
        gap: 3rem;
        display: flex;
        flex-direction: column;
    }

    .success-storie__tasks-item {
        position: relative;
        padding: 0;
    }

    .success-storie__task-image {
        width: 100%;
        height: auto;
        grid-column-start: 1;
        grid-column-end: 3;
    }



    .success-storie__galery {
        padding: calc(var(--inner-pad) * 2) 0;
    }


    .success-storie__results {
        padding: calc(var(--inner-pad) * 2) 0;
    }

    .success-storie__results-subtitle,
    .success-storie__results-description {
        width: auto;
    }

    .success-storie__results-header,
    .success-storie__results-content {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .success-storie__results-percentages {
        flex-direction: column;
    }

    .success-storie__claim {
        padding: calc(var(--inner-pad) * 2) var(--inner-pad);
    }
    .success-storie__claim-container {
        width: auto;
    }

    .success-storie__results-boxes {
        display: none;
    }

    .success-storie__results-numbers {
        grid-template-columns: 1fr;
        width: 70%;
        margin: 0 auto;
    }
}

/* Móviles grandes */
@media (max-width: 768px) {
    .inside__nav {
        --inner-pad: 12px;
        display: none;
    }

    .inside__nav .success-storie__box img {
        width: 20px;
        height: auto;
    }

    .success-storie__presentation-container {
        grid-template-columns: 1fr;
    }

    .success-storie__task-number {
        font-size: 160px;
    }

    .success-storie__galery-container {
        padding: 0;
    }
}

/* Móviles muy pequeños */
@media (max-width: 575px) {
    .inside__nav .inside__nav-menu {
        display: none;
    }

    .success-storie__tasks-header {
        grid-template-columns: 1fr;
    }

    .success-storie__task-image {
        grid-column-start: 1;
        grid-column-end: 1;
    }

    .success-storie__results-numbers {
        width: auto;
        gap: 4rem;
    }
}