@media screen and (max-width: 768px) {
    .modal-content {
        margin: 10px;
        padding: 20px;
        width: calc(100% - 20px);
        max-width: none;
    }
    
    .modal-title {
        font-size: 1.5em;
    }
    
    .modal-text {
        font-size: 1em;
    }
}

@media (max-width: 730px) {
    .precio-container {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .logo__titulo {
        width: 25vh;
    }

    .titulo__cotizador {
        font-size: 1.3rem;
    }

    .cobertura-row {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .cobertura-titulo {
        text-align: left;
    }

    .cobertura-info {
        padding-right: 0;
        margin-bottom: 10px;
    }

    .precio-slot {
        min-width: 100%;
    }

    .precio-aseguradora {
        width: 100%;
        margin: 0 20px 20px 20px;
    }

    .btn-elegir {
        width: 80%;
    }

    .aseguradora-logo {
        width: 100px;
    }

    .mercantil-logo {
        width: 100px;
    }

    .titulo__cotizaciones {
    text-align: center;
    }

    .form-group {
        margin-bottom: 0.5rem;
    }

    .form-group1 {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .form-group2 {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .iconos-cobertura {
        justify-content: center;
    }
}