.elementor-kit-1803{--e-global-color-primary:#241B40;--e-global-color-secondary:#5800FF;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#241B40;overscroll-behavior:auto;}.elementor-kit-1803 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:#02010100;padding-inline-end:0px;padding-inline-start:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Fondo vectorial de controles PlayStation + drift ===== */
:root{
  --pm-bg:#1b1230;
  --pm-lilac:#b26cff;
  --pm-cyan:#00f5ff;
  --pm-text:#e7e0ff;
}

/* Aplica esta clase junto a pm-anim-box:  class="pm-anim-box pm-ps-pattern" */
.pm-ps-pattern{
  /* Re-declaramos el background de pm-anim-box y añadimos la capa "pattern" al fondo */
  background-image:
    radial-gradient(120% 100% at 10% 110%, rgba(178,108,255,.14), transparent 45%),
    radial-gradient(120% 100% at 100% 0%, rgba(0,245,255,.12), transparent 45%),
    linear-gradient(180deg, rgba(23,14,44,.45), rgba(23,14,44,.25)),
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'>\
  <rect width='140' height='140' fill='none'/>\
  <!-- Cuadrado -->\
  <rect x='10' y='10' width='26' height='26' rx='4' ry='4' fill='none' stroke='%23b26cff' stroke-width='3' opacity='0.55'/>\
  <!-- Triángulo -->\
  <path d='M70 12 L86 40 L54 40 Z' fill='none' stroke='%2300f5ff' stroke-width='3' opacity='0.55'/>\
  <!-- Círculo -->\
  <circle cx='118' cy='23' r='13' fill='none' stroke='%23ff4d6d' stroke-width='3' opacity='0.55'/>\
  <!-- X -->\
  <g stroke='%2337ff9a' stroke-width='3' stroke-linecap='round' opacity='0.55'>\
    <line x1='16' y1='72' x2='36' y2='92'/>\
    <line x1='36' y1='72' x2='16' y2='92'/>\
  </g>\
  <!-- Repetimos algunos para llenar mejor el mosaico -->\
  <rect x='104' y='96' width='26' height='26' rx='4' ry='4' fill='none' stroke='%23b26cff' stroke-width='3' opacity='0.45'/>\
  <path d='M28 102 L44 130 L12 130 Z' fill='none' stroke='%2300f5ff' stroke-width='3' opacity='0.45'/>\
  <circle cx='76' cy='112' r='12' fill='none' stroke='%23ff4d6d' stroke-width='3' opacity='0.45'/>\
</svg>");
  background-repeat: no-repeat, no-repeat, no-repeat, repeat;
  background-size: auto, auto, auto, 220px 220px;     /* tamaño del patrón */
  background-position: center, center, center, 0 0;   /* última capa = patrón */
  animation: pm-ps-drift 30s linear infinite;         /* movimiento suave */
}

/* Mueve SOLO la última capa (el patrón), las 3 primeras quedan fijas */
@keyframes pm-ps-drift{
  0%   { background-position: center, center, center,   0px    0px; }
  50%  { background-position: center, center, center, 120px  80px; }
  100% { background-position: center, center, center, 240px 160px; }
}

/* Intensidad del patrón (ajusta si quieres más/menos visible) */
.pm-ps-pattern{ backdrop-filter: none; } /* opcional *//* End custom CSS */