button:not(:disabled),
[role="button"]:not([aria-disabled="true"]),
a[href]:not([aria-disabled="true"]) {
    cursor: pointer;
}

button:disabled,
[role="button"][aria-disabled="true"],
a[href][aria-disabled="true"] {
    cursor: not-allowed;
}

:root {
/* =============================================================================================================================================================================================================================== */
/* ===== TIPOGRAFÍA GLOBAL =====*/
    --font-primary: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
/* =============================================================================================================================================================================================================================== */



/* =============================================================================================================================================================================================================================== */
/* ===== PALETA DE COLORES =====*/

    /* === Paleta base ACYS === */
    --acys-blue-950: #011e4a;
    --acys-blue-900: #02285c;
    --acys-blue-800: #01326f;
    --acys-blue-700: #014087;
    --acys-blue-600: #014ca1;
    --acys-blue-500: #0259b4;
    --acys-blue-400: #1f73d1;
    --acys-blue-300: #5b9be3;
    --acys-blue-200: #a8cef5;
    --acys-blue-100: #d9ebff;
    --acys-blue-50: #f0f7ff;    
    --acys-blue-25: #f4f9ff;
    --acys-black: #000000;
    --acys-white: #ffffff;

    /* === Escala de grises azulados === */
    --acys-gray-950: #111827;
    --acys-gray-900: #1f2937;
    --acys-gray-800: #374151;
    --acys-gray-700: #4b5563;
    --acys-gray-600: #5b6678;
    --acys-gray-500: #6b7280;
    --acys-gray-400: #9ca3af;
    --acys-gray-300: #d1d5db;
    --acys-gray-200: #e5e7eb;
    --acys-gray-100: #f3f4f6;
    --acys-gray-50: #f8fafc;

    /* === Escala de grises neutros === */
    --neutral-black: #000000;
    --neutral-gray-950: #0a0a0a;
    --neutral-gray-900: #171717;
    --neutral-gray-800: #262626;
    --neutral-gray-700: #404040;
    --neutral-gray-600: #525252;
    --neutral-gray-500: #737373;
    --neutral-gray-400: #a3a3a3;
    --neutral-gray-300: #d4d4d4;
    --neutral-gray-200: #e5e5e5;
    --neutral-gray-100: #f5f5f5;
    --neutral-gray-50: #fafafa;

    /* === ACYS Degradado Azul === */
    --acys-gradient-start: #011d44;
    --acys-gradient-mid: #013275;
    --acys-gradient-end: #005cbb;

    /* === Colores individuales === */
    --whatsapp-green: #25D366;
    --rojo-error: #e5484d;
/* =============================================================================================================================================================================================================================== */


/* =============================================================================================================================================================================================================================== */
/* ===== COLORES GENERALES ===== */
    --page-bg: var(--acys-white);
    --danger-red: var(--rojo-error);
/* =============================================================================================================================================================================================================================== */



/* =============================================================================================================================================================================================================================== */
/* ===== NAVBAR ===== */
    --navbar-bg: var(--acys-white);
    --navbar-border: var(--acys-gray-200);
    --navbar-link-text: var(--acys-gray-600);
    --navbar-link-hover: var(--acys-blue-500);
    --navbar-link-active: var(--acys-blue-500);
    --navbar-link-indicator: var(--acys-blue-500);
    --navbar-menu-icon: var(--neutral-gray-900);
    --navbar-menu-hover-bg: var(--acys-gray-100);
    --navbar-mobile-bg: var(--acys-white);
    --navbar-mobile-border: var(--acys-gray-200);
    --navbar-mobile-links-surface: var(--acys-blue-25);
    --navbar-mobile-links-border: var(--acys-blue-100);
    --navbar-mobile-link-text: var(--acys-gray-600);
    --navbar-mobile-link-bg: var(--acys-white);
    --navbar-mobile-link-border: var(--acys-blue-100);
    --navbar-mobile-link-hover: var(--acys-blue-600);
    --navbar-mobile-link-hover-bg: var(--acys-blue-100);
    --navbar-mobile-link-hover-border: var(--acys-blue-200);
    --navbar-mobile-link-active: var(--acys-blue-600);
    --navbar-mobile-link-active-bg: var(--acys-blue-100);
    --navbar-mobile-link-active-border: var(--acys-blue-200);
    --navbar-mobile-link-indicator: var(--acys-blue-600);
    --navbar-whatsapp-bg: var(--whatsapp-green);
    --navbar-whatsapp-text: var(--acys-white);
    --navbar-whatsapp-border: var(--whatsapp-green);
    --navbar-whatsapp-hover-bg: var(--acys-white);
    --navbar-whatsapp-hover-text: var(--whatsapp-green);
    --navbar-whatsapp-hover-border: var(--whatsapp-green);
    --navbar-whatsapp-shadow: 0 8px 15px rgba(0, 0, 0, 0.10);
    --navbar-whatsapp-hover-shadow: 0 12px 18px rgba(37, 211, 102, 0.30);
/* =============================================================================================================================================================================================================================== */



/* =============================================================================================================================================================================================================================== */
/* ===== FOOTER ===== */
    --footer-bg: var(--acys-white);
    --footer-border: var(--acys-gray-200);
    --footer-brand-text: var(--acys-blue-500);
    --footer-brand-subtitle: var(--acys-gray-600);
    --footer-title: var(--neutral-gray-950);
    --footer-text: var(--acys-gray-700);
    --footer-muted-text: var(--acys-gray-600);
    --footer-link-text: var(--acys-gray-700);
    --footer-link-hover: var(--acys-blue-500);
    --footer-icon-text: var(--acys-blue-500);
    --footer-bottom-bg: var(--acys-blue-950);
    --footer-bottom-border: var(--acys-blue-900);
    --footer-bottom-text: var(--acys-blue-200);
    --footer-admin-link: var(--acys-blue-200);
    --footer-admin-link-hover: var(--acys-white);
    --footer-focus-ring: var(--acys-blue-300);
/* =============================================================================================================================================================================================================================== */
    


/* =============================================================================================================================================================================================================================== */
/* ===== INICIO ===== */
    /* hero */
    --inicio-hero-section-surface: var(--acys-blue-950);
    --inicio-hero-bg: var(--hero-section-surface);
    --inicio-hero-text: var(--acys-white);
    --inicio-hero-title: var(--acys-white);
    --inicio-hero-description: var(--acys-blue-100);
    --inicio-hero-main-overlay: linear-gradient(90deg,rgba(1, 29, 68, 0.96) 0%,rgba(1, 50, 117, 0.82) 50%,rgba(0, 92, 187, 0.72) 100%);
    --inicio-hero-depth-overlay: linear-gradient(to bottom,rgba(0, 0, 0, 0.20), transparent,rgba(1, 29, 68, 0.45));
    --inicio-hero-primary-button-bg: var(--whatsapp-green);
    --inicio-hero-primary-button-text: var(--acys-white);
    --inicio-hero-secondary-button-bg: rgba(255, 255, 255, 0.10);
    --inicio-hero-secondary-button-border: rgba(255, 255, 255, 0.35);
    --inicio-hero-secondary-button-text: var(--acys-white);
    --inicio-hero-secondary-button-hover-bg: rgba(255, 255, 255, 0.20);
    --inicio-hero-helper-text: var(--acys-blue-100);
    --inicio-hero-helper-icon: var(--acys-blue-200);
    --inicio-hero-stats-border: rgba(255, 255, 255, 0.15);
    --inicio-hero-stats-icon: var(--acys-blue-200);
    --inicio-hero-stats-text: rgba(255, 255, 255, 0.90);
    /* carousel */
    --inicio-carousel-section-surface: var(--acys-blue-25);
    --inicio-carousel-card-surface: var(--acys-white);
    --inicio-carousel-section-bg: var(--inicio-carousel-section-surface);
    --inicio-carousel-card-bg: var(--inicio-carousel-card-surface);
    --inicio-carousel-card-border: var(--acys-blue-100);
    --inicio-carousel-card-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
    --inicio-carousel-overlay-mobile: linear-gradient( to top,rgba(0, 0, 0, 0.85) 0%,rgba(0, 0, 0, 0.45) 50%, transparent 100%);
    --inicio-carousel-overlay-desktop: linear-gradient( to right,rgba(0, 0, 0, 0.75) 0%,rgba(0, 0, 0, 0.40) 50%, transparent 100%);
    --inicio-carousel-title: var(--acys-white);
    --inicio-carousel-description: rgba(255, 255, 255, 0.85);
    --inicio-carousel-cta-bg: var(--acys-blue-500);
    --inicio-carousel-cta-hover-bg: var(--acys-blue-400);
    --inicio-carousel-cta-text: var(--acys-white);
    --inicio-carousel-control-bg: rgba(255, 255, 255, 0.90);
    --inicio-carousel-control-hover-bg: var(--acys-white);
    --inicio-carousel-control-icon: var(--acys-blue-600);
    --inicio-carousel-control-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.20), 0 4px 6px -4px rgba(0, 0, 0, 0.20);
    --inicio-carousel-control-focus-ring: rgba(255, 255, 255, 0.80);
    --inicio-carousel-indicator-active: var(--acys-white);
    --inicio-carousel-indicator-inactive: rgba(255, 255, 255, 0.45);
    --inicio-carousel-indicator-hover: rgba(255, 255, 255, 0.80);
    /* services */
    --inicio-services-section-surface: var(--acys-gray-100);
    --inicio-services-card-surface: var(--acys-white);
    --inicio-services-section-bg: var(--inicio-services-section-surface);
    --inicio-services-section-title: var(--neutral-gray-950);
    --inicio-services-section-description: var(--acys-gray-600);
    --inicio-services-card-bg: var(--inicio-services-card-surface);
    --inicio-services-card-border: var(--acys-blue-100);
    --inicio-services-card-hover-border: var(--acys-blue-500);
    --inicio-services-card-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --inicio-services-card-hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
    --inicio-services-card-icon-bg: var(--acys-blue-500);
    --inicio-services-card-icon: var(--acys-white);
    --inicio-services-card-icon-bold-filter: drop-shadow(0.6px 0 0 var(--inicio-services-card-icon)) drop-shadow(-0.6px 0 0 var(--inicio-services-card-icon)) drop-shadow(0 0.6px 0 var(--inicio-services-card-icon)) drop-shadow(0 -0.6px 0 var(--inicio-services-card-icon));
    --inicio-services-card-title: var(--neutral-gray-950);
    --inicio-services-card-title-hover: var(--acys-blue-500);
    --inicio-services-card-text: var(--acys-gray-600);
    --inicio-services-link-text: var(--acys-blue-500);
    --inicio-services-link-hover: var(--acys-blue-700);
    /* trust */
    --inicio-trust-section-surface: var(--acys-blue-25);
    --inicio-trust-card-surface: var(--acys-white);
    --inicio-trust-section-bg: var(--inicio-trust-section-surface);
    --inicio-trust-title: var(--neutral-gray-950);
    --inicio-trust-description: var(--acys-gray-600);
    --inicio-trust-card-bg: var(--inicio-trust-card-surface);
    --inicio-trust-card-border: var(--acys-blue-100);
    --inicio-trust-card-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --inicio-trust-step-icon-bg: var(--acys-blue-100);
    --inicio-trust-step-icon: var(--acys-blue-500);
    --inicio-trust-step-icon-bold-filter: drop-shadow(0.6px 0 0 var(--inicio-trust-step-icon)) drop-shadow(-0.6px 0 0 var(--inicio-trust-step-icon)) drop-shadow(0 0.6px 0 var(--inicio-trust-step-icon)) drop-shadow(0 -0.6px 0 var(--inicio-trust-step-icon));
    --inicio-trust-card-title: var(--neutral-gray-950);
    --inicio-trust-card-text: var(--acys-gray-600);
    --inicio-trust-cta-border: var(--acys-blue-500);
    --inicio-trust-cta-text: var(--acys-blue-500);
    --inicio-trust-cta-hover-bg: var(--acys-blue-500);
    --inicio-trust-cta-hover-text: var(--acys-white);
    /* experience */
    --inicio-experience-section-surface: var(--neutral-gray-50);
    --inicio-experience-section-bg: var(--inicio-experience-section-surface);
    --inicio-experience-title: var(--neutral-gray-950);
    --inicio-experience-description: var(--acys-gray-600);
    --inicio-experience-cta-bg: var(--acys-blue-500);
    --inicio-experience-cta-hover-bg: var(--acys-blue-400);
    --inicio-experience-cta-text: var(--acys-white);
    --inicio-experience-cta-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.10), 0 2px 4px -2px rgba(0, 0, 0, 0.10);
    --inicio-experience-cta-hover-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
    --inicio-experience-card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
    --inicio-experience-card-overlay: linear-gradient( to top,rgba(1, 30, 74, 0.95) 0%,rgba(1, 30, 74, 0.58) 50%, transparent 100%);
    --inicio-experience-card-content: var(--acys-white);
    --inicio-experience-card-title: var(--acys-white);
    --inicio-experience-card-text: rgba(255, 255, 255, 0.80);
    --inicio-experience-card-tag-bg: var(--acys-blue-400);
    --inicio-experience-card-tag-text: var(--acys-white);
    /* final cta */
    --inicio-final-cta-section-surface: var(--acys-blue-800);
    --inicio-final-cta-bg: var(--inicio-final-cta-section-surface);
    --inicio-final-cta-text: var(--acys-white);
    --inicio-final-cta-pattern-dot: rgba(255, 255, 255, 0.18);
    --inicio-final-cta-eyebrow-bg: rgba(255, 255, 255, 0.10);
    --inicio-final-cta-eyebrow-border: rgba(255, 255, 255, 0.20);
    --inicio-final-cta-eyebrow-text: var(--acys-blue-100);
    --inicio-final-cta-title: var(--acys-white);
    --inicio-final-cta-description: var(--acys-blue-100);
    --inicio-final-cta-mini-card-bg: rgba(255, 255, 255, 0.10);
    --inicio-final-cta-mini-card-border: rgba(255, 255, 255, 0.15);
    --inicio-final-cta-mini-card-title: var(--acys-white);
    --inicio-final-cta-mini-card-text: rgba(255, 255, 255, 0.70);
    --inicio-final-cta-mini-card-accent: var(--acys-white);
    --inicio-final-cta-primary-bg: var(--whatsapp-green);
    --inicio-final-cta-primary-text: var(--acys-white);
    --inicio-final-cta-secondary-bg: var(--acys-white);
    --inicio-final-cta-secondary-text: var(--acys-blue-500);
    --inicio-final-cta-secondary-hover-bg: var(--acys-blue-50);
    --inicio-final-cta-note: var(--acys-blue-200);
