.elementor-kit-7{--e-global-color-primary:#FBB557;--e-global-color-secondary:#121212;--e-global-color-text:#133525;--e-global-color-accent:#E8ECEA;--e-global-color-915309b:#133525;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-7 e-page-transition{background-color:#FFFFFF;}@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 *//* Estilo base de la tarjeta */
.card {
    background-color: white;
    color: black;
    padding: 20px;
    border-radius: 10px;
    transition: all 0.3s ease;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Hover en la tarjeta */
.card:hover {
    background-color: #003300 !important; /* Color verde oscuro */
    color: white !important; /* Texto de la tarjeta */
    transform: translateY(-5px); /* Efecto de elevación */
}

/* Título dentro de la tarjeta */
.card h2 {
    color: black !important; /* Color base */
    transition: color 0.3s ease;
}

.card:hover h2 {
    color: white !important; /* Color blanco al hacer hover */
}

/* Descripción dentro de la tarjeta */
.card p {
    color: black !important; /* Color base */
    transition: color 0.3s ease;
}

.card:hover p {
    color: white !important; /* Color blanco al hacer hover */
}

/* Botón dentro de la tarjeta */
.card .button {
    color: black !important; /* Color base */
    font-weight: bold;
    border: 2px solid #f5a623 !important; /* Borde amarillo */
    padding: 10px 20px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.card:hover .button {
    color: white !important; /* Color blanco al hacer hover */
    border-color: white !important; /* Borde blanco al hacer hover */
}/* End custom CSS */