h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Area Normal", sans-serif;
    font-weight: bold;
}

a {
    text-decoration: none;
}

p {
    font-size: 1.3rem;

}

body {
    background-color: #fffae8;
    font-family: "Area Normal", sans-serif;
    font-weight: normal;
}

.gruop-border-top {
    padding: 20px 0;
    border-top: 8px solid #0076de;
}

.gruop-border-top h2 {
    font-size: 1.4rem;
}

.text-main-1 {
    font-size: 2.3rem;
}

.text-main-2 {
    font-size: 1.6rem;
}

.cover-title {
    font-size: 4.2rem;
    font-weight: bold;
}

.cover-subtitle {
    font-size: 1.8rem;
    margin-bottom: 4px;
}

.btn-1 a {
    background-color: #fffae8;
    color: #000000;
    border: 2px solid #000000;
    border-radius: 15px;
    padding: 40px 20px;
    font-size: 1.2rem;
}

.btn-1:hover a {
    background-color: #000000;
    color: #fffae8;
}

.img-testimonio {
    display: flex;
    justify-content: end;
}

.img-testimonio img {
    border-radius: 100% !important;
    max-width: 74%;
}

.wp-block-cover {
    min-height: 700px;
}

.logo-title, .main-title {
    font-size: 2.7rem;
}
.logo-title {
    max-width: 435px;
    line-height:1.1;
}

.cifra-numero {
    color: #ffffff;
    font-weight: bold;
    font-size: 4rem;
}

.cifra-texto {
    font-size: 1.2rem;
    color: #ffffff;
}

@media screen and (max-width: 768px) {
    .text-main-1 {
        font-size: 1.5rem;
    }

    .text-main-2 {
        font-size: 1.1rem;
    }

    p {
        font-size: 1rem;
    }

    .gruop-border-top h2 {
        font-size: 1.2rem;
    }

    .cover-title {
        font-size: 2rem;
    }

    .cover-subtitle {
        font-size: 1.1rem;
    }

    .img-testimonio img {
        max-width: 50%;
    }

    .wp-block-cover {
        min-height: 380px;
    }

    .logo-title, .main-title {
        font-size: 1.6rem;
        margin: 0px;
    }

}


/* Color de fondo del contenedor (ajusta según tu web) */
.custom-cf7-form-wrapper {
    background-color: #FAF9E8;
    padding: 20px;
    
}

.custom-cf7-form-wrapper label {
    display: none;
    /* Ocultar etiquetas */
}

/* Estilo para los inputs de línea (Nombre, Apellido, etc.) */
.wpcf7 .input-underlined {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #000;
    /* Línea negra inferior */
    border-radius: 0;
    box-shadow: none;
    font-style: italic;
    /* Texto en cursiva */
    color: #000;
    padding-left: 0;
    font-family: "Area Normal", sans-serif;
    font-size: 1.3rem;
}

/* Quitar el brillo azul de Bootstrap al hacer clic */
.wpcf7 .input-underlined:focus {
    background-color: transparent;
    box-shadow: none;
    border-bottom: 4px solid #000;

}

/* Estilo para el área de texto grande */
.wpcf7 .textarea-bordered {
    background-color: transparent;
    border: 2px solid #000;
    border-radius: 10px;
    /* Bordes redondeados */
    box-shadow: none;
    font-style: italic;
    color: #000;
    padding: 15px;
    min-height: 120px;
    font-family: "Area Normal", sans-serif;
    font-size: 1.3rem;
}

.wpcf7 .textarea-bordered:focus {
    background-color: transparent;
    box-shadow: none;
    border-color: #333;
}

/* Estilos para la sección legal */
.custom-cf7-form-wrapper .legal-text-wrapper {
    font-style: normal; /* Para que el texto legal NO sea cursiva */
    font-size: 0.85rem; /* Un poco más pequeño que el resto */
    line-height: 1.4;
    color: #333;
}

.custom-cf7-form-wrapper .legal-text-wrapper strong {
    font-weight: 700;
}

/* Ajuste para que el checkbox y el texto queden alineados */
.custom-cf7-form-wrapper .acceptance-checkbox input[type="checkbox"] {
    margin-right: 8px;
    transform: translateY(1px); /* Pequeño ajuste vertical */
}

/* Estilo del enlace de políticas */
.custom-cf7-form-wrapper .acceptance-checkbox a {
    text-decoration: underline;
    color: #000;
    font-weight: 600;
}

/* Estilo del Botón ENVIAR */
.wpcf7 .btn-custom-outline, .btn-modal-outline {
    background-color: transparent;
    border: 2px solid #000;
    border-radius: 15px;
    /* Bordes muy redondeados */
    color: #000;
    padding: 15px 60px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    transition: all 0.3s ease;
    font-family: "Area Normal", sans-serif;
    font-size: 1.3rem;
}


/* Efecto Hover del botón (opcional) */
.wpcf7 .btn-custom-outline:hover, .btn-modal-outline:hover {
    background-color: #000;
    color: #fff;
}

/* Asegurar que los placeholders se vean negros */
.custom-cf7-form-wrapper ::placeholder {
    color: #000;
    opacity: 1;
}

.custom-cf7-form-wrapper .wpcf7-acceptance label {
    display: block;
    font-size: 16px;
}

.custom-cf7-form-wrapper .acceptance-checkbox input[type="checkbox"]{
    width: 18px;
    height: 18px;
}

li.label-menu-mobile {
    font-size: 0.8rem !important;
}

div#modal-1-content {
    padding: 2.3rem;
}

.has-modal-open li.wp-block-navigation-item {
    margin-bottom: 14px;
}

.bg-hero{
    min-height: 900px;
}

@media screen and (max-width: 768px) {
    .custom-cf7-form-wrapper {
        padding: 0px;
    }

    .wpcf7 .input-underlined {
        font-size: 1rem;
    }
    
    .bg-hero{
        min-height: 245px;
    }
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg{
    width: 28px;
    height: 28px;
}


.testimonio-body {
    border-top: 6px solid #0076de;
    margin-top: 16px;
    padding-top: 16px;
}

.casos-body {
    border-top: 6px solid #0076de;
    margin-top: 16px;
    padding-top: 16px;
}
.casos-body .texto p {
    font-size: 14px;
}

.testimonio-body .cargo, .casos-body .temas {
    font-size: 1.1rem;
    font-weight: bold;
    margin-bottom: 8px;
}