/* =============================================================================================================================================================================================================================== */



/* =============================================================================================================================================================================================================================== */
/* ===== SERVICIOS ===== */
    /* hero */
    --services-hero-gradient-start: var(--acys-gradient-start);
    --services-hero-gradient-mid: var(--acys-gradient-mid);
    --services-hero-gradient-end: var(--acys-gradient-end);
    --services-hero-bg: linear-gradient(135deg,var(--services-hero-gradient-start) 0%,var(--services-hero-gradient-mid) 50%,var(--services-hero-gradient-end) 100%);
    --services-hero-text: var(--acys-white);
    --services-hero-pattern-dot: rgba(255, 255, 255, 0.18);
    --services-hero-glow: rgba(255, 255, 255, 0.10);
    --services-hero-side-overlay: linear-gradient(to left,rgba(255, 255, 255, 0.10),transparent);
    --services-hero-eyebrow-bg: rgba(255, 255, 255, 0.10);
    --services-hero-eyebrow-border: rgba(255, 255, 255, 0.20);
    --services-hero-eyebrow-text: var(--acys-blue-100);
    --services-hero-title: var(--acys-white);
    --services-hero-description: var(--acys-blue-100);
    --services-hero-chip-bg: rgba(255, 255, 255, 0.10);
    --services-hero-chip-border: rgba(255, 255, 255, 0.15);
    --services-hero-chip-text: rgba(255, 255, 255, 0.90);
    --services-hero-chip-icon: var(--acys-blue-100);
    --services-hero-showcase-bg: rgba(255, 255, 255, 0.10);
    --services-hero-showcase-border: rgba(255, 255, 255, 0.15);
    --services-hero-showcase-card-bg: rgba(255, 255, 255, 0.10);
    --services-hero-showcase-card-border: rgba(255, 255, 255, 0.20);
    --services-hero-main-image-overlay: linear-gradient(to top,rgba(1, 30, 74, 0.85),rgba(1, 30, 74, 0.15),transparent);
    --services-hero-small-image-overlay: rgba(1, 30, 74, 0.20);
    --services-hero-image-title: var(--acys-white);
    --services-hero-image-text: rgba(255, 255, 255, 0.75);
    /* process */
    --services-process-section-bg: var(--acys-blue-25);
    --services-process-pattern-dot: rgba(2, 89, 180, 0.10);
    --services-process-eyebrow-bg: var(--acys-white);
    --services-process-eyebrow-border: var(--acys-blue-100);
    --services-process-eyebrow-text: var(--acys-blue-500);
    --services-process-title: var(--neutral-gray-950);
    --services-process-description: var(--acys-gray-600);
    --services-process-card-bg: var(--acys-white);
    --services-process-card-border: var(--acys-blue-100);
    --services-process-card-hover-border: var(--acys-blue-500);
    --services-process-icon-bg: var(--acys-blue-500);
    --services-process-icon: var(--acys-white);
    --services-process-card-title: var(--neutral-gray-950);
    --services-process-card-text: var(--acys-gray-600);
    --services-process-note-bg: var(--acys-gray-200);
    --services-process-note-text: var(--acys-blue-500);
    /* service_areas */
    --services-areas-section-bg: var(--acys-gray-100);
    --services-areas-decorative-primary: var(--acys-blue-100);
    --services-areas-decorative-secondary: var(--acys-blue-50);
    --services-areas-eyebrow-bg: var(--acys-white);
    --services-areas-eyebrow-border: var(--acys-blue-100);
    --services-areas-eyebrow-text: var(--acys-blue-500);
    --services-areas-title: var(--neutral-gray-950);
    --services-areas-description: var(--acys-gray-600);
    --services-areas-cta-bg: var(--acys-blue-500);
    --services-areas-cta-hover-bg: var(--acys-blue-400);
    --services-areas-cta-text: var(--acys-white);
    --services-areas-card-bg: var(--acys-white);
    --services-areas-card-border: var(--acys-blue-100);
    --services-areas-card-hover-border: var(--acys-blue-500);
    --services-areas-card-top-border: var(--acys-blue-500);
    --services-areas-icon-bg: var(--acys-blue-500);
    --services-areas-icon: var(--acys-white);
    --services-areas-tag-bg: var(--acys-blue-25);
    --services-areas-tag-text: var(--acys-blue-700);
    --services-areas-card-title: var(--neutral-gray-950);
    --services-areas-card-text: var(--acys-gray-600);
    --services-areas-include-bg: var(--acys-blue-25);
    --services-areas-include-title: var(--acys-blue-500);
    --services-areas-list-text: var(--acys-gray-700);
    --services-areas-bullet: var(--acys-blue-500);
    --services-areas-link: var(--acys-blue-500);
    --services-areas-link-hover: var(--acys-blue-700);
    /* final_cta */
    --services-final-cta-bg: var(--acys-blue-800);
    --services-final-cta-text: var(--acys-white);
    --services-final-cta-pattern-dot: rgba(255, 255, 255, 0.18);
    --services-final-cta-eyebrow-bg: rgba(255, 255, 255, 0.10);
    --services-final-cta-eyebrow-border: rgba(255, 255, 255, 0.20);
    --services-final-cta-eyebrow-text: var(--acys-blue-100);
    --services-final-cta-title: var(--acys-white);
    --services-final-cta-description: var(--acys-blue-100);
    --services-final-cta-mini-card-bg: rgba(255, 255, 255, 0.10);
    --services-final-cta-mini-card-border: rgba(255, 255, 255, 0.15);
    --services-final-cta-mini-card-title: var(--acys-white);
    --services-final-cta-mini-card-text: rgba(255, 255, 255, 0.70);
    --services-final-cta-mini-card-accent: var(--acys-white);
    --services-final-cta-primary-bg: var(--whatsapp-green);
    --services-final-cta-primary-text: var(--acys-white);
    --services-final-cta-secondary-bg: var(--acys-white);
    --services-final-cta-secondary-text: var(--acys-blue-500);
    --services-final-cta-secondary-hover-bg: var(--acys-blue-50);
    --services-final-cta-note: var(--acys-blue-200);
