.elementor-kit-80212{--e-global-color-primary:#222222;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FF7802;--e-global-color-cd1e84d:#F9E0E299;--e-global-color-a983356:#FDF4ED;--e-global-color-02754a5:#FFFFFF00;--e-global-color-ef9a968:#FFFFFF;--e-global-color-daeb24d:#81818181;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:58px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:56px;--e-global-typography-primary-letter-spacing:-0.3px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:24px;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:-0.2px;--e-global-typography-accent-word-spacing:0px;--e-global-typography-13b2551-font-family:"Roboto Slab";--e-global-typography-13b2551-font-size:28px;--e-global-typography-13b2551-font-weight:700;--e-global-typography-13b2551-text-transform:capitalize;--e-global-typography-13b2551-font-style:normal;--e-global-typography-13b2551-text-decoration:none;--e-global-typography-13b2551-line-height:1.6em;--e-global-typography-13b2551-letter-spacing:-0.7px;--e-global-typography-02da0e9-font-family:"Inter";--e-global-typography-02da0e9-font-size:16px;--e-global-typography-02da0e9-font-weight:600;--e-global-typography-02da0e9-text-transform:capitalize;--e-global-typography-02da0e9-font-style:normal;--e-global-typography-02da0e9-text-decoration:none;--e-global-typography-02da0e9-line-height:26px;--e-global-typography-628465a-font-family:"Lora";--e-global-typography-628465a-font-size:78px;--e-global-typography-628465a-font-weight:700;--e-global-typography-628465a-text-transform:capitalize;--e-global-typography-628465a-font-style:normal;--e-global-typography-628465a-text-decoration:none;--e-global-typography-628465a-line-height:74px;--e-global-typography-628465a-letter-spacing:-2.3px;--e-global-typography-dfc7301-font-family:"Inter";--e-global-typography-dfc7301-font-size:16px;--e-global-typography-dfc7301-font-weight:700;--e-global-typography-dfc7301-text-transform:uppercase;--e-global-typography-dfc7301-font-style:normal;--e-global-typography-dfc7301-text-decoration:none;--e-global-typography-dfc7301-line-height:24px;--e-global-typography-dfc7301-letter-spacing:7.1px;--e-global-typography-dfc7301-word-spacing:0px;--e-global-typography-0674808-font-family:"Saira Semi Condensed";background-color:var( --e-global-color-ef9a968 );font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:-0.8px;word-spacing:0px;}.elementor-kit-80212 e-page-transition{background-color:#FFBC7D;}.elementor-kit-80212 label{color:var( --e-global-color-primary );}.elementor-kit-80212 input:not([type="button"]):not([type="submit"]),.elementor-kit-80212 textarea,.elementor-kit-80212 .elementor-field-textual{font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;color:#E23125C2;}.elementor-kit-80212 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-80212 textarea:focus,.elementor-kit-80212 .elementor-field-textual:focus{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-80212{--e-global-typography-primary-font-size:38px;--e-global-typography-primary-line-height:1em;--e-global-typography-text-font-size:14px;--e-global-typography-13b2551-font-size:22px;--e-global-typography-02da0e9-font-size:14px;--e-global-typography-628465a-font-size:58px;--e-global-typography-628465a-line-height:1em;--e-global-typography-dfc7301-font-size:14px;--e-global-typography-dfc7301-letter-spacing:6px;font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-80212{--e-global-typography-primary-font-size:28px;--e-global-typography-accent-font-size:14px;--e-global-typography-13b2551-font-size:18px;--e-global-typography-628465a-font-size:36px;--e-global-typography-628465a-letter-spacing:-2px;--e-global-typography-dfc7301-font-size:12px;--e-global-typography-dfc7301-letter-spacing:4px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =============================================================================
   CAPA DE CSS BASE — Migración de tema Bridge → Hello Elementor
   Xygeni WordPress · actualizado 2026-08-26
   -----------------------------------------------------------------------------
   Repone el CSS base que aportaba el tema Bridge y que Hello Elementor NO trae.
   Valores MEDIDOS sobre el render real de Bridge (getComputedStyle), no a ojo.
   Validado: con esta capa, páginas como /about/ o /resources/articles/* quedan
   PIXEL A PIXEL como con Bridge (sin editar página por página).

   Dónde pegarlo (elige UNO, ambos independientes del tema):
     · Elementor → Ajustes del sitio → CSS personalizado   (recomendado)
     · WPCode → snippet CSS global
   NO usar Apariencia → Personalizar → CSS adicional (se guarda por tema).
   ============================================================================= */

/* === Resto de base que daba Bridge ========================================== */

/* ANCHO DE CONTENIDO — Bridge forzaba 1434px; el Kit de Elementor está en el
   default 1140px. Además de fijarlo en Ajustes del sitio → Diseño → Content Width
   = 1434, esta regla lo garantiza para las secciones "boxed" heredadas. */
.elementor-section.elementor-section-boxed > .elementor-container {
  max-width: 1434px;
}

/* Color de texto por defecto (Bridge #818181; Hello #333) */
body {
  color: #818181;
}

/* Listas de contenido (Hello mete 40px de sangría; Bridge menos) */
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol,
.elementor-widget-html ul,
.elementor-widget-html ol,
.entry-content ul,
.entry-content ol {
  padding-left: 18px;
  margin: 0 0 16px;
}

/* Tablas HTML: sin bordes grises de celda, fuente 14px */
.elementor-widget-text-editor table,
.elementor-widget-html table,
.entry-content table {
  font-size: 14px;
  margin-bottom: 0;
}
.elementor-widget-text-editor table td,
.elementor-widget-text-editor table th,
.elementor-widget-html table td,
.elementor-widget-html table th,
.entry-content table td,
.entry-content table th {
  border: 0 none;
}

/* ================================================================
   Bridge Custom CSS → filtrado para Hello Elementor
   REVISAR antes de aplicar. Solo reglas que NO usan clases Qode.
   Origen: 144 reglas · descartadas (Qode/Bridge): 109 · candidatas: 35
   La paleta de color de marca NO va aquí: va en Elementor → Colores globales.
   ================================================================ */

body { counter-reset: section; }
ol li { display: flex; align-items: flex-start; position: relative; margin-bottom: 24px; }
ol li:before { counter-increment: section; content: counter(section, decimal-leading-zero); color: #fff; font-family: 'Source Code Pro', sans-serif; font-size: 13px; font-weight: 500; margin-right: 22px; padding: 0 10px; border-bottom: 1px solid #333333; }
ol li:after { content: ""; position: absolute; left: 0; top: 16px; width: 1px; height: 10px; background-color: #333333; }
.widget #searchform { background-color: transparent; border-bottom: 1px solid #333; position: relative; }
.widget #searchform:before { content: ""; position: absolute; left: 0; bottom: 0; width: 1px; height: 10px; background-color: #333; }
.widget.widget_search form input[type=text], .widget.widget_search form input[type=text]::placeholder { font-family: Source Code Pro; font-size: 13px; font-weight: 400; letter-spacing: 0.15em; text-transform: uppercase; color: #ffffff; }
.widget.widget_search form input[type=text] { padding: 0 10px; height: 28px; }
.widget.widget_search form input[type=submit] { height: 28px; line-height: 28px; font-size: 12px; color: #fff; }
aside.sidebar .widget.widget_categories h5 { margin-bottom: 18px; }
aside.sidebar .widget.widget_categories ul li { padding: 6px 0 7px; }
aside.sidebar .widget.widget_categories ul li a { font-family: Source Code Pro; font-size: 13px; font-weight: 400; letter-spacing: 0.15em; text-transform: uppercase; color: #737373; }
aside.sidebar .widget.widget_media_image h5 { margin-bottom: 33px; }
aside.sidebar .widget.widget_text h5 { margin-bottom: 24px; }
aside.sidebar .widget.widget_tag_cloud h5 { margin-bottom: 22px; }
.price_in_table { text-align: left; }
.price_in_table .price { font-family: 'Source Code Pro', sans-serif; font-size: 55px; font-weight: 500; letter-spacing: -0.025em; }
.price_in_table .value { font-family: 'Source Code Pro', sans-serif; font-size: 30px; top: 5px; }
.price_in_table .mark { display: none; }
.right_side_menu_opened .wrapper, .right_side_menu_opened footer.uncover { left: 0; }
.comment-form { display: flex; flex-direction: column; }
.comment-form .three_columns { order: -1; }
#respond input[type=text], #respond input[type=email], #respond textarea { background-color: transparent; border-bottom: 1px solid #333; padding: 2px 0; margin: 0 0 40px; color: #737373; font-family: Source Code Pro; font-size: 18px; line-height: 28px; font-style: normal; font-weight: 500; letter-spacing: 0px; text-transform: none; }
#respond textarea { height: 150px; margin-bottom: 20px; }
#respond input[type=text]:focus, #respond input[type=email]:focus, #respond textarea:focus { color: #fff; border-color: #f57d05; }
.comment-form .three_columns>.column1, .comment-form .three_columns>.column2, .comment-form .three_columns>.column3 { width: 100%; }
.comment-form .three_columns>.column1>.column_inner, .comment-form .three_columns>.column2>.column_inner, .comment-form .three_columns>.column3>.column_inner { padding: 0; }
div.comment_form form p.form-submit, div.comment_holder .comment p.form-submit { margin: 22px 0 0; text-align: left; }
div.comment_form { margin: 0 0 120px; }
.title .text_above_title { margin-bottom: 0; }
.title.title_size_small h1 { line-height: 1.15em; }
aside.sidebar .widget.widget_categories { margin: 0 0 55px; }
aside.sidebar .widget.widget_tag_cloud { margin: 0 0 53px; }
aside.sidebar .widget.widget_media_image { margin: 0 0 62px; }
aside.sidebar .widget.widget_text { margin: 0 0 64px; }


/* Reservar el alto de las miniaturas del blog → elimina el CLS del post destacado */
.elementor-posts .elementor-post__thumbnail {
    aspect-ratio: 700 / 366;      /* ratio real de la imagen */
    overflow: hidden;
}
.elementor-posts .elementor-post__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;            /* rellena sin deformar (recorta si hace falta) */
    display: block;
}/* End custom CSS */