/* ==========================================================================
   Hoolistic Web Toolkit · Clases de marca para montar páginas con bloques nativos de Elementor
   (landings de sector, propuestas y recursos). Se ponen en Avanzado → Clases CSS del bloque;
   el texto se edita en el propio bloque. Siguen el modo oscuro de Osty.

   hwt-btn / hwt-btn--ghost   botón principal (relleno) y secundario (borde), en el widget Botón
   hwt-item                   elemento de lista con línea fina arriba
   hwt-suave                  texto secundario (gris)
   hwt-lead                   texto grande de entrada; separa sus párrafos
   hwt-card                   tarjeta blanca redondeada (contenedor)
   hwt-banda                  franja amarilla de borde a borde (contenedor; fuerza texto oscuro)
   hwt-img                    imagen de cabecera 4:5 con esquinas redondeadas (4:3 en móvil)
   hwt-faq                    acordeón de preguntas con el estilo de la web (widget Acordeón)
   hwt-guia                   texto largo con tablas, listas de comprobación y citas (widget Editor de texto)
   ========================================================================== */

/* Botones */
.hwt-btn .elementor-button{display:inline-flex;align-items:center;gap:8px;padding:13px 25px;border:1.5px solid var(--color-contrast-higher,#262626);border-radius:999px;background:var(--color-contrast-higher,#262626);color:var(--color-bg,#fff);font-weight:600;font-size:.95rem;line-height:1.2;transition:transform .2s ease}
.hwt-btn .elementor-button:hover{transform:translateY(-2px);color:var(--color-bg,#fff)}
body[data-theme="dark"] .hwt-btn .elementor-button,html[data-theme="dark"] .hwt-btn .elementor-button{color:#161616}
.hwt-btn--ghost .elementor-button,.hwt-btn--ghost .elementor-button:hover,body[data-theme="dark"] .hwt-btn--ghost .elementor-button{background:transparent;color:var(--color-contrast-higher,#262626)}
@media (prefers-reduced-motion:reduce){.hwt-btn .elementor-button{transition:none}}

/* Listas, textos y tarjetas */
.hwt-lead p{margin:0}
.hwt-lead p+p{margin-top:.8em}
.hwt-item .elementor-widget-text-editor,.hwt-card .elementor-widget-text-editor{line-height:1.6}
.hwt-item .elementor-widget-text-editor p,.hwt-card .elementor-widget-text-editor p{margin:0}
.hwt-item{border-top:1px solid var(--color-contrast-lower,#dcdad6)}
.hwt-suave,.hwt-suave p{color:var(--color-contrast-medium,#595959)}
.hwt-card{background:#fff;border-radius:32px}
.hwt-card,.hwt-card .elementor-heading-title,.hwt-card p,.hwt-card a{color:#262626}
.hwt-banda{background:#fcca73}
.hwt-banda,.hwt-banda .elementor-heading-title,.hwt-banda p,.hwt-banda a{color:#262626}
.hwt-banda .hwt-suave,.hwt-banda .hwt-suave p{color:#4d4a45}
.hwt-banda .hwt-item{border-top-color:rgba(38,38,38,.18)}

/* Imagen de cabecera */
.hwt-img img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:24px}
@media (max-width:767px){.hwt-img img{aspect-ratio:4/3}}

/* Preguntas (widget Acordeón) */
.hwt-faq .elementor-accordion .elementor-accordion-item{border:0;border-bottom:1px solid var(--color-contrast-lower,#dcdad6)}
.hwt-faq .elementor-accordion .elementor-accordion-item:first-child{border-top:1px solid var(--color-contrast-lower,#dcdad6)}
.hwt-faq .elementor-accordion .elementor-tab-title{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:20px;padding:20px 0;border:0;font-family:var(--font-heading,"Poppins"),sans-serif;font-size:clamp(1rem,1.6vw,1.15rem);font-weight:600;line-height:1.35}
.hwt-faq .elementor-accordion .elementor-tab-title a,.hwt-faq .elementor-accordion .elementor-tab-title .elementor-accordion-icon{color:inherit}
.hwt-faq .elementor-accordion .elementor-tab-content{padding:0 34px 22px 0;border:0;max-width:70ch;line-height:1.6}
@media (max-width:767px){.hwt-faq .elementor-accordion .elementor-tab-content{padding-right:0}}

/* Texto largo de guías */
.hwt-guia{line-height:1.7}
.hwt-guia h3{margin:1.6em 0 .4em;font-size:1.2rem;font-weight:600;line-height:1.3}
.hwt-guia p,.hwt-guia ul,.hwt-guia ol{margin:0 0 1em}
.hwt-guia p,.hwt-guia li,.hwt-guia blockquote,.hwt-guia td{overflow-wrap:anywhere}
.hwt-guia a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hwt-guia blockquote{margin:1.2em 0;padding:16px 20px;border:0;border-radius:16px;background:rgba(127,127,127,.08);font-style:normal}
.hwt-guia blockquote p:last-child{margin:0}
.hwt-guia .hwt-guia__tabla{max-width:100%;overflow-x:auto;margin:1.2em 0 1.6em;border-top:1px solid var(--color-contrast-lower,#dcdad6)}
.hwt-guia table{width:100%;min-width:620px;border-collapse:collapse;font-size:.95rem;line-height:1.5}
.hwt-guia th,.hwt-guia td{padding:12px 14px 12px 0;border:0;border-bottom:1px solid var(--color-contrast-lower,#dcdad6);text-align:left;vertical-align:top;background:none}
.hwt-guia th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-contrast-medium,#595959);font-weight:600}
.hwt-guia ul.hwt-guia__check{list-style:none;padding:0}
.hwt-guia ul.hwt-guia__check li{position:relative;padding:10px 0 10px 34px;border-bottom:1px solid var(--color-contrast-lower,#dcdad6)}
.hwt-guia ul.hwt-guia__check li::before{content:"";position:absolute;left:0;top:13px;width:18px;height:18px;border:1.5px solid currentColor;border-radius:5px}
.elementor-widget-text-editor.hwt-guia{min-width:0;max-width:100%}