/*
Theme Name: Avada Child
Description: Tema hijo de Avada para Conexcol. Aquí viven las sobreescrituras de plantilla y el CSS propio, para que una actualización de Avada no las pise. Tarjeta y doc en el repo business (seo/docs).
Author: Conexcol
Template: Avada
Version: 1.2.15
Text Domain: Avada
*/

/* --- Caja de compartir: el rótulo era un <h4> (salto de nivel en todos los
   artículos). Ahora es <p class="fusion-sharing-tagline"> y aquí recibe las
   mismas métricas que tenía el h4 (Avada + custom_css). --- */
.fusion-sharing-box .fusion-sharing-tagline,
.fusion-theme-sharing-box .fusion-sharing-tagline {
  font-family: var(--h4_typography-font-family);
  font-weight: var(--h4_typography-font-weight);
  line-height: var(--h4_typography-line-height);
  letter-spacing: var(--h4_typography-letter-spacing);
  font-size: var(--h4_typography-font-size);
  color: var(--sharing_box_tagline_text_color, var(--h4_typography-color));
  margin: 0;
  padding: 0;
  max-width: none;
}
.single-post .fusion-sharing-box .fusion-sharing-tagline {
  font-size: 15px; font-weight: 600; color: var(--cxl-secundario);
  margin: 0; text-transform: none;
}
/* --- Ficha de autor: h3 -> h2. Todo el estilo va por clase salvo el margen
   inferior, que venía del h3 genérico; se fija aquí al del h3. --- */
.fusion-author .fusion-author-title,
.fusion-author h2.fusion-author-title {
  /* Todo lo que el h3 recibía por etiqueta, fijado aquí para el h2. Con
     !important porque Avada tiene reglas de h2 con más especificidad que
     esta clase (medido: el h2 a secas desplazaba 14 px lo de abajo). */
  font-size: var(--h3_typography-font-size) !important;
  font-weight: var(--h3_typography-font-weight) !important;
  line-height: var(--h3_typography-line-height) !important;
  letter-spacing: var(--h3_typography-letter-spacing) !important;
  font-family: var(--h3_typography-font-family) !important;
  margin-top: 0 !important;
  margin-bottom: var(--h3_typography-margin-bottom) !important;
  padding: 0 !important;
}


/* === CONTRASTE DE TEXTOS (2026-09-07, tarjeta qWTJHvX2) ============================
   Medido con Chrome headless: color computado del texto frente al color realmente
   pintado detras (moda de pixeles). Fallos sistemicos y su arreglo, anclados al
   estilo en linea o a la clase que ya llevan los elementos. Umbral WCAG AA: 4,5:1
   (3:1 en texto grande). Hipotesis: CTAs y precios mas legibles -> mas clics al
   carrito; metrica: eventos de CTA en GA4 a 28 dias. Ver seo/docs/contraste-textos-2026-09-07.md */