/* =============================================================================================================================================================================================================================== */



/* =============================================================================================================================================================================================================================== */
/* ===== PROYECTOS ===== */
    /* hero */
    --projects-hero-gradient-start: var(--acys-gradient-start);
    --projects-hero-gradient-mid: var(--acys-gradient-mid);
    --projects-hero-gradient-end: var(--acys-gradient-end);
    --projects-hero-bg: linear-gradient(135deg,var(--projects-hero-gradient-start) 0%,var(--projects-hero-gradient-mid) 50%,var(--projects-hero-gradient-end) 100%);
    --projects-hero-text: var(--acys-white);
    --projects-hero-pattern-dot: color-mix(in srgb, var(--acys-white) 18%, transparent);
    --projects-hero-glow: color-mix(in srgb, var(--acys-white) 10%, transparent);
    --projects-hero-side-overlay: linear-gradient(to left,color-mix(in srgb, var(--acys-white) 10%, transparent),transparent);
    --projects-hero-eyebrow-bg: color-mix(in srgb, var(--acys-white) 10%, transparent);
    --projects-hero-eyebrow-border: color-mix(in srgb, var(--acys-white) 20%, transparent);
    --projects-hero-eyebrow-text: var(--acys-blue-100);
    --projects-hero-title: var(--acys-white);
    --projects-hero-description: var(--acys-blue-100);
    --projects-hero-chip-bg: color-mix(in srgb, var(--acys-white) 10%, transparent);
    --projects-hero-chip-border: color-mix(in srgb, var(--acys-white) 15%, transparent);
    --projects-hero-chip-text: color-mix(in srgb, var(--acys-white) 90%, transparent);
    --projects-hero-chip-icon: var(--acys-blue-100);
    --projects-hero-showcase-bg: color-mix(in srgb, var(--acys-white) 10%, transparent);
    --projects-hero-showcase-border: color-mix(in srgb, var(--acys-white) 15%, transparent);
    --projects-hero-showcase-card-bg: color-mix(in srgb, var(--acys-white) 10%, transparent);
    --projects-hero-showcase-card-border: color-mix(in srgb, var(--acys-white) 20%, transparent);
    --projects-hero-image-overlay: linear-gradient(to top,color-mix(in srgb, var(--acys-blue-950) 88%, transparent),color-mix(in srgb, var(--acys-blue-950) 18%, transparent),transparent);
    --projects-hero-image-title: var(--acys-white);
    --projects-hero-image-text: color-mix(in srgb, var(--acys-white) 75%, transparent);
    --projects-hero-proof-bg: color-mix(in srgb, var(--acys-white) 12%, transparent);
    --projects-hero-proof-border: color-mix(in srgb, var(--acys-white) 18%, transparent);
    --projects-hero-proof-title: var(--acys-white);
    --projects-hero-proof-text: color-mix(in srgb, var(--acys-white) 72%, transparent);
    /* intro */
    --projects-intro-section-bg: var(--acys-blue-25);
    --projects-intro-pattern-dot: color-mix(in srgb, var(--acys-blue-500) 10%, transparent);
    --projects-intro-eyebrow-bg: var(--acys-white);
    --projects-intro-eyebrow-border: var(--acys-blue-100);
    --projects-intro-eyebrow-text: var(--acys-blue-500);
    --projects-intro-title: var(--neutral-gray-950);
    --projects-intro-description: var(--acys-gray-600);
    --projects-intro-card-bg: var(--acys-white);
    --projects-intro-card-border: var(--acys-blue-100);
    --projects-intro-card-hover-border: var(--acys-blue-500);
    --projects-intro-icon-bg: var(--acys-blue-500);
    --projects-intro-icon: var(--acys-white);
    --projects-intro-card-title: var(--neutral-gray-950);
    --projects-intro-card-text: var(--acys-gray-600);
    /* featured */
    --projects-featured-section-bg: var(--acys-gray-100);
    --projects-featured-eyebrow-bg: var(--acys-white);
    --projects-featured-eyebrow-border: var(--acys-blue-100);
    --projects-featured-eyebrow-text: var(--acys-blue-500);
    --projects-featured-title: var(--neutral-gray-950);
    --projects-featured-description: var(--acys-gray-600);
    --projects-featured-card-bg: var(--acys-white);
    --projects-featured-card-border: var(--acys-blue-100);
    --projects-featured-card-hover-border: var(--acys-blue-500);
    --projects-featured-card-top-border: var(--acys-blue-500);
    --projects-featured-image-overlay: linear-gradient(to top,color-mix(in srgb, var(--acys-blue-950) 88%, transparent),color-mix(in srgb, var(--acys-blue-950) 35%, transparent),transparent);
    --projects-featured-tag-bg: var(--acys-blue-500);
    --projects-featured-tag-text: var(--acys-white);
    --projects-featured-card-title: var(--neutral-gray-950);
    --projects-featured-card-text: var(--acys-gray-600);
    --projects-featured-meta-bg: var(--acys-blue-25);
    --projects-featured-meta-text: var(--acys-blue-700);
    --projects-featured-link: var(--acys-blue-500);
    --projects-featured-link-hover: var(--acys-blue-700);
    /* gallery */
    --projects-gallery-section-bg: var(--acys-blue-25);
    --projects-gallery-eyebrow-bg: var(--acys-white);
    --projects-gallery-eyebrow-border: var(--acys-blue-100);
    --projects-gallery-eyebrow-text: var(--acys-blue-500);
    --projects-gallery-title: var(--neutral-gray-950);
    --projects-gallery-description: var(--acys-gray-600);
    --projects-gallery-frame-bg: var(--acys-blue-800);
    --projects-gallery-frame-border: color-mix(in srgb, var(--acys-white) 18%, transparent);
    --projects-gallery-frame-pattern-dot: color-mix(in srgb, var(--acys-white) 18%, transparent);
    --projects-gallery-frame-title: var(--acys-white);
    --projects-gallery-frame-description: var(--acys-blue-100);
    --projects-gallery-image-bg: var(--acys-blue-950);
    --projects-gallery-image-border: color-mix(in srgb, var(--acys-white) 18%, transparent);
    --projects-gallery-image-overlay: linear-gradient(to top,color-mix(in srgb, var(--acys-blue-950) 78%, transparent),transparent);
    --projects-gallery-caption-title: var(--acys-white);
    --projects-gallery-caption-text: color-mix(in srgb, var(--acys-white) 78%, transparent);
    --projects-gallery-badge-bg: var(--acys-blue-500);
    --projects-gallery-badge-text: var(--acys-white);
    /* more projects */
    --projects-more-section-bg: var(--acys-gray-100);
    --projects-more-eyebrow-bg: var(--acys-white);
    --projects-more-eyebrow-border: var(--acys-blue-100);
    --projects-more-eyebrow-text: var(--acys-blue-500);
    --projects-more-title: var(--neutral-gray-950);
    --projects-more-description: var(--acys-gray-600);
    --projects-more-card-bg: var(--acys-white);
    --projects-more-card-border: var(--acys-blue-100);
    --projects-more-card-hover-border: var(--acys-blue-500);
    --projects-more-label: var(--acys-blue-500);
    --projects-more-card-title: var(--neutral-gray-950);
    --projects-more-card-text: var(--acys-gray-600);
    --projects-more-pill-bg: var(--acys-blue-25);
    --projects-more-pill-text: var(--acys-blue-700);
    /* project types */
    --projects-types-section-bg: var(--acys-blue-25);
    --projects-types-eyebrow-bg: var(--acys-white);
    --projects-types-eyebrow-border: var(--acys-blue-100);
    --projects-types-eyebrow-text: var(--acys-blue-500);
    --projects-types-title: var(--neutral-gray-950);
    --projects-types-description: var(--acys-gray-600);
    --projects-types-card-bg: var(--acys-white);
    --projects-types-card-border: var(--acys-blue-100);
    --projects-types-icon-bg: var(--acys-blue-500);
    --projects-types-icon: var(--acys-white);
    --projects-types-card-title: var(--neutral-gray-950);
    --projects-types-card-text: var(--acys-gray-600);
    /* benefits */
    --projects-benefits-section-bg: var(--acys-gray-100);
    --projects-benefits-card-bg: var(--acys-blue-800);
    --projects-benefits-pattern-dot: color-mix(in srgb, var(--acys-white) 18%, transparent);
    --projects-benefits-title: var(--acys-white);
    --projects-benefits-icon: var(--acys-blue-100);
    --projects-benefits-card-title: var(--acys-white);
    --projects-benefits-card-text: color-mix(in srgb, var(--acys-white) 78%, transparent);
    --projects-benefits-border: color-mix(in srgb, var(--acys-white) 15%, transparent);
    /* brands */
    --projects-brands-section-bg: var(--acys-white);
    --projects-brands-border: var(--acys-gray-200);
    --projects-brands-title: var(--acys-gray-700);
    --projects-brands-description: var(--acys-gray-600);
    --projects-brands-marquee-fade: var(--acys-white);
    --projects-brands-logo-surface: var(--acys-white);
    --projects-brands-logo-border: var(--acys-gray-200);
    --projects-brands-logo-hover-border: var(--acys-blue-100);
    /* final cta */
    --projects-final-cta-bg: var(--acys-blue-800);
    --projects-final-cta-text: var(--acys-white);
    --projects-final-cta-pattern-dot: color-mix(in srgb, var(--acys-white) 18%, transparent);
    --projects-final-cta-eyebrow-bg: color-mix(in srgb, var(--acys-white) 10%, transparent);
    --projects-final-cta-eyebrow-border: color-mix(in srgb, var(--acys-white) 20%, transparent);
    --projects-final-cta-eyebrow-text: var(--acys-blue-100);
    --projects-final-cta-title: var(--acys-white);
    --projects-final-cta-description: var(--acys-blue-100);
    --projects-final-cta-mini-card-bg: color-mix(in srgb, var(--acys-white) 10%, transparent);
    --projects-final-cta-mini-card-border: color-mix(in srgb, var(--acys-white) 15%, transparent);
    --projects-final-cta-mini-card-title: var(--acys-white);
    --projects-final-cta-mini-card-text: color-mix(in srgb, var(--acys-white) 70%, transparent);
    --projects-final-cta-mini-card-accent: var(--acys-white);
    --projects-final-cta-primary-bg: var(--whatsapp-green);
    --projects-final-cta-primary-text: var(--acys-white);
    --projects-final-cta-secondary-bg: var(--acys-white);
    --projects-final-cta-secondary-text: var(--acys-blue-500);
    --projects-final-cta-secondary-hover-bg: var(--acys-blue-50);
    --projects-final-cta-note: var(--acys-blue-200);
