/* Ajustes de diseño sobre la web estática (3/10/2026). Se carga después de Divi.
   Los selectores llevan más peso que los del tema hijo (themes/ulab/style.css),
   que fija el testimonio a 20px con !important. */

/* Testimonios: aprovechar el espacio. Menos relleno, frase más grande y más
   ancha, nombre centrado y visible. */
html body .et_pb_section:has(.et_pb_testimonial) { padding-top: 56px !important; padding-bottom: 56px !important; }
html body .et_pb_section .et_pb_testimonial.et_pb_module { max-width: 1000px !important; margin-left: auto !important; margin-right: auto !important; }
html body .et_pb_section .et_pb_testimonial.et_pb_module .et_pb_testimonial_description .et_pb_testimonial_content p {
  font-size: clamp(26px, 2.4vw, 34px) !important; line-height: 1.45 !important; }
html body .et_pb_section .et_pb_testimonial.et_pb_module .et_pb_testimonial_author {
  display: block !important; text-align: center !important; font-size: clamp(20px, 1.6vw, 24px) !important; margin-top: 22px !important; }
html body .et_pb_section .et_pb_testimonial.et_pb_module .et_pb_testimonial_meta,
html body .et_pb_section .et_pb_testimonial.et_pb_module .et_pb_testimonial_position { display: block !important; text-align: center !important; }

/* La fila del testimonio era estrecha: la frase ocupaba ~645px en pantallas
   de 1000px. Se ensancha la fila y su columna. */
html body .et_pb_section .et_pb_row:has(.et_pb_testimonial) { width: 90% !important; max-width: 1100px !important; }
html body .et_pb_section .et_pb_row:has(.et_pb_testimonial) > .et_pb_column { width: 100% !important; margin-right: 0 !important; }
@media (max-width: 767px) {
  html body .et_pb_section .et_pb_testimonial.et_pb_module .et_pb_testimonial_description .et_pb_testimonial_content p { font-size: 21px !important; }
}

/* Sin WordPress (4/10/2026): el buscador de eventos y las inscripciones de
   «The Events Calendar» enviaban al WordPress, que ya no existe. Los eventos
   nuevos salen del panel (ulab-dynamic.js) con su propio enlace. */
html body .tribe-events-c-events-bar,
html body .tribe-events-c-top-bar__datepicker,
html body .tribe-tickets__tickets-form,
html body .tribe-tickets__rsvp-wrapper,
html body .tribe-block__tickets,
html body .tribe-block__rsvp { display: none !important; }

/* Newsletter (plantilla.py + ulab-dynamic.js, 4/10/2026): el módulo de Divi no
   traía formulario. Va sobre el fondo oscuro del módulo. */
