.elementor-kit-7{--e-global-color-primary:#1A1A1B;--e-global-color-secondary:#B8963E;--e-global-color-text:#2C2C30;--e-global-color-accent:#61CE70;--e-global-color-0b2a9c6:#F8F9FA;--e-global-color-64985ee:#5F6061;--e-global-color-b686698:#D4AF6A;--e-global-color-7356bfb:#F5EDD7;--e-global-color-b3c42a0:#F8F9FA;--e-global-color-d4a3b32:#F1F3F5;--e-global-color-4b76a7b:#E9ECEF;--e-global-color-5a352f4:#6C757D;--e-global-color-dedf9fa:#343A40;--e-global-color-388c6de:#FFFFFF;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-0b2a9c6 );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-primary );font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;color:#FFFFFF;border-radius:2px 2px 2px 2px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-secondary );border-radius:2px 2px 2px 2px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-primary );}.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 */:root {
    --navy: #1A1A1B;
    --navy-light: #1A3560;
    --gold: #B8963E;
    --gold-light: #D4AF6A;
    --gold-pale: #F5EDD7;
    --white: #FFFFFF;
    --gray-50: #F8F9FA;
    --gray-100: #F1F3F5;
    --gray-200: #E9ECEF;
    --gray-600: #6C757D;
    --gray-800: #343A40;
    --text: #1A1A2E;
}

html {
    /* Desactivamos el comportamiento nativo para que el script tome el control total */
    scroll-behavior: auto !important;
}

.service-card{
    background: #fff;
    position: relative;
    animation-name: revelarEntrada;
  animation-fill-mode: both;
  animation-timeline: view();
  animation-range: cover 5% cover 30%;
}

.service-card:nth-child(3n+1) {
  animation-range: cover 10% cover 30%;
}

/* Columna 2 (Contenedores 2 y 5) */
.service-card:nth-child(3n+2) {
  animation-range: cover 20% cover 30%;
}

/* Columna 3 (Contenedores 3 y 6) */
.service-card:nth-child(3n) {
  animation-range: cover 30% cover 30%;
}

/* 3. Soporte para navegadores antiguos (Opcional) */
@supports not (animation-timeline: view()) {
  .service-card {
    opacity: 1; /* Evitamos que el contenido sea invisible si el navegador es muy viejo */
  }
}

.service-card ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding-left: 0;
}
.service-card ul li{
    position: relative;
    padding-left: 1rem;
    line-height: 1.5;
    transition: color 0.3s;
}
.service-card ul li:before{
    content: '—';
    position: absolute;
    left: 0;
    color: var(--gold);
    font-size: 0.7rem;
}

.service-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}
.service-card:hover::after {
    transform: scaleX(1);
}
.service-card:hover{
    background: var(--navy);
}
.service-card:hover, .service-card:hover h2 {
    color: #fff!important;
}
.service-card:hover h4{
    color: var(--gold);
}


@keyframes revelarEntrada {
  from {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}/* End custom CSS */