/* =============================================================================================================================================================================================================================== */


/* =============================================================================================================================================================================================================================== */
/* ===== PRODUCTOS ===== */
    /* hero */
    --products-hero-gradient-start: var(--acys-gradient-start);
    --products-hero-gradient-mid: var(--acys-gradient-mid);
    --products-hero-gradient-end: var(--acys-gradient-end);
    --products-hero-bg: linear-gradient(135deg,var(--products-hero-gradient-start) 0%,var(--products-hero-gradient-mid) 50%,var(--products-hero-gradient-end) 100%);
    --products-hero-text: var(--acys-white);
    --products-hero-pattern-dot: rgba(255, 255, 255, 0.18);
    --products-hero-glow: rgba(255, 255, 255, 0.10);
    --products-hero-side-overlay: linear-gradient(to left,rgba(255, 255, 255, 0.10),transparent);
    --products-hero-eyebrow-bg: rgba(255, 255, 255, 0.10);
    --products-hero-eyebrow-border: rgba(255, 255, 255, 0.20);
    --products-hero-eyebrow-text: var(--acys-blue-100);
    --products-hero-title: var(--acys-white);
    --products-hero-description: var(--acys-blue-100);
    --products-hero-chip-bg: rgba(255, 255, 255, 0.10);
    --products-hero-chip-border: rgba(255, 255, 255, 0.15);
    --products-hero-chip-text: rgba(255, 255, 255, 0.90);
    --products-hero-chip-icon: var(--acys-blue-100);
    --products-hero-showcase-bg: rgba(255, 255, 255, 0.10);
    --products-hero-showcase-border: rgba(255, 255, 255, 0.16);
    --products-hero-showcase-card-bg: rgba(255, 255, 255, 0.10);
    --products-hero-showcase-card-border: rgba(255, 255, 255, 0.20);
    --products-hero-image-overlay: linear-gradient(to top,rgba(1, 30, 74, 0.90),rgba(1, 30, 74, 0.36),transparent);
    --products-hero-image-title: var(--acys-white);
    --products-hero-image-text: rgba(255, 255, 255, 0.78);
    --products-hero-badge-bg: rgba(255, 255, 255, 0.12);
    --products-hero-badge-border: rgba(255, 255, 255, 0.18);
    --products-hero-badge-icon-bg: var(--acys-white);
    --products-hero-badge-icon: var(--acys-blue-500);
    --products-hero-badge-title: var(--acys-white);
    --products-hero-badge-text: rgba(255, 255, 255, 0.72);
    /* catalog */
    --products-catalog-section-bg: var(--acys-gray-50);
    --products-catalog-search-bg: var(--acys-white);
    --products-catalog-search-border: var(--acys-gray-300);
    --products-catalog-search-text: var(--neutral-gray-950);
    --products-catalog-search-placeholder: var(--acys-gray-500);
    --products-catalog-search-icon: var(--acys-gray-500);
    --products-catalog-focus-border: var(--acys-blue-500);
    --products-catalog-focus-ring: rgba(2, 89, 180, 0.10);
    --products-catalog-panel-bg: var(--acys-white);
    --products-catalog-panel-border: var(--acys-gray-200);
    --products-catalog-title: var(--neutral-gray-950);
    --products-catalog-muted: var(--acys-gray-600);
    --products-catalog-filter-icon: var(--acys-blue-500);
    --products-catalog-divider: var(--acys-gray-200);
    --products-catalog-checkbox-border: var(--acys-gray-300);
    --products-catalog-checkbox-active: var(--acys-blue-500);
    --products-catalog-hover-text: var(--neutral-gray-950);
    --products-catalog-select-bg: var(--acys-white);
    --products-catalog-select-border: var(--acys-gray-300);
    --products-catalog-select-text: var(--neutral-gray-950);
    --products-catalog-select-icon: var(--acys-gray-600);
    --products-catalog-select-dropdown-bg: var(--acys-white);
    --products-catalog-select-dropdown-border: var(--acys-gray-200);
    --products-catalog-select-option-text: var(--neutral-gray-950);
    --products-catalog-select-option-hover-bg: var(--acys-blue-50);
    --products-catalog-select-option-active-bg: var(--acys-blue-500);
    --products-catalog-select-option-active-text: var(--acys-white);
    --products-catalog-card-bg: var(--acys-white);
    --products-catalog-card-border: var(--acys-gray-200);
    --products-catalog-card-hover-border: var(--acys-blue-500);
    --products-catalog-image-bg: var(--acys-white);
    --products-catalog-badge-bg: var(--acys-blue-50);
    --products-catalog-badge-text: var(--acys-blue-500);
    --products-sale-badge-bg: var(--acys-blue-800);
    --products-sale-badge-text: var(--acys-white);
    --products-sale-badge-accent: var(--acys-blue-200);
    --products-catalog-card-title: var(--neutral-gray-950);
    --products-catalog-card-text: var(--acys-gray-600);
    --products-catalog-button-bg: var(--acys-blue-500);
    --products-catalog-button-hover-bg: var(--acys-blue-400);
    --products-catalog-button-text: var(--acys-white);
    --products-catalog-pagination-bg: var(--acys-white);
    --products-catalog-pagination-border: var(--acys-gray-300);
    --products-catalog-pagination-text: var(--acys-gray-600);
    --products-catalog-pagination-hover-bg: var(--acys-gray-100);
    --products-catalog-pagination-active-bg: var(--acys-blue-500);
    --products-catalog-pagination-active-text: var(--acys-white);
    --products-catalog-filter-toggle-bg: var(--acys-blue-500);
    --products-catalog-filter-toggle-hover-bg: var(--acys-blue-400);
    --products-catalog-filter-toggle-text: var(--acys-white);
    --products-catalog-filter-toggle-icon: var(--acys-white);
    --products-catalog-filter-drawer-bg: var(--acys-white);
    --products-catalog-filter-drawer-border: var(--acys-gray-200);
    --products-catalog-filter-overlay: rgba(1, 30, 74, 0.55);
    --products-catalog-filter-close-bg: var(--acys-blue-50);
    --products-catalog-filter-close-icon: var(--acys-blue-500);
    --products-catalog-filter-toggle-bg: var(--acys-blue-500);
    --products-modal-overlay: rgba(1, 30, 74, 0.72);
    --products-modal-bg: var(--acys-white);
    --products-modal-border: var(--acys-gray-200);
    --products-modal-close-bg: var(--neutral-gray-200);
    --products-modal-close-hover-bg: var(--acys-blue-100);
    --products-modal-close-icon: var(--acys-blue-500);
    --products-modal-image-bg: var(--acys-gray-100);
    --products-modal-eyebrow-bg: var(--acys-blue-50);
    --products-modal-eyebrow-text: var(--acys-blue-500);
    --products-modal-title: var(--neutral-gray-950);
    --products-modal-description: var(--acys-gray-600);
    --products-modal-section-title: var(--neutral-gray-950);
    --products-modal-text: var(--acys-gray-700);
    --products-modal-muted: var(--acys-gray-600);
    --products-modal-detail-bg: var(--acys-blue-25);
    --products-modal-detail-border: var(--acys-blue-100);
    --products-modal-detail-label: var(--acys-blue-700);
    --products-modal-detail-value: var(--neutral-gray-950);
    --products-modal-bullet: var(--acys-blue-500);
    --products-modal-primary-bg: var(--acys-blue-500);
    --products-modal-primary-hover-bg: var(--acys-blue-400);
    --products-modal-primary-text: var(--acys-white);
    --products-modal-whatsapp-bg: var(--whatsapp-green);
    --products-modal-whatsapp-border: var(--whatsapp-green);
    --products-modal-whatsapp-text: var(--acys-white);
    /* final cta */
    --products-final-cta-bg: var(--acys-blue-800);
    --products-final-cta-text: var(--acys-white);
    --products-final-cta-pattern-dot: rgba(255, 255, 255, 0.18);
    --products-final-cta-eyebrow-bg: rgba(255, 255, 255, 0.10);
    --products-final-cta-eyebrow-border: rgba(255, 255, 255, 0.20);
    --products-final-cta-eyebrow-text: var(--acys-blue-100);
    --products-final-cta-title: var(--acys-white);
    --products-final-cta-description: var(--acys-blue-100);
    --products-final-cta-mini-card-bg: rgba(255, 255, 255, 0.10);
    --products-final-cta-mini-card-border: rgba(255, 255, 255, 0.15);
    --products-final-cta-mini-card-title: var(--acys-white);
    --products-final-cta-mini-card-text: rgba(255, 255, 255, 0.70);
    --products-final-cta-mini-card-accent: var(--acys-white);
    --products-final-cta-primary-bg: var(--whatsapp-green);
    --products-final-cta-primary-text: var(--acys-white);
    --products-final-cta-secondary-bg: var(--acys-white);
    --products-final-cta-secondary-text: var(--acys-blue-500);
    --products-final-cta-secondary-hover-bg: var(--acys-blue-50);
    --products-final-cta-note: var(--acys-blue-200);
