.elementor-10665 .elementor-element.elementor-element-4096a6bc{--display:flex;--padding-top:100px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10665 .elementor-element.elementor-element-bcf4590 .elementor-heading-title{color:var( --e-global-color-6f4f6ea );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10665 .elementor-element.elementor-element-a074a8e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-10665 .elementor-element.elementor-element-a074a8e a{color:var( --e-global-color-secondary );}.elementor-10665 .elementor-element.elementor-element-a074a8e a:hover, .elementor-10665 .elementor-element.elementor-element-a074a8e a:focus{color:var( --e-global-color-secondary );}/* Start custom CSS for text-editor, class: .elementor-element-a074a8e */.elementor-10665 .elementor-element.elementor-element-a074a8e ul {
    padding: 0 20px;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-da2eefd *//* ============================================
   ESTILOS BASE - LIBRO DE RECLAMACIONES
   ============================================ */

/* Inputs y controles generales */
input.wpcf7-form-control.wpcf7-text {
    width: 100%;
}

 .wpcf7-list-item {
     margin: 0!important;
 }

 .wpcf7-list-item label{
    padding: 20px;
    border: solid 1px #cecece;
    margin: 0;
    margin-right: 12px!important;
    border-radius: 12px;
        width: 100%;

 
}
.wpcf7-radio {
    display: flex;
    gap: 20px;
}

 input[type="radio"], .wpcf7-list-item input[type="checkbox"] {
    accent-color: #2F6DEA;
}

input.wpcf7-validates-as-number,  .wpcf7-list-item {
    width: 100% !important;
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    width: 100%;
    height: 120px;
    resize: vertical;
}

span.wpcf7-list-item-label {
    margin-top: 0px !important; 
}

input[type=date], 
input[type=email], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=url], 
select, 
textarea {
    border: solid #cecece 1px;
}

/* Formulario principal */
.form-libro {
    font-size: 14px;
    max-width: 100%;
}

.form-libro input[type='radio'] {
    accent-color: var(--e-global-color-secondary);
}

.form-libro input {
    border-radius: 0px;
    padding: 12px;
    border: 1px solid #A6B2C1;
    box-sizing: border-box;
}

.form-libro select {
    border: 1px solid #A6B2C1;
    border-radius: 0px;
    padding: 12px;
    box-sizing: border-box;
    width: 100%;
}

.label-custom input[type="text"] {
    pointer-events: none;
}

/* ============================================
   CABECERA CON DATOS (Fecha y Número)
   ============================================ */

.book-datos {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    background: #dcf4ff;
    border-radius: 12px;
}

.book-datos-box {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 18px 15px;
    box-sizing: border-box;
}

.book-datos-box p {
    margin: 0;
}

.book-datos-box label {
    display: inline-block;
    color: #00224F;
    font-weight: 500;
    font-size: 14px;
}

.book-datos-box strong {
    color: #2B4AD9;
    font-weight: 600;
}

.book-datos-box .wpcf7-form-control-wrap {
    display: inline-block;
}

.book-datos-box input {
    text-align: center;
    border: 0 !important;
    color: #2B4AD9;
    font-weight: 500;
    pointer-events: none;
    background: transparent;
    padding: 0 !important;
}

/* ============================================
   SECCIONES DEL FORMULARIO
   ============================================ */

.book-box-first {
    padding: 50px 0px;
}

.book-box {
    padding: 50px 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.book-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 20px 0;
    color: #00224F;
}

.book-subtitle {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 28px 0;
}

/* ============================================
   INPUTS Y CAMPOS
   ============================================ */

.book-input {
    padding: 8px;
    box-sizing: border-box;
}

.book-input-two {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
}

.book-input-two .book-input {
    width: 50%;
}

.book-input-three {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
}

.book-input-three .book-input {
    width: 33.333%;
}

/* Selects especiales */
.book-input.select select {
    width: 100%;
}

/* ============================================
   CHECKBOXES Y RADIOS
   ============================================ */

.book-checks {
    margin-bottom: 40px;
    color: #000;
}

.book-checks .wpcf7-list-item {
    margin: 0;
    margin-right: 60px;
    color: #000;
    display: inline-block;
}

.wpcf7-list-item label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.wpcf7-list-item input[type="radio"] {
    margin-right: 8px;
}

/* ============================================
   INFORMACIÓN Y MENSAJES
   ============================================ */

.book-info {
    background: #f8f9fa;
    padding: 15px 20px;
    border-left: 4px solid #17a2b8;
    margin: 20px 0;
}

.book-info p {
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.6;
}

.book-campos {
    margin: 20px 0;
    font-size: 13px;
    color: #666;
}

/* ============================================
   ENLACES
   ============================================ */

.book-box a {
    color: #000;
    font-weight: 700;
    text-decoration: underline !important;
}

.book-accept {
    display: flex;
    align-items: center;
    justify-content: center;
}

.book-accept a {
    color: #000;
    font-weight: 600;
    text-decoration: underline;
}

/* ============================================
   ARCHIVOS
   ============================================ */

.book-input .input-file,
.book-input input[type="file"] {
    width: 100%;
    background: #F2F2F2;
    padding: 12px 18px;
    box-sizing: border-box;
}

.book-input input[type="file"]::-webkit-file-upload-button {
   border: solid 1px #1F51D0;
    color: #1F51D0;
    font-weight: 600;
    border-radius: 6px;
    padding: 10px 18px;
    height: 48px;
    align-items: center;
   background: #fff;
   margin-right: 16px;
   
}

.text-msm {
    font-size: 12px;
    color: #666;
    margin: 8px 0 0 0;
    font-style: italic;
}

/* ============================================
   BOTÓN DE ENVÍO
   ============================================ */

.btn-send {
    text-align: center;
    margin-top: 30px;
}

.btn-send input[type="submit"] {
    background: #2B4AD9;
    color: #fff;
    border: none;
    padding: 15px 50px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 4px;
    transition: background 0.3s ease;
}

.btn-send input[type="submit"]:hover {
    background: #1e3cb8;
}

/* ============================================
   OTROS ELEMENTOS
   ============================================ */

.book-edad {
    margin-top: 50px;
    margin-bottom: 28px;
    font-size: 16px;
}

.book-edad .wpcf7-list-item {
    margin: 0;
}

.book-list {
    margin-top: 20px;
}

/* ============================================
   RESPONSIVE - TABLETS (768px - 1024px)
   ============================================ */

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .book-datos-box {
        width: 50%;
        padding: 16px 12px;
    }

    .book-box-first,
    .book-box {
        padding: 40px 0px;
    }

    .book-title {
        font-size: 17px;
    }

    .book-checks .wpcf7-list-item {
        margin-right: 40px;
    }
}

/* ============================================
   RESPONSIVE - MOBILE (max 767px)
   ============================================ */

@media screen and (max-width: 767px) {
    /* Cabecera de datos */
    .book-datos {
        border-radius: 8px;
    }

    .book-datos-box {
        width: 100%;
        padding: 15px 10px;
        flex-direction: column;
        text-align: center;
    }

    .book-datos-box label {
        font-size: 13px;
        margin-bottom: 5px;
    }

    /* Secciones */
    .book-box-first,
    .book-box {
        padding: 30px 0px;
    }

    .book-title {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .book-subtitle {
        font-size: 15px;
        margin-bottom: 20px;
    }

    /* Inputs en columna para móvil */
    .book-input-two {
        flex-direction: column;
        gap: 0;
    }

    .book-input-two .book-input {
        width: 100%;
    }

    .book-input-three {
        flex-direction: column;
        gap: 0;
    }

    .book-input-three .book-input {
        width: 100%;
    }

    /* Inputs y controles */
    .book-input {
        padding: 6px;
    }

    .form-libro input,
    .form-libro select {
        padding: 10px;
        font-size: 14px;
    }

    textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
        height: 100px;
    }

    /* Checkboxes y radios */
    .book-checks {
        margin-bottom: 30px;
    }

    .book-checks .wpcf7-list-item {
        display: block;
        margin-right: 0;
        margin-bottom: 15px;
    }

    /* Información */
    .book-info {
        padding: 12px 15px;
        font-size: 13px;
    }

    .book-info p {
        font-size: 13px;
    }

    /* Botón */
    .btn-send {
        margin-top: 20px;
    }

    .btn-send input[type="submit"] {
        width: 100%;
        padding: 14px 30px;
        font-size: 15px;
    }

    /* Archivo adjunto */
    .text-msm {
        font-size: 11px;
    }
}

/* ============================================
   RESPONSIVE - MOBILE PEQUEÑO (max 480px)
   ============================================ */

@media screen and (max-width: 480px) {
    .form-libro {
        font-size: 13px;
    }

    .book-title {
        font-size: 15px;
    }

    .book-subtitle {
        font-size: 14px;
    }

    .book-datos-box label {
        font-size: 12px;
    }

    .form-libro input,
    .form-libro select {
        padding: 9px;
        font-size: 13px;
    }

    .btn-send input[type="submit"] {
        font-size: 14px;
        padding: 12px 25px;
    }
}/* End custom CSS */