/*
Theme Name: Ulab
Theme URI:   
Version: 1.0
Description: El tema de Ulab
Author: garajedoce
Author URI: https://www.garajedoce.com
Template: Divi
*/  



:root {

    /*  ANCHURAS DE CONTENIDO   */
    --ancho-desktop:              80%;
    --ancho-tablet:               90%;
    --ancho-mobile:               90%;
    --ancho-botonera:           100%;
  
  
    /*   SEPARACIONES ENTRE ELEMENTOS   */
    --separacion:             20px;

  
    /* Definición de COLORES */
    --color-corporativo: #d9811c;

  }


/* FORMULARIOS */

/* Formulario miembros */

.texto-formulario p{
	font-size:15px;
}

.et_pb_post_extra.el_dbe_vertical_grid .post-media {
    height: 280px;
}

/* 
   Cambiamos la configuración visual del botón enviar para evitar que el usuario
   vuelva a pulsar y que al final se envíen varios correos con el mismo formulario
 */

.wpcf7-form.submitting .wpcf7-submit {
	opacity: 0.6;             /* Hacemos que el botón se vuelva algo más transparente */
	cursor: not-allowed;      /* Cambiamos al símbolo de prohibio cuando pasamos por encima del botón */
	pointer-events: none;     /* IMPORTANTE: Deshabilita los clics */
}


/* MEDIA QUERIES */

/*-> Cambiamos el Z-index del menú en la página de eventos */

@media screen and (max-width: 980px) {
	.post-type-archive-tribe_events :is(header, #et-main-area)
	{
		position: relative;
	}
	
	.post-type-archive-tribe_events header {
		z-index: 2;
	}

		.post-type-archive-tribe_events #et-main-area {
		z-index: 1;
	}
}

/* ============================================================
   Módulo Testimonios Divi — tipografía proporcionada
   (texto se veía demasiado pequeño respecto al ancho disponible)
   v2: subimos especificidad con `body` + apuntamos a description (parent)
   en vez de solo al <p>, porque Divi hereda font-size desde ahí.
   ============================================================ */
body .et_pb_testimonial.et_pb_module .et_pb_testimonial_description {
    padding: 40px 8% 40px 11%;
    font-size: 20px !important;
    line-height: 1.6 !important;
}
body .et_pb_testimonial.et_pb_module .et_pb_testimonial_description .et_pb_testimonial_content,
body .et_pb_testimonial.et_pb_module .et_pb_testimonial_description .et_pb_testimonial_content p {
    font-size: 20px !important;
    line-height: 1.6 !important;
}
body .et_pb_testimonial.et_pb_module .et_pb_testimonial_author {
    font-size: 19px !important;
    margin-top: 16px;
    display: inline-block;
    font-weight: 600;
}
body .et_pb_testimonial.et_pb_module .et_pb_testimonial_meta,
body .et_pb_testimonial.et_pb_module .et_pb_testimonial_meta .et_pb_testimonial_position {
    font-size: 16px !important;
    opacity: 0.9;
}

@media (min-width: 981px) {
    body .et_pb_testimonial.et_pb_module .et_pb_testimonial_description,
    body .et_pb_testimonial.et_pb_module .et_pb_testimonial_description .et_pb_testimonial_content,
    body .et_pb_testimonial.et_pb_module .et_pb_testimonial_description .et_pb_testimonial_content p {
        font-size: 26px !important;
        line-height: 1.6 !important;
    }
    body .et_pb_testimonial.et_pb_module .et_pb_testimonial_author {
        font-size: 22px !important;
    }
    body .et_pb_testimonial.et_pb_module .et_pb_testimonial_meta,
    body .et_pb_testimonial.et_pb_module .et_pb_testimonial_meta .et_pb_testimonial_position {
        font-size: 18px !important;
    }
    /* Foto bastante más grande (+30%) */
    body .et_pb_testimonial.et_pb_module .et_pb_testimonial_portrait {
        width: 210px !important;
        height: 210px !important;
        margin-bottom: 32px !important;
    }
}

/* Mobile: foto también más grande proporcionalmente */
@media (max-width: 980px) {
    body .et_pb_testimonial.et_pb_module .et_pb_testimonial_portrait {
        width: 130px !important;
        height: 130px !important;
        margin-bottom: 22px !important;
    }
}


/* ============================================================
   Formulario de contacto CF7 — UX mejorada
   Soporta tanto secciones con fondo claro como oscuro (Divi)
   ============================================================ */