/* =============================================================================================================================================================================================================================== */



/* =============================================================================================================================================================================================================================== */
/* ===== NOSOTROS ===== */
    /* hero */
    --nosotros-hero-gradient-start: var(--acys-gradient-start);
    --nosotros-hero-gradient-mid: var(--acys-gradient-mid);
    --nosotros-hero-gradient-end: var(--acys-gradient-end);
    --nosotros-hero-bg: linear-gradient(135deg,var(--nosotros-hero-gradient-start) 0%,var(--nosotros-hero-gradient-mid) 50%,var(--nosotros-hero-gradient-end) 100%);
    --nosotros-hero-text: var(--acys-white);
    --nosotros-hero-pattern-dot: rgba(255, 255, 255, 0.18);
    --nosotros-hero-glow: rgba(255, 255, 255, 0.10);
    --nosotros-hero-side-overlay: linear-gradient(to left,rgba(255, 255, 255, 0.10),transparent);
    --nosotros-hero-eyebrow-bg: rgba(255, 255, 255, 0.10);
    --nosotros-hero-eyebrow-border: rgba(255, 255, 255, 0.20);
    --nosotros-hero-eyebrow-text: var(--acys-blue-100);
    --nosotros-hero-title: var(--acys-white);
    --nosotros-hero-description: var(--acys-blue-100);
    --nosotros-hero-chip-bg: rgba(255, 255, 255, 0.10);
    --nosotros-hero-chip-border: rgba(255, 255, 255, 0.15);
    --nosotros-hero-chip-text: rgba(255, 255, 255, 0.90);
    --nosotros-hero-chip-icon: var(--acys-blue-100);
    --nosotros-hero-photo-frame-bg: rgba(255, 255, 255, 0.10);
    --nosotros-hero-photo-frame-border: rgba(255, 255, 255, 0.15);
    --nosotros-hero-photo-card-bg: rgba(255, 255, 255, 0.10);
    --nosotros-hero-photo-card-border: rgba(255, 255, 255, 0.20);
    --nosotros-hero-photo-bg: var(--acys-blue-950);
    /* about */
    --nosotros-about-section-bg: var(--acys-blue-25);
    --nosotros-about-pattern-dot: rgba(2, 89, 180, 0.10);
    --nosotros-about-eyebrow-bg: var(--acys-white);
    --nosotros-about-eyebrow-border: var(--acys-blue-100);
    --nosotros-about-eyebrow-text: var(--acys-blue-500);
    --nosotros-about-title: var(--neutral-gray-950);
    --nosotros-about-description: var(--acys-gray-600);
    --nosotros-about-card-bg: var(--acys-white);
    --nosotros-about-card-border: var(--acys-blue-100);
    --nosotros-about-stat-bg: var(--acys-blue-500);
    --nosotros-about-stat-text: var(--acys-white);
    --nosotros-about-stat-description: var(--acys-blue-100);
    --nosotros-about-mini-card-bg: var(--acys-blue-25);
    --nosotros-about-mini-card-border: var(--acys-blue-100);
    --nosotros-about-mini-card-title: var(--neutral-gray-950);
    --nosotros-about-mini-card-text: var(--acys-gray-600);
    --nosotros-about-mini-card-icon-bg: var(--acys-blue-500);
    --nosotros-about-mini-card-icon: var(--acys-white);
    /* timeline */
    --nosotros-timeline-section-bg: var(--acys-gray-100);
    --nosotros-timeline-eyebrow-bg: var(--acys-white);
    --nosotros-timeline-eyebrow-border: var(--acys-blue-100);
    --nosotros-timeline-eyebrow-text: var(--acys-blue-500);
    --nosotros-timeline-title: var(--neutral-gray-950);
    --nosotros-timeline-description: var(--acys-gray-600);
    --nosotros-timeline-line: var(--acys-blue-100);
    --nosotros-timeline-dot-bg: var(--acys-blue-500);
    --nosotros-timeline-dot-ring: var(--acys-gray-100);
    --nosotros-timeline-card-bg: var(--acys-white);
    --nosotros-timeline-card-border: var(--acys-blue-100);
    --nosotros-timeline-year: var(--acys-blue-500);
    --nosotros-timeline-card-title: var(--neutral-gray-950);
    --nosotros-timeline-card-text: var(--acys-gray-600);
    /* capabilities */
    --nosotros-capabilities-section-bg: var(--acys-blue-25);
    --nosotros-capabilities-eyebrow-bg: var(--acys-white);
    --nosotros-capabilities-eyebrow-border: var(--acys-blue-100);
    --nosotros-capabilities-eyebrow-text: var(--acys-blue-500);
    --nosotros-capabilities-title: var(--neutral-gray-950);
    --nosotros-capabilities-description: var(--acys-gray-600);
    --nosotros-capabilities-card-bg: var(--acys-white);
    --nosotros-capabilities-card-border: var(--acys-blue-100);
    --nosotros-capabilities-card-hover-border: var(--acys-blue-500);
    --nosotros-capabilities-card-top-border: var(--acys-blue-500);
    --nosotros-capabilities-icon-bg: var(--acys-blue-500);
    --nosotros-capabilities-icon: var(--acys-white);
    --nosotros-capabilities-card-title: var(--neutral-gray-950);
    --nosotros-capabilities-card-text: var(--acys-gray-600);
    --nosotros-capabilities-tag-bg: var(--acys-blue-25);
    --nosotros-capabilities-tag-text: var(--acys-blue-700);
    /* strengths */
    --nosotros-strengths-section-bg: var(--acys-gray-100);
    --nosotros-strengths-panel-bg: var(--acys-white);
    --nosotros-strengths-panel-border: var(--acys-blue-100);
    --nosotros-strengths-pattern-dot: rgba(2, 89, 180, 0.10);
    --nosotros-strengths-decorative-secondary: var(--acys-blue-50);
    --nosotros-strengths-eyebrow-bg: var(--acys-blue-50);
    --nosotros-strengths-eyebrow-border: var(--acys-blue-100);
    --nosotros-strengths-eyebrow-text: var(--acys-blue-500);
    --nosotros-strengths-title: var(--neutral-gray-950);
    --nosotros-strengths-description: var(--acys-gray-600);
    --nosotros-strengths-card-bg: var(--acys-white);
    --nosotros-strengths-card-border: var(--acys-blue-100);
    --nosotros-strengths-card-hover-border: var(--acys-blue-500);
    --nosotros-strengths-card-top-border: var(--acys-blue-500);
    --nosotros-strengths-icon-bg: var(--acys-blue-500);
    --nosotros-strengths-icon: var(--acys-white);
    --nosotros-strengths-card-title: var(--neutral-gray-950);
    --nosotros-strengths-card-text: var(--acys-gray-600);
    /* final cta */
    --nosotros-final-cta-bg: var(--acys-blue-800);
    --nosotros-final-cta-text: var(--acys-white);
    --nosotros-final-cta-pattern-dot: rgba(255, 255, 255, 0.18);
    --nosotros-final-cta-eyebrow-bg: rgba(255, 255, 255, 0.10);
    --nosotros-final-cta-eyebrow-border: rgba(255, 255, 255, 0.20);
    --nosotros-final-cta-eyebrow-text: var(--acys-blue-100);
    --nosotros-final-cta-title: var(--acys-white);
    --nosotros-final-cta-description: var(--acys-blue-100);
    --nosotros-final-cta-mini-card-bg: rgba(255, 255, 255, 0.10);
    --nosotros-final-cta-mini-card-border: rgba(255, 255, 255, 0.15);
    --nosotros-final-cta-mini-card-title: var(--acys-white);
    --nosotros-final-cta-mini-card-text: rgba(255, 255, 255, 0.70);
    --nosotros-final-cta-mini-card-accent: var(--acys-white);
    --nosotros-final-cta-primary-bg: var(--whatsapp-green);
    --nosotros-final-cta-primary-text: var(--acys-white);
    --nosotros-final-cta-secondary-bg: var(--acys-white);
    --nosotros-final-cta-secondary-text: var(--acys-blue-500);
    --nosotros-final-cta-secondary-hover-bg: var(--acys-blue-50);
    --nosotros-final-cta-note: var(--acys-blue-200);
