.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-2665f19:#090909;--e-global-color-1db15c1:#121212;--e-global-color-6a74e0a:#2D2D2D;--e-global-color-aaaf0cc:#E8E8E8;--e-global-color-8e0ab8e:#9B9B9B;--e-global-color-88d27d4:#1F1F1F;--e-global-color-2c70d66:#222222;--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;--e-global-typography-cd73cb1-font-family:"Geist";--e-global-typography-cd73cb1-font-size:16px;--e-global-typography-cd73cb1-font-weight:400;--e-global-typography-fad309d-font-family:"Geist";--e-global-typography-fad309d-font-size:30px;--e-global-typography-fad309d-font-weight:600;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column: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-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 *//* =========================================================
   CONFIGURACIÓN DEL FONDO CON PUNTOS 
   ========================================================= */
body {
    /* Color de los puntos en Modo Oscuro */
    --color-puntos: rgba(255, 255, 255, 0.15); 
    
    /* Cambiamos el 2px por 1px para que el punto sea súper fino */
    background-image: radial-gradient(var(--color-puntos) 1px, transparent 1px);
    
    /* Aumentamos la separación de 30px a 50px (puedes subirlo a 60px o más si lo prefieres) */
    background-size: 50px 50px; 
    background-position: 0 0;
}
/* Cuando el body recibe la clase del botón, cambiamos TUS colores globales y los puntos */
body.modo-claro {
    --e-global-color-2665f19: #ffffff;  /* DARK - BG */
    --e-global-color-1db15c1: #f5f5f5;  /* DARK - BG Inside */
    --e-global-color-6a74e0a: #cccccc;  /* DARK - Border */
    --e-global-color-aaaf0cc: #090909;  /* DARK - Titles */
    --e-global-color-8e0ab8e: #555555;  /* DARK - Text */
    --e-global-color-88d27d4: #f0f0f0;  /* DARK - BG Button */
    --e-global-color-2c70d66: #e0e0e0;  /* DARK - BG Button Hover */

    /* Cambiamos los puntos a oscuros para que se vean sobre el fondo blanco */
    --color-puntos: rgba(0, 0, 0, 0.15); 
}

/* Transición global para que todo mute suavemente */
body, 
.elementor-widget, 
.elementor-container, 
.elementor-heading-title, 
.elementor-text-editor, 
.elementor-button {
    transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, fill 0.4s ease !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Geist';
	font-display: auto;
	src: url('https://aarxn.aaronvelasquez.me/wp-content/uploads/2026/03/Geist-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */