@media (min-width: 576px) {
    .container-titulo-premio h1 {
        margin: auto auto auto 10%;
        font-size: 30px;
    }
    .columna.texto h2 {
        font-size: 16px;
        font-weight: 500;
    }
    .columna.texto p {
        font-size: 15px;
    }
    .container.text-center {
        max-width: 1200px; /* Ancho máximo del contenedor */
        margin: 40px auto; /* Centrado en la página */
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .card-botones .button-dibujo1 {
        font-size: 10px;
        padding: 6px 12px;
    }
    .columna.imagen img {
        max-width: 100%;
        height: auto;
        margin: auto;
    }
}
@media (min-width: 900px) {
    .columna.texto h2 {
        font-size: 25px;
        font-weight: 500;
    }
    .columna.texto p {
        font-size: 22px;
    }
    .card-botones .button-dibujo1 {
        font-size: 16px;
        padding: 5px 20px;
    }
}
@media (min-width: 1200px) {
    .container-titulo-premio {
        height: 150px; /* Más altura para títulos destacados */
        padding: 20px; /* Ajuste para mayor espacio interno */
    }
    .container-titulo-premio h1 {
        font-size: 40px; /* Títulos más grandes */
        margin-left: 15%; /* Más espacio a la izquierda */
    }
    .contenedor-premio {
        width: 60%; /* Reduce el ancho para mayor enfoque */
        padding: 40px; /* Más espacio interno */
        border-radius: 20px; /* Bordes más suaves */
    }
    .columna.texto h2 {
        font-size: 28px; /* Tamaño mayor para títulos */
        font-weight: bold; /* Destacar más el texto */
    }
    .columna.texto p {
        font-size: 20px; /* Ajuste proporcional para párrafos */
    }
    .columna.imagen img {
        max-width: 70%; /* Ajusta imagen sin desbordar */
        margin: auto; /* Centrado */
    }
    .card {
        padding: 30px; /* Más espacio interno */
        margin: 30px 0; /* Mayor separación entre tarjetas */
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Sombra más prominente */
    }
    .card:hover {
        transform: translateY(-8px); /* Mayor elevación en hover */
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25); /* Mayor efecto de sombreado */
    }
    .card-botones .button-dibujo1 {
        font-size: 18px; /* Botones más visibles */
        padding: 10px 25px; /* Más espacio interno */
    }
}