/* =============================================================================================================================================================================================================================== */



/* =============================================================================================================================================================================================================================== */
/* ===== CONTACTO ===== */
    /* hero */
    --contact-hero-gradient-start: var(--acys-gradient-start);
    --contact-hero-gradient-mid: var(--acys-gradient-mid);
    --contact-hero-gradient-end: var(--acys-gradient-end);
    --contact-hero-bg: linear-gradient(135deg,var(--contact-hero-gradient-start) 0%,var(--contact-hero-gradient-mid) 50%,var(--contact-hero-gradient-end) 100%);
    --contact-hero-text: var(--acys-white);
    --contact-hero-pattern-dot: rgba(255, 255, 255, 0.18);
    --contact-hero-glow: rgba(255, 255, 255, 0.10);
    --contact-hero-side-overlay: linear-gradient(to left,rgba(255, 255, 255, 0.10),transparent);
    --contact-hero-eyebrow-bg: rgba(255, 255, 255, 0.10);
    --contact-hero-eyebrow-border: rgba(255, 255, 255, 0.20);
    --contact-hero-eyebrow-text: var(--acys-blue-100);
    --contact-hero-title: var(--acys-white);
    --contact-hero-description: var(--acys-blue-100);
    --contact-hero-chip-bg: rgba(255, 255, 255, 0.10);
    --contact-hero-chip-border: rgba(255, 255, 255, 0.15);
    --contact-hero-chip-text: rgba(255, 255, 255, 0.90);
    --contact-hero-chip-icon: var(--acys-blue-100);
    --contact-hero-flow-bg: rgba(255, 255, 255, 0.10);
    --contact-hero-flow-border: rgba(255, 255, 255, 0.18);
    --contact-hero-flow-card-bg: rgba(255, 255, 255, 0.10);
    --contact-hero-flow-card-border: rgba(255, 255, 255, 0.18);
    --contact-hero-flow-step-bg: var(--acys-white);
    --contact-hero-flow-step-text: var(--acys-blue-500);
    --contact-hero-flow-title: var(--acys-white);
    --contact-hero-flow-text: rgba(255, 255, 255, 0.74);
    --contact-hero-flow-line: rgba(255, 255, 255, 0.22);
    /* form */
    --contact-form-section-bg: var(--acys-gray-100);
    --contact-form-pattern-dot: rgba(2, 89, 180, 0.08);
    --contact-form-decorative-primary: var(--acys-blue-100);
    --contact-form-decorative-secondary: var(--acys-blue-50);
    --contact-form-eyebrow-bg: var(--acys-white);
    --contact-form-eyebrow-border: var(--acys-blue-100);
    --contact-form-eyebrow-text: var(--acys-blue-500);
    --contact-form-title: var(--neutral-gray-950);
    --contact-form-description: var(--acys-gray-600);
    --contact-form-card-bg: var(--acys-white);
    --contact-form-card-border: var(--acys-blue-100);
    --contact-form-card-hover-border: var(--acys-blue-500);
    --contact-form-icon-bg: var(--acys-blue-500);
    --contact-form-icon: var(--acys-white);
    --contact-form-card-title: var(--neutral-gray-950);
    --contact-form-card-text: var(--acys-gray-600);
    --contact-form-card-link: var(--acys-blue-500);
    --contact-form-card-link-hover: var(--acys-blue-700);
    --contact-form-panel-bg: var(--acys-white);
    --contact-form-panel-border: var(--acys-blue-100);
    --contact-form-panel-title: var(--neutral-gray-950);
    --contact-form-panel-description: var(--acys-gray-600);
    --contact-form-label: var(--neutral-gray-950);
    --contact-form-input-bg: var(--acys-white);
    --contact-form-input-border: var(--acys-gray-300);
    --contact-form-input-text: var(--neutral-gray-950);
    --contact-form-input-placeholder: var(--acys-gray-500);
    --contact-form-focus-border: var(--acys-blue-500);
    --contact-form-focus-ring: rgba(2, 89, 180, 0.10);
    --contact-form-select-bg: var(--acys-white);
    --contact-form-select-border: var(--acys-gray-300);
    --contact-form-select-text: var(--neutral-gray-950);
    --contact-form-select-icon: var(--acys-gray-600);
    --contact-form-select-dropdown-bg: var(--acys-white);
    --contact-form-select-dropdown-border: var(--acys-gray-200);
    --contact-form-select-option-text: var(--neutral-gray-950);
    --contact-form-select-option-hover-bg: var(--acys-blue-50);
    --contact-form-select-option-active-bg: var(--acys-blue-500);
    --contact-form-select-option-active-text: var(--acys-white);
    --contact-form-submit-bg: var(--acys-blue-500);
    --contact-form-submit-hover-bg: var(--acys-blue-400);
    --contact-form-submit-text: var(--acys-white);
    --contact-form-note-bg: var(--acys-blue-25);
    --contact-form-note-border: var(--acys-blue-100);
    --contact-form-note-text: var(--acys-gray-600);
    --contact-form-note-strong: var(--acys-blue-700);
    /* faq */
    --contact-faq-section-bg: var(--acys-blue-25);
    --contact-faq-pattern-dot: rgba(2, 89, 180, 0.10);
    --contact-faq-decorative-primary: var(--acys-blue-100);
    --contact-faq-decorative-secondary: var(--acys-blue-50);
    --contact-faq-eyebrow-bg: var(--acys-white);
    --contact-faq-eyebrow-border: var(--acys-blue-100);
    --contact-faq-eyebrow-text: var(--acys-blue-500);
    --contact-faq-title: var(--neutral-gray-950);
    --contact-faq-description: var(--acys-gray-600);
    --contact-faq-summary-card-bg: var(--acys-white);
    --contact-faq-summary-card-border: var(--acys-blue-100);
    --contact-faq-summary-number: var(--acys-blue-500);
    --contact-faq-summary-title: var(--neutral-gray-950);
    --contact-faq-summary-text: var(--acys-gray-600);
    --contact-faq-group-bg: var(--acys-white);
    --contact-faq-group-border: var(--acys-blue-100);
    --contact-faq-group-title: var(--neutral-gray-950);
    --contact-faq-group-description: var(--acys-gray-600);
    --contact-faq-group-count-bg: var(--acys-blue-50);
    --contact-faq-group-count-text: var(--acys-blue-500);
    --contact-faq-item-bg: var(--acys-white);
    --contact-faq-item-border: var(--acys-gray-200);
    --contact-faq-item-hover-border: var(--acys-blue-300);
    --contact-faq-question: var(--neutral-gray-950);
    --contact-faq-answer-bg: var(--acys-gray-100);
    --contact-faq-answer-text: var(--acys-gray-700);
    --contact-faq-icon-bg: var(--acys-blue-50);
    --contact-faq-icon: var(--acys-blue-500);
    --contact-faq-category-bg: var(--acys-white);
    --contact-faq-category-border: var(--acys-blue-100);
    --contact-faq-category-hover-border: var(--acys-blue-500);
    --contact-faq-category-number-bg: var(--acys-blue-500);
    --contact-faq-category-number-text: var(--acys-white);
    --contact-faq-category-title: var(--neutral-gray-950);
    --contact-faq-category-description: var(--acys-gray-600);
    --contact-faq-category-panel-bg: var(--acys-blue-25);
    --contact-faq-category-divider: var(--acys-blue-100);
    --contact-faq-toggle-bg: var(--acys-blue-50);
    --contact-faq-toggle-icon: var(--acys-blue-500);
    --contact-faq-toggle-active-bg: var(--acys-blue-500);
    --contact-faq-toggle-active-icon: var(--acys-white);
    --contact-faq-divider: color-mix(in srgb, var(--acys-blue-100) 70%, transparent);



