.elementor-355 .elementor-element.elementor-element-327643d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-355 .elementor-element.elementor-element-327643d:not(.elementor-motion-effects-element-type-background), .elementor-355 .elementor-element.elementor-element-327643d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F0E9;}.elementor-355 .elementor-element.elementor-element-327643d.e-con{--align-self:center;}.elementor-355 .elementor-element.elementor-element-dfd7568{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-355 .elementor-element.elementor-element-e217263{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-355 .elementor-element.elementor-element-1444d50 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-weight:500;color:#414141;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-355 .elementor-element.elementor-element-c294710{font-family:"Space Mono", Sans-serif;font-weight:400;color:#414141;}.elementor-355 .elementor-element.elementor-element-f363246{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:end;}.elementor-355 .elementor-element.elementor-element-1bcc392{--display:flex;}.elementor-355 .elementor-element.elementor-element-e90beb8 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:18px;font-weight:600;color:#414141;}.elementor-355 .elementor-element.elementor-element-93c2eed{font-family:"DM Sans", Sans-serif;font-weight:400;line-height:15px;color:#414141;}.elementor-355 .elementor-element.elementor-element-93c2eed a{color:#505050;}.elementor-355 .elementor-element.elementor-element-ebad36c{--display:flex;}.elementor-355 .elementor-element.elementor-element-f6f99fb .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:18px;font-weight:600;color:#414141;}.elementor-355 .elementor-element.elementor-element-e51a59f{font-family:"DM Sans", Sans-serif;font-weight:400;line-height:15px;color:#414141;}.elementor-355 .elementor-element.elementor-element-e51a59f a{color:#505050;}.elementor-355 .elementor-element.elementor-element-81b2a4d{--display:flex;}.elementor-355 .elementor-element.elementor-element-9c280a2 .elementor-heading-title{font-family:"Space Mono", Sans-serif;font-size:18px;font-weight:600;color:#414141;}.elementor-355 .elementor-element.elementor-element-6605c6f{font-family:"DM Sans", Sans-serif;font-weight:400;line-height:15px;color:#414141;}@media(max-width:1024px){.elementor-355 .elementor-element.elementor-element-f363246{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-355 .elementor-element.elementor-element-327643d{--content-width:100%;}}@media(max-width:767px){.elementor-355 .elementor-element.elementor-element-f363246{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//* 0) Carga una fuente con runas (evita 'cuadraditos' vacíos) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Runic:wght@400&display=swap');

/* 1) La sección: debe tener CSS ID = why-names */
#why-names{ 
  position: relative;
  isolation: isolate; /* su propio stacking context */
}

/* 2) Capa hija (agrega un HTML widget con <div class="ln-runes-ambient"></div>) */
#why-names .ln-runes-ambient{
  position: absolute;
  inset: 0;
  z-index: 0;                 /* por debajo del contenido */
  pointer-events: none;
  overflow: hidden;
  font-family: "Noto Sans Runic","Segoe UI Symbol",system-ui,sans-serif;
  font-size: clamp(12px, 1.2vw, 18px);
  line-height: 1.8;
  letter-spacing: 0.55em;
  color: rgba(171,142,68,0.18); /* un poco más visible para test */
  opacity: 0.9;
  white-space: pre-wrap;
}

/* 3) Las runas viven en el ::before de la capa (NO del contenedor) */
#why-names .ln-runes-ambient::before{
  content:
    "ᚠᚢᚦᚨᚱᚲᚷᚹᚺᚾᛁᛃᛇᛈᛉᛊᛏᛒᛖᛗᛚᛜᛞᛟ \A"
    "ᛟᛞᛜᛚᛗᛖᛒᛏᛊᛉᛇᛃᛁᚾᚺᚹᚷᚲᚱᚨᚦᚢᚠ \A"
    "ᚷᚺᚾᛁᛇᛉᛏᛖᛚᛞᛟᚠᚢᚦᚨᚱᚲᚹᛃᛈᛊ \A"
    "ᛞᛗᛒᛏᛊᛉᛇᛃᛁᚾᚺᚹᚷᚲᚱᚨᚦᚢᚠᛟ \A"
    "ᚠᚢᚦᚨᚱᚲᚷᚹᚺᚾᛁᛃᛇᛈᛉᛊᛏᛒᛖᛗᛚᛜᛞᛟ \A"
    "ᛟᛞᛜᛚᛗᛖᛒᛏᛊᛉᛇᛃᛁᚾᚺᚹᚷᚲᚱᚨᚦᚢᚠ";
  position: absolute;
  inset: -8% -6%;
  transform: translate3d(0,0,0);
  animation: lnRuneDrift 48s ease-in-out infinite;
  will-change: transform, opacity;
}

/* 4) Asegura que el resto del contenido quede por encima */
#why-names > *:not(.ln-runes-ambient){
  position: relative;
  z-index: 1;
}

/* Animación sutil */
@keyframes lnRuneDrift{
  0%   { transform: translate3d(-2%, -2%, 0) rotate(0.2deg);  opacity: .75; }
  50%  { transform: translate3d( 2%,  2%, 0) rotate(-0.2deg); opacity: .95; }
  100% { transform: translate3d(-2%, -2%, 0) rotate(0.2deg);  opacity: .75; }
}

/* Hover opcional (quítalo si no quieres cambio) */
#why-names:hover .ln-runes-ambient{ opacity: .98; }

/* Respeta reduce motion */
@media (prefers-reduced-motion: reduce){
  #why-names .ln-runes-ambient::before{ animation: none; opacity: .35; }
}

/* --- DEBUG opcional: quita estas dos líneas cuando lo veas funcionando --- */
/* #why-names .ln-runes-ambient{ outline: 1px dashed rgba(200,50,50,.35); } *//* End custom CSS */