.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-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;}.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);}@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 *//* =============================================
   PERCY PAJUELO - CSS PERSONALIZADO ELEMENTOR
   ============================================= */

/* ----- SECCIÓN REGULARIZACIÓN - Columna imagen ----- */
.percy-regularizacion .elementor-image {
    position: relative;
}

.percy-regularizacion .elementor-image::before {
    content: '';
    position: absolute;
    inset: -1rem;
    background: rgba(201, 162, 39, 0.20);
    border-radius: 1.5rem;
    transform: rotate(3deg);
    z-index: 0;
}

.percy-regularizacion .elementor-image img {
    position: relative;
    z-index: 1;
    border-radius: 1rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
}

/* Badge "Abril 2026" flotante */
.percy-regularizacion .regularizacion-badge {
    position: absolute;
    bottom: -1.5rem;
    left: -1.5rem;
    z-index: 2;
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.18);
    padding: 1.25rem 1.5rem;
}

.percy-regularizacion .regularizacion-badge-date {
    font-size: 1.75rem;
    font-weight: 700;
    color: #C9A227;
    margin-bottom: 4px;
    font-family: 'Playfair Display', serif;
}

.percy-regularizacion .regularizacion-badge-text {
    font-size: 0.875rem;
    color: #4A5568;
}

/* ----- SECCIÓN POR QUÉ ELEGIRNOS - Columna imagen ----- */
.percy-porque .elementor-image {
    position: relative;
}

.percy-porque .elementor-image img {
    border-radius: 1rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.20);
    width: 100%;
}

/* Badge "15+ Años" flotante */
.percy-porque .why-image-badge {
    position: absolute;
    bottom: -1.5rem;
    right: -1.5rem;
    background: #1B2A4A;
    color: white;
    border-radius: 1rem;
    padding: 1.25rem 1.5rem;
    text-align: center;
    box-shadow: 0 10px 30px rgba(27, 42, 74, 0.35);
}

.percy-porque .why-image-badge-number {
    display: block;
    font-size: 2.5rem;
    font-weight: 800;
    color: #C9A227;
    line-height: 1;
}

.percy-porque .why-image-badge-text {
    display: block;
    font-size: 0.8rem;
    opacity: 0.85;
    margin-top: 4px;
}

/* ----- HERO - Scroll indicator ----- */
.percy-hero .hero-scroll {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 3rem;
    background: rgba(255,255,255,0.2);
    border-radius: 1px;
}

.percy-hero .hero-scroll-inner {
    width: 100%;
    height: 40%;
    background: rgba(255,255,255,0.7);
    border-radius: 1px;
    animation: heroScroll 2s ease-in-out infinite;
}

@keyframes heroScroll {
    0%   { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(200%); opacity: 0; }
}

/* ----- STATS - separadores entre columnas ----- */
.percy-stats .elementor-column + .elementor-column {
    border-left: 1px solid rgba(255,255,255,0.12);
}

/* ----- SERVICIOS - hover en tarjetas ----- */
.percy-servicios a[href] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.percy-servicios a[href]:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.12);
}

/* ----- TESTIMONIOS - hover en tarjetas ----- */
.percy-testimonios > div {
    transition: transform 0.2s ease;
}/* End custom CSS */