.ulab-field {
    margin-bottom: 18px !important;
}
.ulab-field-label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 14px;
    letter-spacing: 0.2px;
    /* Color por defecto: hereda del wrapper. Forzamos legibilidad en ambos casos */
    color: inherit;
    opacity: 0.92;
}
/* Si la sección Divi tiene fondo oscuro (azul ULab), labels y textos en blanco */
.et_pb_bg_layout_dark .ulab-field-label,
.et_pb_section[class*="dark"] .ulab-field-label {
    color: #fff !important;
    opacity: 0.95;
}
.ulab-required {
    color: #ff5a5f !important;
    margin-left: 2px;
    font-weight: 700;
}
/* Inputs estilo más cuidado — fondo blanco siempre para legibilidad */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    background: #fff !important;
    color: #1f2937 !important;
    font-size: 15px;
    transition: border-color .2s, box-shadow .2s;
    box-sizing: border-box;
}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form textarea:focus {
    outline: none;
    border-color: #ff5a5f;
    box-shadow: 0 0 0 3px rgba(255, 90, 95, 0.18);
}

/* Bloque de consentimientos: SIEMPRE caja blanca con texto oscuro */
.ulab-consents {
    margin-top: 24px;
    padding: 18px 20px;
    background: #fff !important;
    border-radius: 10px;
    border-left: 3px solid #ff5a5f;
    color: #1f2937 !important;
}
.ulab-consent {
    margin: 0 0 14px !important;
    line-height: 1.55;
    font-size: 14px;
    color: #1f2937 !important;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.ulab-consent:last-child { margin-bottom: 0 !important; }
.ulab-consent a {
    color: #ff5a5f !important;
    text-decoration: underline;
}
.ulab-consent .wpcf7-list-item {
    margin: 0 !important;
}
.ulab-consent input[type="checkbox"] {
    margin-top: 3px !important;
    accent-color: #ff5a5f;
    width: 16px;
    height: 16px;
    cursor: pointer;
    flex-shrink: 0;
}

/* RGPD plegable — adaptable a fondo claro/oscuro */
.ulab-rgpd {
    margin: 16px 0 24px;
    font-size: 13px;
    color: inherit;
    opacity: 0.85;
}
.ulab-rgpd summary {
    cursor: pointer;
    color: #ff5a5f !important;
    font-weight: 600;
    list-style: none;
    padding: 6px 0;
    opacity: 1;
}
.ulab-rgpd summary::-webkit-details-marker { display: none; }
.ulab-rgpd summary::before {
    content: "▸ ";
    display: inline-block;
    transition: transform .2s;
}
.ulab-rgpd[open] summary::before {
    transform: rotate(90deg);
}
.ulab-rgpd p {
    padding: 12px 16px;
    background: #fff !important;
    color: #1f2937 !important;
    border-radius: 8px;
    margin-top: 6px;
    line-height: 1.6;
    border-left: 2px solid #ff5a5f;
}
.ulab-rgpd p a { color: #ff5a5f !important; text-decoration: underline; }

/* Botón submit */
.ulab-submit, .wpcf7-form .wpcf7-submit {
    background: #ff5a5f !important;
    color: #fff !important;
    padding: 12px 28px !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    cursor: pointer;
    transition: background .2s, transform .1s;
    margin-top: 16px;
}
.ulab-submit:hover, .wpcf7-form .wpcf7-submit:hover {
    background: #e94e53 !important;
    transform: translateY(-1px);
}


/* ============================================================
   Footer: ensanchar la primera columna (datos contacto)
   reaprovechando el espacio de la columna vacía adyacente.
   Layout original: 5 cols de 20% (1ª = contacto, 2ª = vacía,
   3ª SERVICIOS, 4ª INFORMACIÓN, 5ª Coworker+Síguenos).
   Nuevo:           1ª 28% | 3ª 24% | 4ª 24% | 5ª 24%  (vacía oculta)
   ============================================================ */
@media (min-width: 981px) {
    /* Ocultar la columna vacía */
    .et_pb_row_1_tb_footer .et_pb_column_2_tb_footer.et_pb_column_empty {
        display: none !important;
    }
    /* Ensanchar columna 1 (datos contacto) */
    .et_pb_row_1_tb_footer .et_pb_column_1_tb_footer {
        width: 28% !important;
        margin-right: 2.5% !important;
    }
    /* Resto de columnas: ajustar al espacio restante */
    .et_pb_row_1_tb_footer .et_pb_column_3_tb_footer,
    .et_pb_row_1_tb_footer .et_pb_column_4_tb_footer,
    .et_pb_row_1_tb_footer .et_pb_column_5_tb_footer {
        width: 21.5% !important;
        margin-right: 2.5% !important;
    }
    .et_pb_row_1_tb_footer .et_pb_column_5_tb_footer {
        margin-right: 0 !important;
    }
    /* Ahora SÍ los textos largos caben en una línea */
    .et_pb_row_1_tb_footer .et_pb_column_1_tb_footer .et_pb_text_inner p {
        white-space: nowrap;
    }
}
/* En tablet/móvil dejamos que wrap normal (las cols se apilan) */
@media (max-width: 980px) {
    [data-theme-builder-area="et_footer_layout"] .et_pb_text_inner p {
        white-space: normal;
    }
}