/* =================================================================== VELNOX.ai - hoja puente entre Elementor y la plantilla Orizon ------------------------------------------------------------------- Los elementos atomicos de Elementor (e-div-block, e-heading, e-paragraph, e-button, e-image) emiten el marcado limpio con las clases de Orizon en el propio elemento, asi que orizon.css (prefijada con .elementor, ver construir-tema.py) los estila sola. Lo que queda aqui es lo que Elementor anade por su cuenta y Orizon no espera. ORDEN Y ESPECIFICIDAD Esta hoja carga DESPUES de las de Elementor y ANTES de orizon.css. Todo va a 0-2-0 (.elementor .algo): gana a lo de Elementor por orden y pierde contra Orizon por orden. Nunca 0-3-0: pisaria a la plantilla. Se construye desde el repo (wordpress/tema-hijo/). No se edita en el servidor. =================================================================== */ /* 1. Lo que frontend.css le da a todo .e-con (tambien a los atomicos): padding y gap por defecto del kit (10px / 20px), width:100%, min-height, max-width en los de primer nivel, transiciones... Se devuelve todo al valor inicial del CSS, y las clases de Orizon ponen lo suyo encima. */ .elementor .e-atomic-element { --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; --padding-block-start: 0; --padding-block-end: 0; --padding-inline-start: 0; --padding-inline-end: 0; --margin-top: 0; --margin-right: 0; --margin-bottom: 0; --margin-left: 0; --margin-block-start: 0; --margin-block-end: 0; --margin-inline-start: 0; --margin-inline-end: 0; --gap: normal; --row-gap: normal; --column-gap: normal; /* 🔴 `--width` TAMPOCO se neutraliza. Elementor declara `.e-con { --width: 100% }` y lo consume con `width: var(--width)`. Forzarlo a `auto` hace que el contenedor se encoja a su contenido, y eso rompe el LAZY LOADING en cadena: contenedor sin ancho -> el lazy nunca entra en viewport -> no carga -> sigue sin ancho intrinseco -> el contenedor sigue a 0. Medido el 31/08 en #solutions: de las tres ilustraciones solo cargaba la primera -- la unica sin `loading="lazy"` --; las otras dos se quedaban en 0x0 con naturalWidth 0. Se veian como tarjetas sin imagen. Orizon pone sus propios anchos donde le hace falta, asi que dejarle el 100% a Elementor no le quita nada. */ --min-height: auto; --height: auto; /* 🔴 `--position` NO se neutraliza, y esto costo los botones del hero (31/08). Elementor declara `.e-con { --position: relative }` y lo consume con `position: var(--position)`. No es decorativo: es lo que hace que el `::before` del OVERLAY de fondo se posicione contra su contenedor. Con `static` ese pseudo-elemento pierde su ancestro posicionado y se coloca contra el DOCUMENTO: medido en la pagina servida, el overlay de una seccion del pie salia 1905x945 -- el viewport entero -- y tapaba TODA la pagina. Los dos botones del hero no respondian al clic, y se confirmo ocultando ese elemento: volvian a ser clicables. `relative` sin offsets no mueve nada de sitio, solo crea el contexto, asi que dejarselo a Elementor no afecta a la maqueta de Orizon. */ --z-index: auto; --overflow: visible; --text-align: inherit; --border-radius: 0; padding: 0; margin: 0; gap: normal; width: auto; max-width: none; min-width: 0; min-height: auto; height: auto; /* ⚠️ Este `position: static` es el que costo los botones del hero, y sigue aqui SOLO porque este bloque ya no alcanza a nada: el sitio no usa elementos atomicos desde el 29/08 -- la portada paso a `container` clasicos, que los gobierna el bloque de `.e-con` de mas abajo, donde `--position` NO se toca. Si alguien vuelve a lanzar `volcar-elementor.py` sin pasar despues por `atomico-a-contenedor.py`, vuelven los atomicos y con ellos este fallo: un `::before` de overlay se posicionaria contra el documento otra vez. */ position: static; transition: none; } /* 2. Los estilos base de base-desktop.css: .e-div-block-base trae min-width:30px y padding:10px a 0-2-0. Aqui, a 0-2-0 y despues. */ .elementor .e-div-block-base, .elementor .e-flexbox-base { padding: 0; min-width: 0; } /* 3. El boton atomico trae fondo azul, radio 2px y padding propios; el de Orizon (.button-main y compania) los define todos, pero por si un enlace de texto suelto cae en e-button sin clase de boton. */ .elementor .e-button-base { background: none; border-radius: 0; padding: 0; border: 0; text-align: inherit; font: inherit; color: inherit; } /* 4. La imagen atomica: display:block en base; Orizon quiere inline-block en img y block solo donde lo dice. Se devuelve al elemento. */ .elementor .e-image-base { display: inline-block; } /* =================================================================== 5. PROSA LEGAL - /privacy-policy/ y /terms/ ------------------------------------------------------------------- Las dos legales meten el documento entero en un widget text-editor clasico (ver scripts/volcar-legales.py: el enum de `tag` de e-div-block no tiene `ul` ni `li`, y una legal sin listas no es una legal). Dentro de ese widget hay

,

,

,