$whois_option: disable;
$integration: disable;
$recaptcha_invis: 1;
$check_button_color: #32bdd6;
#wdc-style .btn-info { background-color: #{$check_button_color} !important;border-color:#{$check_button_color}! important; } #wdc-style input:focus {border-color:#{$check_button_color} !important}$check_button_text_color: #fff;
#wdc-style .btn-info { color: #{$check_button_text_color} !important; }$order_button_color: #5cb85c;
#wdc-style .order-btn { background-color: #{$order_button_color} !important;border-color: #{$order_button_color} !important; }$order_button_text_color: #fff;
#wdc-style .order-btn { color: #{$order_button_text_color} !important; }$whois_button_color: #d9534f;
#wdc-style .whois-btn { background-color: #{$whois_button_color} !important;border-color: #{$whois_button_color} !important; }$whois_button_text_color: #fff;
#wdc-style .whois-btn { color: #{$whois_button_text_color} !important; }$available_background_color: #e7fadf;
#wdc-style .available { background-color: #{$available_background_color} !important; }$available_border_color: #b9ceab;
#wdc-style .available { border-color: #{$available_border_color} !important; }$available_text_color: #3c763d;
#wdc-style .available { color: #{$available_text_color} !important; }$not_available_background_color: #fcf2f2;
#wdc-style .not-available { background-color: #{$not_available_background_color} !important; }$not_available_border_color: #dFb5b4;
#wdc-style .not-available { border-color: #{$not_available_border_color} !important; }$not_available_text_color: #a94442;
#wdc-style .not-available { color: #{$not_available_text_color} !important; }$search_box_border_color: #003e52;
#wdc-style .input-group { border: 1px solid #{$search_box_border_color}; }#wdc-style .large #Search {
    font-size: 18px!Important;
}

/* Estilo general para el formulario */
#wdc-domain-form {
    max-width: 100%;
    margin: 0 auto;
    padding: 15px;
}

#wdc-style {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Ajustes para pantallas pequeñas (móviles) */
@media (max-width: 768px) {
    #wdc-domain-form {
        padding: 10px;
    }

    .input-group.large {
        width: 100%;
        max-width: none;
    }

    .form-control {
        width: 100%;
        padding: 12px;
        font-size: 16px;
    }

    .input-group-btn button {
        width: 100%;
        padding: 12px;
        font-size: 16px;
        margin-top: 10px;
    }

    #results {
        width: 100%;
        padding: 10px;
        margin-top: 15px;
    }
}

/* Ajustes para pantallas medianas (tabletas) */
@media (min-width: 769px) and (max-width: 1024px) {
    .input-group.large {
        width: 100%;
    }

    .form-control {
        width: 80%;
        padding: 10px;
        font-size: 16px;
    }

    .input-group-btn button {
        width: auto;
        padding: 12px