/* =============================================================================================================================================================================================================================== */
/* ===== ADMIN ===== */
    /* Layout */
    --admin-shell-bg: var(--acys-gray-50);
    --admin-sidebar-bg: var(--acys-white);
    --admin-sidebar-border: var(--acys-gray-200);
    --admin-sidebar-text: var(--acys-gray-700);
    --admin-sidebar-muted: var(--acys-gray-500);
    --admin-sidebar-active-bg: var(--acys-blue-50);
    --admin-sidebar-active-text: var(--acys-blue-600);
    --admin-sidebar-active-border: var(--acys-blue-600);
    --admin-sidebar-hover-bg: var(--acys-gray-100);
    --admin-sidebar-hover-text: var(--acys-blue-600);
    --admin-topbar-bg: var(--acys-gray-50);
    --admin-topbar-border: var(--acys-gray-200);
    --admin-topbar-brand: var(--acys-blue-600);
    --admin-topbar-title: var(--neutral-gray-950);
    --admin-topbar-muted: var(--acys-gray-500);
    --admin-profile-button-bg: var(--acys-white);
    --admin-profile-button-border: var(--acys-gray-300);
    --admin-profile-button-text: var(--acys-gray-700);
    --admin-profile-button-hover-bg: var(--acys-gray-100);
    --admin-profile-button-hover-text: var(--acys-blue-600);
    --admin-profile-menu-bg: var(--acys-white);
    --admin-profile-menu-border: var(--acys-gray-200);
    --admin-profile-danger: var(--danger-red);
    --admin-profile-danger-bg: color-mix(in srgb, var(--danger-red) 9%, transparent);
    /* Base de contenido */
    --admin-content-bg: var(--acys-gray-50);
    --admin-page-title: var(--neutral-gray-950);
    --admin-page-description: var(--acys-gray-600);
    --admin-card-bg: var(--acys-white);
    --admin-card-border: var(--acys-gray-200);
    --admin-card-soft-bg: var(--acys-gray-50);
    --admin-card-title: var(--neutral-gray-950);
    --admin-card-text: var(--acys-gray-600);
    --admin-card-muted: var(--acys-gray-500);
    --admin-card-divider: var(--acys-gray-200);
    --admin-card-shadow: 0 10px 25px -5px rgba(5, 25, 45, 0.05);
    --admin-input-bg: var(--acys-white);
    --admin-input-border: var(--acys-gray-300);
    --admin-input-text: var(--neutral-gray-950);
    --admin-input-placeholder: var(--acys-gray-500);
    --admin-input-focus-border: var(--acys-blue-500);
    --admin-input-focus-ring: rgba(2, 89, 180, 0.10);
    --admin-label-text: var(--acys-gray-700);
    --admin-button-primary-bg: var(--acys-blue-500);
    --admin-button-primary-hover-bg: var(--acys-blue-600);
    --admin-button-primary-text: var(--acys-white);
    --admin-button-secondary-bg: var(--acys-white);
    --admin-button-secondary-border: var(--acys-gray-300);
    --admin-button-secondary-text: var(--acys-gray-700);
    --admin-button-secondary-hover-bg: var(--acys-gray-100);
    --admin-button-danger-text: var(--danger-red);
    --admin-button-danger-bg: var(--acys-white);
    --admin-button-danger-hover-bg: color-mix(in srgb, var(--danger-red) 9%, transparent);
    --admin-badge-bg: var(--acys-blue-50);
    --admin-badge-text: var(--acys-blue-600);
    --admin-badge-border: var(--acys-blue-100);
    --admin-table-head-bg: var(--acys-blue-950);
    --admin-table-head-text: var(--acys-white);
    --admin-table-row-hover-bg: var(--acys-gray-50);
    --admin-table-border: var(--acys-gray-200);
    --admin-sidebar-width: 16rem;
    --admin-sidebar-collapsed-width: 5.25rem;
    --admin-topbar-height: 4rem;
    /* Variables por pestaña */
    --admin-general-accent: var(--acys-blue-600);
    --admin-general-soft: var(--acys-blue-50);
    --admin-inicio-accent: var(--inicio-carousel-control-icon);
    --admin-inicio-soft: var(--inicio-carousel-section-surface);
    --admin-servicios-accent: var(--services-areas-cta-bg);
    --admin-servicios-soft: var(--services-areas-section-bg);
    --admin-productos-accent: var(--products-catalog-button-bg);
    --admin-productos-soft: var(--products-catalog-section-bg);
    --admin-proyectos-accent: var(--projects-featured-card-top-border);
    --admin-proyectos-soft: var(--projects-intro-section-bg);
    --admin-nosotros-accent: var(--nosotros-about-stat-bg);
    --admin-nosotros-soft: var(--nosotros-about-section-bg);
    --admin-contacto-accent: var(--contact-form-submit-bg);
    --admin-contacto-soft: var(--contact-form-section-bg);
    --admin-apariencia-accent: var(--acys-blue-500);
    --admin-apariencia-soft: var(--acys-blue-25);
    /* Apariencia: paleta ACYS */
    --admin-appearance-palette-blue-950: var(--acys-blue-950);
    --admin-appearance-palette-blue-900: var(--acys-blue-900);
    --admin-appearance-palette-blue-800: var(--acys-blue-800);
    --admin-appearance-palette-blue-700: var(--acys-blue-700);
    --admin-appearance-palette-blue-600: var(--acys-blue-600);
    --admin-appearance-palette-blue-500: var(--acys-blue-500);
    --admin-appearance-palette-blue-400: var(--acys-blue-400);
    --admin-appearance-palette-blue-300: var(--acys-blue-300);
    --admin-appearance-palette-blue-200: var(--acys-blue-200);
    --admin-appearance-palette-blue-100: var(--acys-blue-100);
    --admin-appearance-palette-blue-50: var(--acys-blue-50);
    --admin-appearance-palette-blue-25: var(--acys-blue-25);
    /* Apariencia: grises azulados */
    --admin-appearance-palette-gray-950: var(--acys-gray-950);
    --admin-appearance-palette-gray-900: var(--acys-gray-900);
    --admin-appearance-palette-gray-800: var(--acys-gray-800);
    --admin-appearance-palette-gray-700: var(--acys-gray-700);
    --admin-appearance-palette-gray-600: var(--acys-gray-600);
    --admin-appearance-palette-gray-500: var(--acys-gray-500);
    --admin-appearance-palette-gray-400: var(--acys-gray-400);
    --admin-appearance-palette-gray-300: var(--acys-gray-300);
    --admin-appearance-palette-gray-200: var(--acys-gray-200);
    --admin-appearance-palette-gray-100: var(--acys-gray-100);
    --admin-appearance-palette-gray-50: var(--acys-gray-50);
    /* Apariencia: neutros */
    --admin-appearance-palette-neutral-950: var(--neutral-gray-950);
    --admin-appearance-palette-neutral-900: var(--neutral-gray-900);
    --admin-appearance-palette-neutral-800: var(--neutral-gray-800);
    --admin-appearance-palette-neutral-700: var(--neutral-gray-700);
    --admin-appearance-palette-neutral-600: var(--neutral-gray-600);
    --admin-appearance-palette-neutral-500: var(--neutral-gray-500);
    --admin-appearance-palette-neutral-400: var(--neutral-gray-400);
    --admin-appearance-palette-neutral-300: var(--neutral-gray-300);
    --admin-appearance-palette-neutral-200: var(--neutral-gray-200);
    --admin-appearance-palette-neutral-100: var(--neutral-gray-100);
    --admin-appearance-palette-neutral-50: var(--neutral-gray-50);

/* =============================================================================================================================================================================================================================== */
}



html, body {
    font-family: var(--font-primary);
    font-optical-sizing: auto;
}

*, *::before, *::after {
    font-family: inherit;
}

button, input, textarea, select {
    font-family: inherit;
}

.public-section-preview-anchor {
    scroll-margin-top: 6rem;
}

.public-section-preview-anchor.is-preview-highlighted {
    animation: public-section-preview-highlight 2.6s ease-out;
}

.public-section-preview-card.is-preview-highlighted::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;
    border: 3px solid transparent;
    animation: public-section-preview-card-highlight 3s ease-out;
}

@keyframes public-section-preview-highlight {
    0%, 70% { outline: 3px solid var(--acys-blue-400); outline-offset: -3px; }
    100% { outline: 3px solid transparent; outline-offset: -3px; }
}

@keyframes public-section-preview-card-highlight {
    0%, 80% { border-color: var(--acys-blue-300); box-shadow: inset 0 0 0 2px var(--acys-blue-400); }
    100% { border-color: transparent; box-shadow: inset 0 0 0 2px transparent; }
}