.screen-reader-response {
    display: none;
}
.contacto .formulario p{
    width: 100%;
}
span.wpcf7-not-valid-tip ,.wpcf7-response-output{
    color: #f8aec0;
    display: grid;
}
section.contacto.extendido {
    height: 100%;
}

.interna-libro  .wpcf7-list-item{
    margin: 0;
}

.item-submit {
    display: flex;
    justify-content: center;
}
.item-submit p {
     color: #000000; /* Color del placeholder */
    font-weight:400;
    display: flex;
    flex-direction: column;
}

.select2-container--open .select2-dropdown--below{
    top: 24px;
}


.select2-results__option{
    font-size: 14px;
}
.select2-container--open .select2-dropdown--above{
    top: 29px;
}

 .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #122f4f!important;
}


/* Estilo base del radio button */
input[type="radio"] {
    appearance: none; /* Quita el estilo por defecto */
    width: 18px;
    height: 18px;
    border: 2px solid #122F4F; /* Borde del color deseado */
    border-radius: 50%; /* Para que sea un círculo */
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: white;
}

/* Cuando el radio button está seleccionado */
input[type="radio"]:checked {
    background-color: #122F4F; /* Color de fondo */
    border-color: #122F4F;
}

/* Agrega el punto interno blanco */
input[type="radio"]::before {
    content: "";
    width: 7px;
    height: 6px;
    background-color: white; /* Color del punto interno */
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

/* Muestra el punto blanco cuando está seleccionado */
input[type="radio"]:checked::before {
    opacity: 1;
}




/* Estilo base del checkbox */
input[type="checkbox"] {
    appearance: none; /* Quita el estilo por defecto */
    width: 18px;
    height: 18px;
    border: 2px solid #122F4F; /* Borde con el color deseado */
    border-radius: 4px; /* Bordes redondeados (opcional) */
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: white;
}

/* Cuando el checkbox está marcado */
input[type="checkbox"]:checked {
    background-color: #122F4F; /* Color de fondo cuando está marcado */
    border-color: #122F4F;
}

/* Agrega el check interno */
input[type="checkbox"]::before {
    content: "✔"; /* Símbolo de check */
    font-size: 14px;
    color: white; /* Color del check */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

/* Muestra el check cuando está seleccionado */
input[type="checkbox"]:checked::before {
    opacity: 1;
}




.interna-libro select::placeholder,
.interna-libro input[type="text"]::placeholder,
.interna-libro input[type="email"]::placeholder,
.interna-libro textarea::placeholder,
.interna-libro input[type="file"]::placeholder {
    color: #000000; /* Color del placeholder */
    font-weight:400;
  
}

.interna-libro input::placeholder {  color: #000000; /* Color del placeholder */
    font-weight:400; }
.interna-libro input::-webkit-input-placeholder {  color: #000000; /* Color del placeholder */
    font-weight:400; }
.interna-libro input:-moz-placeholder {  color: #000000; /* Color del placeholder */
    font-weight:400; }
.interna-libro input::-moz-placeholder {  color: #000000; /* Color del placeholder */
    font-weight:400; }
.interna-libro input:-ms-input-placeholder {  color: #000000; /* Color del placeholder */
    font-weight:400; }



    .wpcf7-not-valid-tip{
        margin: 1px 0 10px;
    }

    @media (max-width: 1024px) {
        .select2-container--open .select2-dropdown--below{
            top: 28px;
        }

        .interna-libro .section-contactos .container{
            padding: 0 25px;
        }
      }

      @media (max-width: 768px) {
        .select2-container--open .select2-dropdown--above{
            top: 41px;
        }
        .select2-container--open .select2-dropdown--below{
            top: 40px;
        }

       
      }