html body .ulab-newsletter { margin-top: 18px; max-width: 560px; }
html body .ulab-newsletter__fila { display: flex; gap: 8px; flex-wrap: wrap; }
html body .ulab-newsletter input[type="email"] { flex: 1 1 240px; min-width: 0; padding: 12px 14px; border: 0; border-radius: 8px; font-size: 16px; color: #323e48; background: #fff; }
html body .ulab-newsletter button { padding: 12px 22px; border: 0; border-radius: 8px; background: #FF7276; color: #fff; font-weight: 700; font-size: 16px; cursor: pointer; }
html body .ulab-newsletter button:disabled { opacity: .6; }
html body .ulab-newsletter__acepto { display: block; margin-top: 10px; font-size: 14px; color: #e8edf2; }
html body .ulab-newsletter__acepto a { color: #fff; text-decoration: underline; }
html body .ulab-newsletter__trampa { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
html body .ulab-newsletter__msg { margin: 8px 0 0; font-size: 14px; font-weight: 600; min-height: 1.2em; }

/* Portada: el aviso estático «No hay eventos» no se enseña; lo sustituye el próximo evento del panel (ulab-dynamic.js). */
#ect-no-events{visibility:hidden}

/* ── Auditoría prelanzamiento (19/10/2026) ── */
/* WEB-12: foco visible con teclado (Divi quitaba el contorno). Anillo azul marino con
   halo blanco, para que se vea sobre fondos claros y oscuros. */
html body a:focus-visible, html body button:focus-visible, html body input:focus-visible,
html body select:focus-visible, html body textarea:focus-visible, html body summary:focus-visible,
html body [tabindex]:focus-visible, html body [role="button"]:focus-visible {
  outline: 3px solid #323E48 !important; outline-offset: 2px !important; box-shadow: 0 0 0 5px #fff !important; }
html body .mobile_menu_bar { cursor: pointer; }

/* WEB-13: botones con texto blanco sobre el coral de marca (#FF7276). El 23/10/2026 se
   volvió del coral oscuro (#CF4348) al de marca a petición del dueño. */
html body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
  background-color: #FF7276 !important; border-color: #FF7276 !important; color: #fff !important; }
html body .ulab-submit, html body .wpcf7-form .wpcf7-submit { background: #FF7276 !important; }
html body .ulab-submit:hover, html body .wpcf7-form .wpcf7-submit:hover { background: #E66367 !important; }
html body .boton_banner { background-color: #FF7276; }
html body .boton_banner:hover { background-color: #E66367; }
html body .ulab-blog-cta__btn--main { background: #FF7276; }

/* WEB-09: de las tres aulas queda una; su columna, centrada. */
html body .ulab-aula-unica { justify-content: center; }
html body .ulab-aula-unica.et_pb_row > .et_pb_column.et_pb_column { float: none !important; margin-left: auto !important; margin-right: auto !important; }

/* ── Auditoría prelanzamiento, noche (19/10/2026) ── */
/* Portada (es/en): la tarjeta «Oficinas privadas» tiene fondo amarillo: título, texto y botón en azul
   marino (en blanco daban ~1,4–1,7:1). */
body.home .et_pb_blurb_5 .et_pb_module_header,
body.home .et_pb_blurb_5 .et_pb_module_header *,
body.home .et_pb_blurb_5 .et_pb_blurb_description,
body.home .et_pb_blurb_5 .et_pb_blurb_description * { color: #323E48 !important; }
/* El amarillo al 69 % deja ver las zonas oscuras de la foto (3,75:1 en lo peor); al 85 % el azul
   marino queda por encima de 5:1 incluso sobre negro. */
body.home .et_pb_blurb_5,
body.home .et_pb_blurb_5:hover { background-color: rgba(255, 208, 64, .85) !important; }
body.home .et_pb_blurb_5 p .boton_home,
body.home .et_pb_blurb_5 .boton_home { color: #323E48 !important; border-color: #323E48 !important; }
body.home .et_pb_blurb_5 .boton_home:hover { background-color: rgba(50, 62, 72, .08) !important; }
body.home .et_pb_blurb_5 .boton_home:focus-visible { outline: 3px solid #323E48; outline-offset: 3px; }
/* ── fin noche 19/10 ── */

/* ── Prueba web 22/10/2026 ── */
/* Entre 981 y 1279 px Divi deja los tamaños de escritorio en columnas estrechas y, con
   overflow-wrap: break-word, partía palabras («emprendedore / s», «Categoría-s»,
   «coworkin / g»). Títulos algo más pequeños en ese tramo (sin guiones automáticos: con
   hyphens: auto Chrome partía también las palabras que cabían). Los tamaños de Divi van
   con «.et-db #et-boc .et-l …» (mucha especificidad): aquí, !important. */
@media only screen and (min-width: 981px) and (max-width: 1279px) {
  body.post-type-archive-tribe_events #page-container .et_pb_text_1 h1 { font-size: min(57px, 4.4vw) !important; }
  body #sidebar .wp-block-heading { font-size: 24px !important; }
  body #page-container .et_pb_blurb h2.et_pb_module_header { font-size: 24px !important; }
  /* Las de menos tamaño (h3 de 20 px) se quedan como están: si sobra un par de píxeles, la palabra entera. */
  body #page-container .et_pb_blurb .et_pb_module_header { overflow-wrap: normal; }
  body.home #page-container .et_pb_post_extra .entry-title { font-size: 20px !important; }
}
/* ── fin prueba web 22/10 ── */