/*
* Theme Name: Blo child
* Theme URI: https://themeforest.net/user/xpeedstudio/portfolio
* Description: Blo is a powerful and modern Corporate Business wordpress theme.
* Version: 1.0
* Author: XpeedStudio
* Author URI: http://www.xpeedstudio.com
Template: blo
Text Domain: blo
Tags: left-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* ==================================================
   LIBRO DE RECLAMACIONES - METFORM 7974
   ================================================== */

#formulario-reclamaciones {
    max-width: 950px;
    margin: 35px auto 55px;
    padding: 38px 42px;
    background: #ffffff;
    border: 1px solid #e7eaf0;
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.07);
}

/* Separación entre campos */
#formulario-reclamaciones .mf-input-wrapper {
    margin-bottom: 22px;
}

/* Etiquetas */
#formulario-reclamaciones label {
    color: #172750 !important;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 8px;
}

/* Campos obligatorios */
#formulario-reclamaciones .mf-input-required {
    color: #d52b2b !important;
}

/* Inputs */
#formulario-reclamaciones input[type="text"],
#formulario-reclamaciones input[type="email"],
#formulario-reclamaciones input[type="tel"],
#formulario-reclamaciones input[type="number"],
#formulario-reclamaciones input[type="date"],
#formulario-reclamaciones textarea,
#formulario-reclamaciones select {
    width: 100%;
    background: #fafbfc !important;
    border: 1px solid #d8dde8 !important;
    border-radius: 8px !important;
    padding: 13px 15px !important;
    font-size: 15px;
    color: #252525 !important;
    transition: all 0.2s ease;
}

/* Placeholder */
#formulario-reclamaciones input::placeholder,
#formulario-reclamaciones textarea::placeholder {
    color: #9ca3af !important;
}

/* Focus */
#formulario-reclamaciones input:focus,
#formulario-reclamaciones textarea:focus,
#formulario-reclamaciones select:focus {
    background: #ffffff !important;
    border-color: #1b3470 !important;
    box-shadow: 0 0 0 3px rgba(27, 52, 112, 0.10) !important;
    outline: none !important;
}

/* Textarea */
#formulario-reclamaciones textarea {
    min-height: 135px;
    resize: vertical;
}

/* Radio y checkbox */
#formulario-reclamaciones input[type="radio"],
#formulario-reclamaciones input[type="checkbox"] {
    accent-color: #172f69;
}

/* Botón */
#formulario-reclamaciones button[type="submit"],
#formulario-reclamaciones input[type="submit"] {
    background: #172f69 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 8px !important;
    padding: 14px 30px !important;
    min-width: 215px;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer;
    box-shadow: 0 5px 14px rgba(23, 47, 105, 0.18);
    transition: all 0.2s ease;
}

#formulario-reclamaciones button[type="submit"]:hover,
#formulario-reclamaciones input[type="submit"]:hover {
    background: #213e82 !important;
    transform: translateY(-1px);
    box-shadow: 0 7px 18px rgba(23, 47, 105, 0.25);
}

/* Texto de ayuda */
#formulario-reclamaciones .mf-input-help {
    margin-top: 6px;
    color: #7a8190;
    font-size: 13px;
}

/* Responsive */
@media (max-width: 768px) {
    #formulario-reclamaciones {
        margin: 20px 12px 35px;
        padding: 24px 18px;
        border-radius: 10px;
    }

    #formulario-reclamaciones button[type="submit"],
    #formulario-reclamaciones input[type="submit"] {
        width: 100%;
    }
}

/*
 * Theme Name: Blo child
 * ...
 * Text Domain: blo
 * ...
 */

/* ==================================================
   LIBRO DE RECLAMACIONES - METFORM 7974
   ================================================== */

#formulario-reclamaciones {
   ...
}