/* Barra de copyright: #858585 sobre blanco daba 3,65 en 13 px, en las 53 paginas. */
.fusion-copyright-notice, .fusion-copyright-notice a { color: #5c6772 !important; }
.fusion-copyright-notice a:hover { color: #0070c9 !important; }

/* Gris #999999 en descripciones de plan y precios tachados: 2,65 sobre las tarjetas. */
[style*="#999"], [style*="#999"] strong, [style*="#999"] del { color: #5f6b76 !important; }

/* Grises #8A97A0 y var(--gris) de los landings propios (cloud, migra): 2,2-3,0 en 11-13 px. */
.ccx, .cxm { --gris: #5c6772; }
.ccx .foot .nota, .ct-p1 small, .ct-foot, .cz-sep-d, .cxm td.otros, .cxm .tcard .who span, .cxm .legal { color: #5f6b76 !important; }

/* Cian #00bad8 en textos de licencias: 2,18. Y la seccion cian de /wordpress/. */
[style*="color: #00bad8"] { color: #007a90 !important; }
.fusion-button:is([style*="--button_accent_color:#00bad8"],[style*="--button_accent_color: #00bad8"]) { --button_accent_color: #007a90 !important; --button_border_color: #007a90 !important; --button_accent_hover_color: #005f70 !important; --button_border_hover_color: #005f70 !important; }
/* Botones azules rellenos cuyo hover ponia el texto en cian sobre blanco: hover en azul. */
.fusion-button:is([style*="--button_accent_hover_color:#00bad8"],[style*="--button_accent_hover_color: #00bad8"]):is([style*="--button_gradient_top_color:#0070c9"],[style*="--button_gradient_top_color: #0070c9"]) { --button_accent_hover_color: #0070c9 !important; }
.fusion-fullwidth:is([style*="--awb-background-color:#00bad8"],[style*="--awb-background-color: #00bad8"]) { --awb-background-color: #007a90 !important; }

/* Verde de marca #3ec300 con texto blanco: 2,33. En etiquetas de plan, botones y
   franjas verdes el fondo pasa a #277d00 (4,7:1 con blanco). El verde de marca
   sigue en logos e iconos; solo cambia donde hay texto blanco encima. */
[style*="background-color: #3ec300"] { background-color: #277d00 !important; }
.fusion-fullwidth:is([style*="--awb-background-color:#3ec300"],[style*="--awb-background-color: #3ec300"]) { --awb-background-color: #277d00 !important; }
.fusion-button:is([style*="--button_gradient_top_color:#3ec300"],[style*="--button_gradient_top_color: #3ec300"]) {
  --button_gradient_top_color: #277d00 !important; --button_gradient_bottom_color: #277d00 !important;
  --button_border_color: #277d00 !important;
  --button_gradient_top_color_hover: #1f6400 !important; --button_gradient_bottom_color_hover: #1f6400 !important;
  --button_border_color_hover: #1f6400 !important;
}
/* Botones blancos con texto verde de marca (2,3 sobre blanco): el texto pasa a verde oscuro. */
.fusion-button:is([style*="--button_accent_color:#3ec300"],[style*="--button_accent_color: #3ec300"]) { --button_accent_color: #277d00 !important; --button_accent_hover_color: #1f6400 !important; }
.ccx .card.destacada .badge, .cxm .plan .tag { background: #277d00 !important; }
.cxm .migra-eyebrow { color: #1f6400 !important; }

/* Etiquetas grises de /cloud/ ("Mas Economico", 11 px sobre gris claro: 2,2). */
.ccx .badge { background: #5c6772 !important; }

/* Notas de 9-10 px en #A6B0B3 (2,2): precios "antes", asteriscos y rotulos de promocion. */
.ccx .foot .nota .ast, .ct-plbl, .cxm .plan .antes { color: #5c6772 !important; }
.ccx .foot .nota .ast, .ct-plbl { font-size: 12px !important; }

/* Secciones de color claro con texto blanco encima. Cada tono baja hasta >= 4,5:1.
   Llevan ademas una foto parallax que Avada pinta desde JS en una capa aparte
   (lo pintado no era el color declarado, y background-blend-mode no la alcanza):
   un velo oscuro dentro de la seccion, bajo el contenido, cubre las dos cosas. */
.fusion-fullwidth:is([style*="--awb-background-color:#00bad8"],[style*="--awb-background-color: #00bad8"],
  [style*="--awb-background-color:#5dbde2"],[style*="--awb-background-color: #5dbde2"],
  [style*="--awb-background-color:#d87c49"],[style*="--awb-background-color: #d87c49"],
  [style*="--awb-background-color:#c17817"],[style*="--awb-background-color: #c17817"]) { position: relative; }
.fusion-fullwidth:is([style*="--awb-background-color:#00bad8"],[style*="--awb-background-color: #00bad8"],
  [style*="--awb-background-color:#5dbde2"],[style*="--awb-background-color: #5dbde2"],
  [style*="--awb-background-color:#d87c49"],[style*="--awb-background-color: #d87c49"],
  [style*="--awb-background-color:#c17817"],[style*="--awb-background-color: #c17817"])::before {
  content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .5); pointer-events: none; z-index: 0; }
.fusion-fullwidth:is([style*="--awb-background-color:#00bad8"],[style*="--awb-background-color: #00bad8"],
  [style*="--awb-background-color:#5dbde2"],[style*="--awb-background-color: #5dbde2"],
  [style*="--awb-background-color:#d87c49"],[style*="--awb-background-color: #d87c49"],
  [style*="--awb-background-color:#c17817"],[style*="--awb-background-color: #c17817"]) > .fusion-builder-row { position: relative; z-index: 1; }
.fusion-fullwidth:is([style*="--awb-background-color:#5dbde2"],[style*="--awb-background-color: #5dbde2"]),
.fusion-fullwidth:is([style*="--awb-background-color:#d87c49"],[style*="--awb-background-color: #d87c49"]), .fusion-fullwidth:is([style*="--awb-background-color:#c17817"],[style*="--awb-background-color: #c17817"]) { background-blend-mode: multiply !important; }
/* Con parallax, Avada pinta la foto en una capa hermana que precede a la seccion:
   se oscurece esa capa. */
.fusion-bg-parallax:has(+ .fusion-fullwidth:is([style*="--awb-background-color:#00bad8"],[style*="--awb-background-color: #00bad8"])),
.fusion-bg-parallax:has(+ .fusion-fullwidth:is([style*="--awb-background-color:#d87c49"],[style*="--awb-background-color: #d87c49"])),
.fusion-bg-parallax:has(+ .fusion-fullwidth:is([style*="--awb-background-color:#c17817"],[style*="--awb-background-color: #c17817"])),
.fusion-bg-parallax:has(+ .fusion-fullwidth:is([style*="--awb-background-color:#5dbde2"],[style*="--awb-background-color: #5dbde2"])) { filter: brightness(.45) saturate(.9); }
.fusion-fullwidth:is([style*="--awb-background-color:#5dbde2"],[style*="--awb-background-color: #5dbde2"]) { --awb-background-color: #1a73a8 !important; } /* Plesk, Windows: 2,1 */
.fusion-fullwidth:is([style*="--awb-background-color:#d87c49"],[style*="--awb-background-color: #d87c49"]) { --awb-background-color: #b85a22 !important; } /* Quienes somos: 3,2 */
.fusion-fullwidth:is([style*="--awb-background-color:#c17817"],[style*="--awb-background-color: #c17817"]) { --awb-background-color: #9a600e !important; } /* Datacenter: 3,5 */

/* Grises #6b7a85 del landing /cloud/ (filtros, "ver mas", descripciones): 4,4 en 13-14 px. */
.vermas-txt, .vermas-txt span, .ct-filtros button:not(.on):not(.ct-medida), .ct-sec-d { color: #5f6b76 !important; }

/* Enlaces azules sobre la franja beige #efeee8 de /conexcol/: 4,34 en 16 px. */
.fusion-fullwidth:is([style*="--awb-background-color:#efeee8"],[style*="--awb-background-color: #efeee8"]) a:not(.fusion-button) { color: #005a9e !important; }

/* Franja "Envianos tu hoja de vida" de /conexcol/: texto blanco de 22 px sobre la foto
   roja call-to-action (3,4). Mismo velo, mas suave. */
.fusion-fullwidth[style*="/2015/02/call-to-ac"] { position: relative; }
.fusion-fullwidth[style*="/2015/02/call-to-ac"]::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .35); pointer-events: none; z-index: 0; }
.fusion-fullwidth[style*="/2015/02/call-to-ac"] > .fusion-builder-row { position: relative; z-index: 1; }

/* Boton naranja del hero de /correo/: heredaba el azul claro de los enlaces del hero (1,7). */
.cxa-hero .cxa-btn--pri, .cxa-hero .cxa-btn--pri:hover { color: #062a45 !important; }

/* Reverso amarillo #fed366 de los flip-box de licencias/cpanel con texto blanco (1,5 al girar). */
.flip-box-back[style*="#fed366"], .flip-box-back[style*="#fed366"] * { color: #1f2933 !important; }

/* Landing migracion: negritas grises de 14 px sobre la franja #f2f5f7 (4,0). */
section.incluido strong { color: #4e5a64 !important; }

/* === MENU (2026-09-07, tarjeta sJq5J1FH) ============================================
   Desplegables: 180 px de ancho partian los telefonos de Soporte en dos lineas. */
.fusion-main-menu > ul > li > .sub-menu { min-width: 250px !important; }
.fusion-main-menu .sub-menu li a { white-space: nowrap; }
/* Boton «Ver planes» de la cabecera: era el unico CTA y salia como contorno de 12 px en
   mayusculas; pasa a relleno azul, 14 px, sin mayusculas (revision de la home, 2026-09-07). */
.fusion-main-menu .menu-text.fusion-button { background: #0070c9 !important; color: #fff !important; border-color: #0070c9 !important; text-transform: none !important; font-size: 14px !important; letter-spacing: 0 !important; padding: 9px 20px !important; }
.fusion-main-menu li:hover > a > .menu-text.fusion-button, .fusion-main-menu a:focus > .menu-text.fusion-button { background: #005a9e !important; border-color: #005a9e !important; color: #fff !important; }

/* === ESPEJO GENERADO v4 (2026-09-07): cada hN y cada .fusion-title-size-N (sujeto o hermano) -> :is(original:not([class*=cxl-h]), .cxl-hN). Selectores partidos sólo por comas de nivel superior (v3 blanqueó el sitio). Ver seo/scripts/generar-espejo-css.py === */
.container :is(h3:not([class*=cxl-h]),.cxl-h3) a.active{text-decoration:none;color:#65bc7b}
.blog-shortcode :is(h3:not([class*=cxl-h]),.cxl-h3).timeline-title{color:#747474;font-size:13px}
.avada-container :is(h3:not([class*=cxl-h]),.cxl-h3),.project-content .project-info :is(h4:not([class*=cxl-h]),.cxl-h4){font-weight:700}
#wrapper .fusion-events-shortcode .fusion-events-meta :is(h4:not([class*=cxl-h]),.cxl-h4){line-height:1.5}
#wrapper .fusion-events-shortcode .fusion-events-meta :is(h4:not([class*=cxl-h]),.cxl-h4){font-size:var(--meta_font_size)}
.tfs-slider .slide-content-container :is(h3:not([class*=cxl-h]),.cxl-h3){margin:0;font-weight:400;-webkit-font-smoothing:antialiased;display:inline-block;padding:0}
.tfs-slider .slide-content-container :is(h3:not([class*=cxl-h]),.cxl-h3){font-size:24px;line-height:38px}
.tfs-slider .slide-content-container .fusion-sep-none :is(h3:not([class*=cxl-h]),.cxl-h3){display:inline-block}
.tfs-slider .slide-content-container :is(.fusion-title-size-three:not([class*=cxl-h]),.cxl-h3){margin:0}
.tfs-slider .slide-content-container :is(.fusion-title-size-three:not([class*=cxl-h]),.cxl-h3) :is(h3:not([class*=cxl-h]),.cxl-h3){margin:0}
#slidingbar-area :is(h3:not([class*=cxl-h]),.cxl-h3){font-family:var(--footer_headings_typography-font-family);font-size:var(--footer_headings_typography-font-size);font-weight:var(--footer_headings_typography-font-weight);line-height:var(--footer_headings_typography-line-height);letter-spacing:var(--footer_headings_typography-letter-spacing);text-transform:var(--footer_headings_typography-text-transform);font-style:var(--footer_headings_typography-font-style,normal);color:var(--footer_headings_typography-color)}
.fusion-widget-area .image-extras-content :is(h3:not([class*=cxl-h]),.cxl-h3){text-transform:none;margin-bottom:5px}
.fusion-widget-area .product-category :is(h3:not([class*=cxl-h]),.cxl-h3){margin-bottom:0}
.sidebar .widget .heading :is(h4:not([class*=cxl-h]),.cxl-h4){color:var(--sidebar_heading_color)}
.fusion-footer-widget-area :is(h3:not([class*=cxl-h]),.cxl-h3){font-family:var(--footer_headings_typography-font-family);font-size:var(--footer_headings_typography-font-size);font-weight:var(--footer_headings_typography-font-weight);line-height:var(--footer_headings_typography-line-height);letter-spacing:var(--footer_headings_typography-letter-spacing);text-transform:var(--footer_headings_typography-text-transform);font-style:var(--footer_headings_typography-font-style,normal);color:var(--footer_headings_typography-color)}
.avada-container :is(h3:not([class*=cxl-h]),.cxl-h3),.ei-title :is(h3:not([class*=cxl-h]),.cxl-h3),.fusion-page-title-captions :is(h3:not([class*=cxl-h]),.cxl-h3){font-family:var(--body_typography-font-family);font-weight:var(--body_typography-font-weight);letter-spacing:var(--body_typography-letter-spacing);font-style:var(--body_typography-font-style,normal)}
.fusion-project-details-tb .project-info :is(h4:not([class*=cxl-h]),.cxl-h4),.project-content .project-info :is(h4:not([class*=cxl-h]),.cxl-h4){font-size:var(--body_typography-font-size)}
.avada-container :is(h3:not([class*=cxl-h]),.cxl-h3),.ei-title :is(h3:not([class*=cxl-h]),.cxl-h3),.fusion-page-title-captions :is(h3:not([class*=cxl-h]),.cxl-h3){line-height:var(--body_typography-line-height)}
.fusion-project-details-tb .project-info :is(h4:not([class*=cxl-h]),.cxl-h4),.project-content .project-info :is(h4:not([class*=cxl-h]),.cxl-h4){color:var(--body_typography-color)}
.main-flex .slide-content :is(h3:not([class*=cxl-h]),.cxl-h3),.post-content :is(h3:not([class*=cxl-h]),.cxl-h3),.project-content :is(h3:not([class*=cxl-h]),.cxl-h3),.sidebar .widget :is(h3:not([class*=cxl-h]),.cxl-h3),:is(h3:not([class*=cxl-h]),.cxl-h3){font-family:var(--h3_typography-font-family);font-weight:var(--h3_typography-font-weight);line-height:var(--h3_typography-line-height);letter-spacing:var(--h3_typography-letter-spacing);text-transform:var(--h3_typography-text-transform);font-style:var(--h3_typography-font-style,normal)}
.fusion-widget-area :is(h3:not([class*=cxl-h]),.cxl-h3),.post-content :is(h3:not([class*=cxl-h]),.cxl-h3),.project-content :is(h3:not([class*=cxl-h]),.cxl-h3),:is(h3:not([class*=cxl-h]),.cxl-h3){font-size:var(--h3_typography-font-size)}
.fusion-post-content :is(h3:not([class*=cxl-h]),.cxl-h3),.fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),.post-content :is(h3:not([class*=cxl-h]),.cxl-h3),.project-content :is(h3:not([class*=cxl-h]),.cxl-h3),.sidebar .widget :is(h3:not([class*=cxl-h]),.cxl-h3),.title :is(h3:not([class*=cxl-h]),.cxl-h3),:is(h3:not([class*=cxl-h]),.cxl-h3){color:var(--h3_typography-color)}
:is(h3:not([class*=cxl-h]),.cxl-h3){margin-top:var(--h3_typography-margin-top);margin-bottom:var(--h3_typography-margin-bottom)}
.fusion-project-details-tb .project-info :is(h4:not([class*=cxl-h]),.cxl-h4),.fusion-theme-sharing-box :is(h4:not([class*=cxl-h]),.cxl-h4),.fusion-title :is(h4:not([class*=cxl-h]),.cxl-h4),.fusion-widget-area :is(h4:not([class*=cxl-h]),.cxl-h4),.post-content :is(h4:not([class*=cxl-h]),.cxl-h4),.project-content .project-info :is(h4:not([class*=cxl-h]),.cxl-h4),:is(h4:not([class*=cxl-h]),.cxl-h4){font-family:var(--h4_typography-font-family);font-weight:var(--h4_typography-font-weight);line-height:var(--h4_typography-line-height);letter-spacing:var(--h4_typography-letter-spacing);text-transform:var(--h4_typography-text-transform);font-style:var(--h4_typography-font-style,normal)}
.fusion-tb-footer :is(h4:not([class*=cxl-h]),.cxl-h4),.fusion-tb-page-title-bar :is(h4:not([class*=cxl-h]),.cxl-h4),:is(h4:not([class*=cxl-h]),.cxl-h4){line-height:var(--h4_typography-line-height)}
.fusion-sharing-box :is(h4:not([class*=cxl-h]),.cxl-h4),.fusion-theme-sharing-box :is(h4:not([class*=cxl-h]),.cxl-h4),.fusion-widget-area :is(h4:not([class*=cxl-h]),.cxl-h4),.post-content :is(h4:not([class*=cxl-h]),.cxl-h4),:is(h4:not([class*=cxl-h]),.cxl-h4){font-size:var(--h4_typography-font-size)}
.fusion-post-content :is(h4:not([class*=cxl-h]),.cxl-h4),.fusion-project-details-tb .project-info :is(h4:not([class*=cxl-h]),.cxl-h4),.fusion-theme-sharing-box :is(h4:not([class*=cxl-h]),.cxl-h4),.fusion-title :is(h4:not([class*=cxl-h]),.cxl-h4),.fusion-widget-area :is(h4:not([class*=cxl-h]),.cxl-h4),.post-content :is(h4:not([class*=cxl-h]),.cxl-h4),.project-content .project-info :is(h4:not([class*=cxl-h]),.cxl-h4),.title :is(h4:not([class*=cxl-h]),.cxl-h4),:is(h4:not([class*=cxl-h]),.cxl-h4){color:var(--h4_typography-color)}
:is(.fusion-title-size-four:not([class*=cxl-h]),.cxl-h4),:is(h4:not([class*=cxl-h]),.cxl-h4){margin-top:var(--h4_typography-margin-top);margin-bottom:var(--h4_typography-margin-bottom)}
.fusion-title :is(h6:not([class*=cxl-h]),.cxl-h6),.fusion-widget-area :is(h6:not([class*=cxl-h]),.cxl-h6),.post-content :is(h6:not([class*=cxl-h]),.cxl-h6),:is(h6:not([class*=cxl-h]),.cxl-h6){font-family:var(--h6_typography-font-family);font-weight:var(--h6_typography-font-weight);line-height:var(--h6_typography-line-height);letter-spacing:var(--h6_typography-letter-spacing);text-transform:var(--h6_typography-text-transform);font-style:var(--h6_typography-font-style,normal)}
.fusion-widget-area :is(h6:not([class*=cxl-h]),.cxl-h6),.post-content :is(h6:not([class*=cxl-h]),.cxl-h6),:is(h6:not([class*=cxl-h]),.cxl-h6){font-size:var(--h6_typography-font-size)}
.fusion-post-content :is(h6:not([class*=cxl-h]),.cxl-h6),.fusion-title :is(h6:not([class*=cxl-h]),.cxl-h6),.fusion-widget-area :is(h6:not([class*=cxl-h]),.cxl-h6),.post-content :is(h6:not([class*=cxl-h]),.cxl-h6),.title :is(h6:not([class*=cxl-h]),.cxl-h6),:is(h6:not([class*=cxl-h]),.cxl-h6){color:var(--h6_typography-color)}
:is(.fusion-title-size-six:not([class*=cxl-h]),.cxl-h6),:is(h6:not([class*=cxl-h]),.cxl-h6){margin-top:var(--h6_typography-margin-top);margin-bottom:var(--h6_typography-margin-bottom)}
#wrapper #main #comments .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),#wrapper #main #respond .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),#wrapper #main .about-author .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),#wrapper #main .related-posts .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),#wrapper #main .related.products .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),.woocommerce-container .up-sells .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3){font-family:var(--post_titles_extras_typography-font-family);font-weight:var(--post_titles_extras_typography-font-weight);line-height:var(--post_titles_extras_typography-line-height);letter-spacing:var(--post_titles_extras_typography-letter-spacing);text-transform:var(--post_titles_extras_typography-text-transform);font-style:var(--post_titles_extras_typography-font-style,normal)}
#wrapper #main #comments .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),#wrapper #main #respond .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),#wrapper #main .about-author .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),#wrapper #main .related-posts .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),#wrapper #main .related.products .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),.woocommerce-container .up-sells .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3){font-size:var(--post_titles_extras_typography-font-size)}
#wrapper #main #comments .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),#wrapper #main #respond .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),#wrapper #main .about-author .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),#wrapper #main .related-posts .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),#wrapper #main .related.products .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),.woocommerce-container .up-sells .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3){color:var(--post_titles_extras_typography-color)}
.fusion-theme-sharing-box :is(h4:not([class*=cxl-h]),.cxl-h4){margin:0;color:var(--sharing_box_tagline_text_color,var(--h4_typography-color))}
.alert :is(h4:not([class*=cxl-h]),.cxl-h4){margin-top:0;color:inherit}
.fusion-pricing-table .panel-heading :is(h3:not([class*=cxl-h]),.cxl-h3){margin:0}
.full-boxed-pricing.fusion-pricing-table .standout .panel-heading :is(h3:not([class*=cxl-h]),.cxl-h3){color:var(--pricing_box_color)}
.sep-boxed-pricing .panel-heading :is(h3:not([class*=cxl-h]),.cxl-h3){margin:0}
.fusion-body .fusion-title:is(.fusion-title-size-three:not([class*=cxl-h]),.cxl-h3){--awb-font-size:var(--h3_typography-font-size);--awb-text-color:var(--h3_typography-color)}
.fusion-body .fusion-title:is(.fusion-title-size-four:not([class*=cxl-h]),.cxl-h4){--awb-font-size:var(--h4_typography-font-size);--awb-text-color:var(--h4_typography-color)}
.fusion-body .fusion-title:is(.fusion-title-size-six:not([class*=cxl-h]),.cxl-h6){--awb-font-size:var(--h6_typography-font-size);--awb-text-color:var(--h6_typography-color)}
.fusion-body .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3)>p:last-of-type,.fusion-body .fusion-title :is(h4:not([class*=cxl-h]),.cxl-h4)>p:last-of-type,.fusion-body .fusion-title :is(h6:not([class*=cxl-h]),.cxl-h6)>p:last-of-type{margin-bottom:0}
.fusion-body .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3).title-heading-left,.fusion-body .fusion-title :is(h4:not([class*=cxl-h]),.cxl-h4).title-heading-left,.fusion-body .fusion-title :is(h6:not([class*=cxl-h]),.cxl-h6).title-heading-left{text-align:left}
.fusion-body .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3).title-heading-left .fontawesome-icon,.fusion-body .fusion-title :is(h4:not([class*=cxl-h]),.cxl-h4).title-heading-left .fontawesome-icon,.fusion-body .fusion-title :is(h6:not([class*=cxl-h]),.cxl-h6).title-heading-left .fontawesome-icon{margin-right:10px}
.fusion-body .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3).title-heading-right,.fusion-body .fusion-title :is(h4:not([class*=cxl-h]),.cxl-h4).title-heading-right,.fusion-body .fusion-title :is(h6:not([class*=cxl-h]),.cxl-h6).title-heading-right{text-align:right}
.fusion-body .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3).title-heading-right .fontawesome-icon,.fusion-body .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3).title-heading-right img,.fusion-body .fusion-title :is(h4:not([class*=cxl-h]),.cxl-h4).title-heading-right .fontawesome-icon,.fusion-body .fusion-title :is(h4:not([class*=cxl-h]),.cxl-h4).title-heading-right img,.fusion-body .fusion-title :is(h6:not([class*=cxl-h]),.cxl-h6).title-heading-right .fontawesome-icon,.fusion-body .fusion-title :is(h6:not([class*=cxl-h]),.cxl-h6).title-heading-right img{margin-left:10px;margin-right:0}
.fusion-body .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3) img,.fusion-body .fusion-title :is(h4:not([class*=cxl-h]),.cxl-h4) img,.fusion-body .fusion-title :is(h6:not([class*=cxl-h]),.cxl-h6) img{margin-right:10px}
.fusion-body .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3) .fontawesome-icon,.fusion-body .fusion-title :is(h4:not([class*=cxl-h]),.cxl-h4) .fontawesome-icon,.fusion-body .fusion-title :is(h6:not([class*=cxl-h]),.cxl-h6) .fontawesome-icon{display:inline-block;float:none;vertical-align:middle;margin-left:0;margin-top:0}
.fusion-body #wrapper .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),.fusion-body #wrapper .fusion-title :is(h4:not([class*=cxl-h]),.cxl-h4),.fusion-body #wrapper .fusion-title :is(h6:not([class*=cxl-h]),.cxl-h6),.fusion-body .awb-off-canvas-wrap .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),.fusion-body .awb-off-canvas-wrap .fusion-title :is(h4:not([class*=cxl-h]),.cxl-h4),.fusion-body .awb-off-canvas-wrap .fusion-title :is(h6:not([class*=cxl-h]),.cxl-h6),.fusion-body .fusion-modal .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3),.fusion-body .fusion-modal .fusion-title :is(h4:not([class*=cxl-h]),.cxl-h4),.fusion-body .fusion-modal .fusion-title :is(h6:not([class*=cxl-h]),.cxl-h6){flex-grow:0;padding:0;font-size:1em;color:var(--awb-text-color)}
#main .post-content .fusion-border-below-title :is(h3:not([class*=cxl-h]),.cxl-h3),#main .post-content .fusion-border-below-title :is(h4:not([class*=cxl-h]),.cxl-h4),#main .post-content .fusion-border-below-title :is(h6:not([class*=cxl-h]),.cxl-h6){padding-left:0;padding-right:0}
@media only screen and (max-width: 800px){.single-avada_portfolio .portfolio-half .project-content .project-description :is(h3:not([class*=cxl-h]),.cxl-h3){margin-top:24px}}
@media only screen and (max-width: 800px){.fusion-theme-sharing-box :is(h4:not([class*=cxl-h]),.cxl-h4){margin-bottom:.5em;text-align:center}}
/* Encabezados del cuerpo. Hoy el nivel mas usado es :is(h4:not([class*=cxl-h]),.cxl-h4) (87 usos frente a 66
   :is(h3:not([class*=cxl-h]),.cxl-h3) y 17 :is(h2:not([class*=cxl-h]),.cxl-h2)),asi que :is(h4:not([class*=cxl-h]),.cxl-h4) tiene que leerse como encabezado de seccion. */
.single-post .post-content :is(h2:not([class*=cxl-h]),.cxl-h2),.single-post .post-content :is(h3:not([class*=cxl-h]),.cxl-h3),.single-post .post-content :is(h4:not([class*=cxl-h]),.cxl-h4){color: var(--cxl-titulo);   letter-spacing: -0.01em;   text-wrap: balance;}
.single-post .post-content :is(h3:not([class*=cxl-h]),.cxl-h3){font-size: 27px; line-height: 1.25; font-weight: 700; margin: 44px 0 14px;}
.single-post .post-content :is(h4:not([class*=cxl-h]),.cxl-h4){font-size: 24px; line-height: 1.3;  font-weight: 600; margin: 44px 0 12px;}
/* Excepcion medida: de los 87 :is(h4:not([class*=cxl-h]),.cxl-h4) del blog,todos en la entrada 15311
   (estrategias-efectivas-...-ransomware). Se le devuelve el aspecto de parrafo
   a esa entrada hasta que se arregle su marcado. */
.single-post.postid-15311 .post-content :is(h4:not([class*=cxl-h]),.cxl-h4){font-size: 18px; font-weight: 400; line-height: 1.75;   color: var(--cxl-texto); margin: 0 0 24px; letter-spacing: 0;}
.single-post .post-content :is(h2:not([class*=cxl-h]),.cxl-h2) + :is(h3:not([class*=cxl-h]),.cxl-h3),.single-post .post-content :is(h3:not([class*=cxl-h]),.cxl-h3) + :is(h4:not([class*=cxl-h]),.cxl-h4){margin-top: 16px;}
.single-post .fusion-sharing-box :is(h4:not([class*=cxl-h]),.cxl-h4){font-size: 15px; font-weight: 600; color: var(--cxl-secundario);   margin: 0; text-transform: none;}
.single-post .related-posts :is(h3:not([class*=cxl-h]),.cxl-h3).title-heading-left{font-size: 22px; font-weight: 700; color: var(--cxl-titulo);   margin-bottom: 24px !important;}
imagen 16/10.
   Se iguala la tarjeta. El spacing de 5 px no se puede cambiar solo con
   CSS: va en related_posts_column_spacing=32. El autoplay se mantiene
   (related_posts_autoplay=1): el carrusel se sigue moviendo solo.
   Selectores anclados a .single-post .related-posts: no tocan el resto. */
#wrapper #main .single-post .related-posts .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3).title-heading-left{font-size: 22px;   font-weight: 700;   color: var(--cxl-titulo);   margin-bottom: 24px !important;}
.fusion-fullwidth[style*="--awb-background-color:#3ec300"] :is(h1,:is(h2:not([class*=cxl-h]),.cxl-h2),:is(h3:not([class*=cxl-h]),.cxl-h3),:is(h4:not([class*=cxl-h]),.cxl-h4),:is(h5:not([class*=cxl-h]),.cxl-h5),:is(h6:not([class*=cxl-h]),.cxl-h6),p,li,span,strong,em,div){color: #ffffff !important;}
.full-boxed-pricing.fusion-pricing-table .panel-heading :is(h3:not([class*=cxl-h]),.cxl-h3){color:#333333;}
.sep-boxed-pricing .panel-heading :is(h3:not([class*=cxl-h]),.cxl-h3){color:#333333;}
@media only screen and (max-width: 640px){.fusion-content-boxes.content-boxes-icon-boxed .content-box-column .heading :is(h3:not([class*=cxl-h]),.cxl-h3){margin-top:-5px;}.fusion-content-boxes.content-boxes-icon-boxed .content-box-column .heading :is(h4:not([class*=cxl-h]),.cxl-h4){margin-top:-5px;}.fusion-content-boxes.content-boxes-icon-boxed .content-box-column .heading :is(h6:not([class*=cxl-h]),.cxl-h6){margin-top:-5px;}}
@media only screen and (min-width: 800px){.full-boxed-pricing .standout .panel-heading :is(h3:not([class*=cxl-h]),.cxl-h3){color:#65bc7b;}}
@media only screen and (min-width: 800px){.page-id-7341 .fusion-builder-row-4 .fusion_builder_column_1_4 .fusion-text > :is(h3:not([class*=cxl-h]),.cxl-h3),.page-id-5171 .fusion-builder-row-4 .fusion_builder_column_1_4 .fusion-text > :is(h3:not([class*=cxl-h]),.cxl-h3),.page-id-1357 .fusion-builder-row-2 .fusion_builder_column_1_4 .fusion-text > :is(h3:not([class*=cxl-h]),.cxl-h3),.page-id-7191 .fusion-builder-row-2 .fusion_builder_column_1_4 .fusion-text > :is(h3:not([class*=cxl-h]),.cxl-h3),.page-id-1893 .fusion-builder-row-inner .fusion_builder_column_inner_1_2 .fusion-text > :is(h3:not([class*=cxl-h]),.cxl-h3),.page-id-11391 .fusion-builder-row-2 .fusion_builder_column_1_3 .fusion-text > :is(h3:not([class*=cxl-h]),.cxl-h3){line-height: 1.25 !important;     min-height: 2.5em;}}
.single-post .post-content :is(h3:not([class*=cxl-h]),.cxl-h3),.single-post .post-content :is(h4:not([class*=cxl-h]),.cxl-h4){color: var(--cxl-titulo);   letter-spacing: -0.01em;   text-wrap: balance;}
.single-post .post-content :is(h3:not([class*=cxl-h]),.cxl-h3){font-size: 27px; line-height: 1.25; font-weight: 700; margin: 44px 0 14px;}
.single-post .post-content :is(h4:not([class*=cxl-h]),.cxl-h4){font-size: 24px; line-height: 1.3;  font-weight: 600; margin: 44px 0 12px;}
.single-post.postid-15311 .post-content :is(h4:not([class*=cxl-h]),.cxl-h4){font-size: 18px; font-weight: 400; line-height: 1.75;   color: var(--cxl-texto); margin: 0 0 24px; letter-spacing: 0;}
.single-post .post-content :is(h2:not([class*=cxl-h]),.cxl-h2) + :is(h3:not([class*=cxl-h]),.cxl-h3),.single-post .post-content :is(h3:not([class*=cxl-h]),.cxl-h3) + :is(h4:not([class*=cxl-h]),.cxl-h4){margin-top: 16px;}
.single-post .fusion-sharing-box :is(h4:not([class*=cxl-h]),.cxl-h4){font-size: 15px; font-weight: 600; color: var(--cxl-secundario);   margin: 0; text-transform: none;}
.single-post .related-posts :is(h3:not([class*=cxl-h]),.cxl-h3).title-heading-left{font-size: 22px; font-weight: 700; color: var(--cxl-titulo);   margin-bottom: 24px !important;}
@media only screen and (max-width: 800px){.single-post .post-content :is(h3:not([class*=cxl-h]),.cxl-h3){font-size: 23px; margin: 32px 0 12px;}.single-post .post-content :is(h4:not([class*=cxl-h]),.cxl-h4){font-size: 21px; margin: 32px 0 10px;}}
#wrapper #main .single-post .related-posts .fusion-title :is(h3:not([class*=cxl-h]),.cxl-h3).title-heading-left{font-size: 22px;   font-weight: 700;   color: var(--cxl-titulo);   margin-bottom: 24px !important;}
.fusion-fullwidth[style*="--awb-background-color:#3ec300"] :is(h1,:is(h2:not([class*=cxl-h]),.cxl-h2),:is(h3:not([class*=cxl-h]),.cxl-h3),:is(h4:not([class*=cxl-h]),.cxl-h4),:is(h5:not([class*=cxl-h]),.cxl-h5),:is(h6:not([class*=cxl-h]),.cxl-h6),p,li,span,strong,em,div){color: #ffffff !important;}

/* === MEGA MENÚ (2026-09-08, tarjeta JAkvMRWv) =======================================
   El panel entero lo pinta un widget de HTML propio dentro de una columna del mega
   menú legado de Avada: el walker no renderiza descripciones de ítem, así que el
   patrón «icono + título + descripción» no se puede hacer con ítems de menú.
   Los ítems reales siguen existiendo y son los que navegan en móvil, donde
   avada-menu.js borra los widgets al clonar el menú al desplegable.            */
.fusion-megamenu-wrapper .cxm-panel { display: flex; gap: 28px; padding: 28px 30px 30px; align-items: flex-start; background: #fff; }
.fusion-megamenu-wrapper .cxm-cols { flex: 1 1 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(206px, 1fr)); gap: 24px 26px; align-content: start; }
.cxm-grupo { min-width: 0; }
.cxm-h { font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .11em; text-transform: uppercase; color: #5f6b76 !important; margin: 0 0 10px !important; line-height: 1.35 !important; }
.cxm-lista { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; gap: 2px; }
.cxm-lista li { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.cxm-it { display: flex !important; gap: 11px; align-items: flex-start; padding: 8px 10px !important; margin: 0 -10px !important; border-radius: 10px; text-decoration: none !important; line-height: 1.4 !important; height: auto !important; transition: background .14s ease; }
.cxm-it:hover, .cxm-it:focus-visible { background: #eef5fb; }
.cxm-it:focus-visible { outline: 3px solid #0d5ba5; outline-offset: -1px; }
.cxm-ic { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 1px; color: #0070c9; }
.cxm-ic svg { width: 20px; height: 20px; display: block; }
.cxm-tx { display: block; min-width: 0; }
.cxm-tx b { display: block; font-size: 14.5px; font-weight: 700; color: #0b2540; letter-spacing: -.005em; }
.cxm-tx em { display: block; font-style: normal; font-size: 12.5px; color: #5f6b76; margin-top: 1px; line-height: 1.4; }
.cxm-it:hover .cxm-tx b { color: #005a9e; }

.cxm-grupo--ancho { grid-column: 1 / -1; }
.cxm-chips { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 7px; }
.cxm-chips li { margin: 0 !important; padding: 0 !important; }
.cxm-chips a { display: inline-block; font-size: 13px; font-weight: 600; color: #0b2540 !important; background: #f2f7fb; border: 1px solid #dfe7ee; border-radius: 999px; padding: 5px 13px; text-decoration: none !important; line-height: 1.3; transition: background .14s ease, border-color .14s ease; }
.cxm-chips a:hover, .cxm-chips a:focus-visible { background: #e3eff9; border-color: #0070c9; color: #005a9e !important; }
.cxm-chips a:focus-visible { outline: 3px solid #0d5ba5; outline-offset: 2px; }

.cxm-promo { flex: 0 0 252px; background: linear-gradient(150deg, #0a3a5c, #0b2540); border-radius: 14px; padding: 18px 20px 20px; color: #dceaf6; }
.cxm-eyebrow { display: block; font-size: 10.5px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: #8fc7ee; margin-bottom: 12px; }
.cxm-il-caja { margin: 0 -6px 14px; }
.cxm-il-caja svg { width: 100%; height: auto; display: block; }
.cxm-promo h4 { font-size: 17px !important; font-weight: 800 !important; color: #fff !important; margin: 0 0 6px !important; line-height: 1.22 !important; }
.cxm-promo p { font-size: 13.5px; line-height: 1.5; color: #bcd8ee; margin: 0 0 15px; }
.cxm-cta { display: inline-block !important; background: #0070c9; color: #fff !important; font-size: 13.5px; font-weight: 700; padding: 9px 16px; border-radius: 999px; text-decoration: none !important; transition: background .15s ease; }
.cxm-cta:hover, .cxm-cta:focus-visible { background: #ffffff; color: #005a9e !important; }
.cxm-cta:focus-visible { outline: 3px solid #8fc7ee; outline-offset: 2px; }

/* Retardo de intención: cruzar la barra hacia «Ver planes» no debe abrir los
   cinco paneles uno detrás de otro. */
.fusion-main-menu > ul > li > .fusion-megamenu-wrapper { transition-delay: 0s; }
.fusion-main-menu > ul > li:hover > .fusion-megamenu-wrapper,
.fusion-main-menu > ul > li:focus-within > .fusion-megamenu-wrapper { transition-delay: 150ms; }

/* El panel manda sobre el fondo y el relleno del mega menú de Avada. */
.fusion-main-menu .fusion-megamenu-holder,
.fusion-main-menu ul.fusion-megamenu,
.fusion-main-menu li.fusion-megamenu-submenu { background: #fff !important; border: 0 !important; }
.fusion-main-menu .fusion-megamenu-holder { box-shadow: 0 18px 44px rgba(11,37,64,.16); border-top: 3px solid #0070c9 !important; border-radius: 0 0 14px 14px; overflow: hidden; }
.fusion-megamenu-wrapper .fusion-megamenu-holder { padding: 0 !important; }
.fusion-megamenu-wrapper li.fusion-megamenu-submenu { padding: 0 !important; }
.fusion-megamenu-wrapper .fusion-megamenu-widgets-container { padding: 0 !important; margin: 0 !important; }
.fusion-megamenu-wrapper .fusion-megamenu-widgets-container .widget_custom_html { margin: 0 !important; }

/* Los ítems reales son el menú del teléfono; en escritorio los pinta el widget. */
@media (min-width: 1025px) { .fusion-main-menu .cxm-movil { display: none !important; } }
@media (max-width: 1024px) { .cxm-panel { display: none !important; } }

@media (max-width: 1280px) {
  .fusion-megamenu-wrapper .cxm-panel { gap: 22px; padding: 24px 22px 26px; }
  .fusion-megamenu-wrapper .cxm-cols { grid-template-columns: repeat(auto-fit, minmax(192px, 1fr)); gap: 20px 20px; }
  .cxm-promo { flex-basis: 226px; }
  .cxm-tx em { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .cxm-it, .cxm-cta { transition: none; } }

/* ==========================================================================
   TELÉFONO — objetivos táctiles y anchos de lectura
   Medido a 390x844 el 2026-09-08 (tarjeta PZx8ok1H). Tres cosas quedaban por
   debajo de lo usable con el pulgar; ninguna es de la home, son del tema.
   ========================================================================== */

/* 1. El botón del menú era de 21x21 px: el icono y su enlace medían lo mismo.
   Se agranda el objetivo con relleno, no con tamaño de letra, para que la
   hamburguesa siga viéndose igual. */
.fusion-mobile-nav-holder + .fusion-mobile-menu-icons a,
.fusion-mobile-menu-icons a.fusion-icon,
a.fusion-icon.awb-icon-bars {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  margin: 0 -11px;   /* el relleno crece hacia dentro; la barra no se mueve */
}

/* 2. La lupa del buscador de dominio, anclada dentro del campo (tarjeta YNvTedxr)

   Sustituye al arreglo anterior, que agrandaba la lupa a 56 px convirtiendo el
   formulario en flex por debajo de 640. Ese cambio la sacó FUERA del campo:
   David lo reportó con captura, flotando sobre el azul a la izquierda.

   Por qué. El botón es `position:absolute` con `margin:0 0 0 -40px`, y eso viene
   del <style> de la propia portada (fusion_code), no de aquí. Un elemento
   absoluto sin `left`/`top` se coloca en su POSICIÓN ESTÁTICA. En el diseño
   original el campo flotaba (`float:left`) y esa posición estática caía justo
   detrás del campo, así que el -40 px lo metía dentro —por eso el input reserva
   `padding-right:49px`—. Pero en un contenedor flex la posición estática de un
   hijo absoluto es el BORDE IZQUIERDO del contenedor: el -40 px pasó a sacarlo
   fuera. Medido a 375: el botón en x=-10 con el formulario empezando en x=30.

   Arreglo: dejar de depender de la posición estática. El formulario pasa a ser
   el bloque contenedor (`position:relative`) y la lupa se ancla con
   right/top/transform, anulando el margen negativo. Así da igual si el
   formulario es bloque o flex, y vale en cualquier ancho.

   Medido tras el arreglo (375 px): campo 30-345, lupa 287-343 —dentro—,
   centrada en vertical y con 56x46 de área táctil.

   Blindaje (tarjeta xpZ1ctTn): el `margin:0` de abajo NO ganaba. El <style> de
   la portada declara `form.domain button{margin:0 0 0 -40px}` con el mismo peso
   y va DESPUÉS de esta hoja en el documento: medido, margin-left seguía en -40px
   en todos los anchos. Hoy no se notaba porque `left:auto` absorbe el margen,
   pero dependía de eso. Lleva !important: aquí no hay ninguna utilidad del tema
   que tenga que poder ganarle.

   Sólo `form.domain` (tarjeta Tc8GV6Kb). Antes llevaba también
   `form[action*="checkdomain"]` y eso atrapó los buscadores de /dominios/
   (.cxa-busca), que envían al mismo sitio: su botón «Ver si está libre» pasó a
   medir 56 px, absoluto sobre el borde del campo, en vez de su pastilla de 230,
   y el formulario y el campo cambiaban de display y de ancho. Un reinicio
   defensivo en dominios.css lo tapaba. Este bloque repara un diseño concreto
   (el botón absoluto con margin -40px del <style> de la portada), que sólo
   tiene form.domain; no debe tocar ningún otro formulario. */
form.domain { position: relative; display: block; }
form.domain input[type="text"] {
  width: 100%; float: none; box-sizing: border-box;
}
form.domain button {
  position: absolute; right: 2px; left: auto; top: 50%;
  transform: translateY(-50%); margin: 0 !important;
  width: 56px; min-height: 46px;
  display: inline-flex; align-items: center; justify-content: center;
}

/* 3. El carrusel de reseñas se pintaba a 230 px dentro de una columna de 330:
   unos veintiocho caracteres por línea. No es un ancho, son los 50 px de
   margen a cada lado que Avada escribe en el atributo `style` del bloque
   (`--awb-margin-left`), de ahí el !important. Recuperar esos 100 px baja el
   alto del carrusel de 697 a 450 px. */
@media (max-width: 640px) {
  .fusion-testimonials { margin-left: 0 !important; margin-right: 0 !important; }
}

/* --- Cabecera pegajosa: opaca en TODO ancho (tarjetas m5dyrDbL y n3LLgGxJ) ---
   Al desplazar, Avada fija la cabecera con `rgba(255,255,255,.95)`: ese 5 % de
   transparencia basta para que el titular blanco sobre el azul del hero se lea
   POR DEBAJO del logo. Reproducido tal cual lo reportó David en el teléfono.

   Nació como arreglo sólo de móvil (m5dyrDbL, dentro del @media de 800 px). Al
   revisarlo a ancho real resultó que NO era un problema de móvil: la cabecera se
   fija con la misma transparencia a 1100, 1280 y 1440 (n3LLgGxJ). Por eso la
   regla vive fuera de cualquier media query.
   (Aviso para quien mida esto: a 1440 la primera lectura dio "no pegajosa" —era
   artefacto de haber desplazado antes de que corriera el JS de Avada. Hay que
   esperar al scroll antes de leer.)

   No se pelea con el selector: el color sale de `var(--header_sticky_bg_color)`
   en una regla de Avada de CUATRO clases
   (`.fusion-body .fusion-is-sticky.fusion-header-wrapper .fusion-header`), que
   le gana a cualquier selector razonable escrito aquí —probado: con tres clases
   NO se aplicó en producción—. Se redefine la variable, que es lo que esa regla
   lee: así el arreglo sobrevive aunque Avada cambie el selector. */
.fusion-header-wrapper.fusion-is-sticky { --header_sticky_bg_color: #fff; }

/* --- Portada, primera pantalla en móvil (tarjeta m5dyrDbL, 2026-09-22) ---

   Espacio muerto sobre el pliegue. Medido a 375x812 en la portada en vivo: el
   primer botón empezaba en 679 y el segundo terminaba en 836, fuera de pantalla.
   Y 812 es el alto CSS: el navegador de un teléfono se come entre 90 y 130 px
   con su barra de direcciones, así que el pliegue real ronda los 690 y no se
   veía NINGÚN llamado a la acción sin desplazar.

   El bloque de (max-width:420px) and (max-height:760px) de aquí abajo ya trataba
   esto, pero sólo en pantallas cortas: a 812 de alto no llega a aplicar, y su
   medida se tomó contra el alto CSS, no contra el pliegue real del teléfono.

   Esto no toca ni el cuerpo tipográfico ni la copia: sólo recupera hueco. Avada
   separa cada bloque con un `.fusion-separator` vacío que lleva el margen en el
   atributo `style` en línea, de ahí el selector por atributo y el !important.
   El cuarto separador (5 px, antes del buscador de dominio) no lo alcanza el
   selector, a propósito: subirlo a 14 lo empeoraría.

   Suma: -26 del relleno de la sección, -18 del margen de la columna, -33 de los
   tres separadores y -8 de los dos títulos = 77 px. El botón principal pasa de
   679 a 602 y el segundo de 836 a 759: los dos por encima del pliegue. */
@media only screen and (max-width: 800px) {
  #inicio.fusion-fullwidth { padding-top: 24px; }
  #inicio .fusion-builder-column-0 { margin-top: 8px; }
  #inicio .fusion-separator[style*="margin-top:25px"] { margin-top: 14px !important; }
  #inicio .fusion-title { margin-bottom: 8px; }
}

/* El titular del hero en pantallas CORTAS
   Medido a 360x640: el titular ocupaba cinco líneas a 34 px y empujaba el primer
   botón hasta los 746 px, 106 por debajo del pliegue. Quien abre la portada en un
   teléfono pequeño no ve ni un llamado a la acción sin desplazar.

   Se acota por ALTO además de por ancho: a 390x844 y 414x896 el botón ya cabe, y
   ahí el titular se queda a 34 px. Sólo cambia donde estorba.

   El h1 de Avada lleva `font-size:1em` en su atributo `style` y el tamaño real
   sale de `--fontSize` por su script de tipografía adaptativa. Tocar el
   contenedor `.fusion-title` NO funciona —probado— y hay que fijar el tamaño en
   el propio h1.

   Resultado: el titular pasa de cinco líneas a cuatro y el botón termina en 609,
   con 31 px de margen sobre el pliegue. */
@media (max-width: 420px) and (max-height: 760px) {
  #inicio.fusion-fullwidth { padding-top: 20px !important; }
  #inicio .fusion-title { margin-bottom: 12px !important; }
  #inicio .fusion-title h1.fusion-title-heading { font-size: 27px !important; line-height: 1.14 !important; }
  #inicio .fusion-title h2.fusion-title-heading { font-size: 17px !important; line-height: 1.35 !important; }
}

/* --- Movimiento y elevación del design system modernizado (tarjeta N10DeBRD) ---
   Avada ya trae, por defecto, transición de 0,2s en .fusion-button y sombra en el
   mega menú (medido 2026-09-22, ver STATUS/hallazgo). Se fija aquí de forma
   EXPLÍCITA y versionada, para que no dependa de un valor de Avada que una
   actualización del tema podría cambiar sin avisar. Valores: design system
   Conexcol (duracion_base, sombra_flotante). */

/* Elevación: el mega menú pasa a la sombra flotante exacta del design system, en
   vez del preset de Avada (1px 1px 30px rgba(0,0,0,.06), más difusa). */
.avada-has-megamenu-shadow .fusion-main-menu .sub-menu,
.avada-has-megamenu-shadow .fusion-megamenu-holder {
  box-shadow: 0 4px 16px rgba(11, 15, 20, .12) !important;
}

/* Movimiento: botón y enlaces del menú principal. */
.fusion-button,
.fusion-main-menu > ul > li > a {
  transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s;
}

@media (prefers-reduced-motion: reduce) {
  .fusion-button,
  .fusion-main-menu > ul > li > a,
  .avada-has-megamenu-shadow .fusion-main-menu .sub-menu,
  .avada-has-megamenu-shadow .fusion-megamenu-holder {
    transition: none !important;
  }
}

/* --- Radios como apple.com (tarjeta Dx496e2L, corrige D2yJeIRY, 2026-09-22) ---
   D2yJeIRY puso el botón en 10px entendiendo «como Apple» = la HIG de iOS, la
   de las apps: escala proporcional al tamaño del elemento. La referencia que
   pedía David era apple.com, el SITIO, que es otra cosa.

   Medido en vivo el 2026-09-22 con getComputedStyle:
     apple.com/co ............ 27 de 27 botones visibles: border-radius 980px
                               (cápsula; 980 es el número que escribe Apple)
     support.apple.com ....... tarjetas (.as-tile-rounded) 18px
                               campo de búsqueda 12px
                               enlaces pequeños de lista 6px

   Lo incómodo: el botón original de Conexcol (25px sobre 44px de alto) YA era
   una cápsula, o sea ya coincidía con apple.com. El cambio a 10px lo alejó.
   Vuelve a cápsula.

   Avada guarda el radio del botón y del formulario como custom properties en
   `body` (medido en fusion-styles: --button-border-radius-top-left, etc. y
   --form_border_radius). El enlace de fusion-styles (compilado, dinámico) carga
   DESPUÉS del tema hijo en el head, así que sin !important la declaración de
   Avada gana por orden de aparición. */
body {
  --button-border-radius-top-left: 980px !important;
  --button-border-radius-top-right: 980px !important;
  --button-border-radius-bottom-right: 980px !important;
  --button-border-radius-bottom-left: 980px !important;
  --form_border_radius: 12px !important;
}

/* La variable por sí sola no basta: medido el 2026-09-22, getComputedStyle
   confirmaba la variable resuelta en el botón pero border-top-left-radius se
   quedaba con el valor viejo (una regla o mecanismo más allá de lo que ese
   chequeo pudo ver por CSSOM gana para la propiedad final). Se fuerza directo,
   sin depender de la variable. */
.fusion-button, .fusion-button-default, input.button-default, .button-default {
  border-radius: 980px !important;
}
.form-control, input[type=text], input[type=email], input[type=search],
input[type=tel], input[type=password], textarea, select {
  border-radius: 12px !important;
}