/*TAMAÑO*/

/* Pantallas medianas (tablets, 600px en adelante) */

@media (max-width: 600px) {

.seccion-degradado{

    padding: 25% 5%;

}

.contenido-centrado{

    gap: 10px;

}



.titulo-destacado{

    font-size: 1.5rem;

    }

.titulo-segundario{

    font-size: 1.1rem;

    }

.fotos{

    width: 100%;

    margin-top: 1rem;

    }

.unsxx{

    width: 100%;

    border-radius: 15px;

    margin-top: 1rem;

    } 

.titulo{

    font-size: 1rem;

    padding: 0 0.1rem 0 0.1rem;

    margin-top: 1rem;

    }     

.texto-narrativo{

    font-size: 0.8rem;

    padding: 0 0.1rem 0 0.1rem;

    margin: 1rem 0 0 0;

    }  

.texto{

    font-size: 0.8rem;

    padding: 0 0.1rem 0 1rem;  

}     

        .responsive-iframe {

            position: relative;

            overflow: hidden;

            width: 100%;

            padding-top: 56.25%; /* 16:9 Aspect Ratio */

            align-items: center;

            text-align: center;

            height: 500px;



        }

        .responsive-iframe iframe {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            border: 0;

        }

 /* Estilos base del botón */

        .btn-descargar {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            padding: 10px 22px;

            background: linear-gradient(135deg, #EB2735 0%, #EB2735 100%);

            color: white;

            font-family: 'Segoe UI', sans-serif;

            font-size: 16px;

            font-weight: 600;

            text-decoration: none;

            border-radius: 8px;

            border: none;

            cursor: pointer;

            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

            transition: all 0.3s ease;

            //margin-top: 2rem;

        }



        /* Efecto hover */

        .btn-descargar:hover {

            background: linear-gradient(135deg, #2C2CE5 0%, #2C2CE5 100%);

            transform: translateY(-2px);

            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);

        }



        /* Efecto al hacer clic */

        .btn-descargar:active {

            transform: translateY(0);

        }



        /* Ícono (usando Font Awesome) */

        .btn-descargar i {

            margin-right: 8px;

            font-size: 18px;

        }           

}

/* Pantallas grandes (escritorios, 1024px en adelante) */

@media screen and (min-width: 1024px) {

.seccion-degradado{

    padding: 10% 15%;

}

.contenido-centrado{

        gap: 15px;

}      

.titulo-destacado{

    font-size: 1.8rem;

    }

.titulo-segundario{

    font-size: 1.5rem;

    }

.fotos{

    width: 100%;

    margin-top: 0.5rem;

    }

.unsxx{

    width: 100%;

    border-radius: 15px;

    margin-top: 1rem;

    }

.titulo{

    font-size: 1.2rem;

    padding: 0 6rem 0 4rem;

    margin-top: 1rem;

    }     

.texto-narrativo{

    font-size: 1rem;

    padding: 0 4rem 0 4rem;

    margin: 1rem 0 0 0;

    }  

.texto{

    font-size: 1rem;

    padding: 0 4rem 0 5.5rem;   

}    

        .responsive-iframe {

            position: relative;

            overflow: hidden;

            width: 100%;

            padding-top: 56.25%; /* 16:9 Aspect Ratio */

            align-items: center;

            text-align: center;

            height: 600px;



        }

        .responsive-iframe iframe {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            border: 0;

        }

/* Estilos base del botón */

        .btn-descargar {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            padding: 10px 22px;

            background: linear-gradient(135deg, #EB2735 0%, #EB2735 100%);

            color: white;

            font-family: 'Segoe UI', sans-serif;

            font-size: 16px;

            font-weight: 600;

            text-decoration: none;

            border-radius: 8px;

            border: none;

            cursor: pointer;

            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

            transition: all 0.3s ease;

            //margin-top: 2rem;

        }



        /* Efecto hover */

        .btn-descargar:hover {

            background: linear-gradient(135deg, #2C2CE5 0%, #2C2CE5 100%);

            transform: translateY(-2px);

            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);

        }



        /* Efecto al hacer clic */

        .btn-descargar:active {

            transform: translateY(0);

        }



        /* Ícono (usando Font Awesome) */

        .btn-descargar i {

            margin-right: 8px;

            font-size: 18px;

        }        

}



/* Pantallas muy grandes (1440px en adelante) */

@media screen and (min-width: 1440px) {

.seccion-degradado{

    padding: 10% 15%;

}

.contenido-centrado{

    gap: 20px;

}    

.titulo-destacado{

    font-size: 2.2rem;

    }

.titulo-segundario{

    font-size: 2rem;

    }

.fotos{

    width: 100%;

    margin-top: 0.5rem;

    }

.unsxx{

    width: 100%;

    border-radius: 15px;

    margin-top: 1rem;

    }

.texto-narrativo{

    font-size: 1.2rem;

    padding: 0 6rem 0 6rem;

    margin: 1rem 0 0 0;

    }

.texto{

    font-size: 1.2rem;

    padding: 0 6rem 0 7rem;   

}

.titulo{

    font-size: 1.5rem;

    padding: 0 6rem 0 6rem;

    margin-top: 1rem;

    }

        .responsive-iframe {

            position: relative;

            overflow: hidden;

            width: 100%;

            padding-top: 56.25%; /* 16:9 Aspect Ratio */

            align-items: center;

            text-align: center;

            height: 1000px;



        }

        .responsive-iframe iframe {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            border: 0;

        }

 /* Estilos base del botón */

        .btn-descargar {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            padding: 12px 24px;

            background: linear-gradient(135deg, #EB2735 0%, #EB2735 100%);

            color: white;

            font-family: 'Segoe UI', sans-serif;

            font-size: 16px;

            font-weight: 600;

            text-decoration: none;

            border-radius: 8px;

            border: none;

            cursor: pointer;

            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

            transition: all 0.3s ease;

           // margin-top: 1rem;

        }



        /* Efecto hover */

        .btn-descargar:hover {

            background: linear-gradient(135deg, #2C2CE5 0%, #2C2CE5 100%);

            transform: translateY(-2px);

            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);

        }



        /* Efecto al hacer clic */

        .btn-descargar:active {

            transform: translateY(0);

        }



        /* Ícono (usando Font Awesome) */

        .btn-descargar i {

            margin-right: 8px;

            font-size: 18px;

        }        

}