.elementor-kit-72{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-5b6ec73a:#4054B2;--e-global-color-38ca1a91:#23A455;--e-global-color-750caf9b:#000;--e-global-color-2c077113:#FFF;--e-global-color-1c4a7e3:#A81E82;--e-global-color-69a9868:#EFC646;--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-72 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 *//* --- 1. Estilos del Contenedor Principal --- */
.door-cleaning-card {
    /* Fondo para todo el contenido (opcional) */
    background-color: #ffffff; 
    /* Margen inferior para separarlo de otros elementos */
    margin-bottom: 30px; 
    /* Asegura que el contenido esté dentro de los límites */
    overflow: hidden; 
}

/* --- 2. Estilos del Encabezado y Títulos --- */
.card-header {
    padding: 10px 0;
}

/* Estilo para la etiqueta "Door Cleaning" */
.category-tag {
    /* Color de texto oscuro para contraste */
    color: #333333; 
    /* Resaltado de la línea morada debajo del texto */
    display: inline-block;
    padding-bottom: 5px;
    /* CAMBIO 1: Línea del tag con tu color principal */
    border-bottom: 3px solid #a81e82; 
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.9em;
}

/* Estilo del título principal "The United Way To Find Specialist Services" */
.main-title {
    /* Mantenemos el azul oscuro del título original o puedes cambiarlo a #a81e82 */
    color: #1a237e; 
    font-size: 2.5em; 
    font-weight: 800; 
    line-height: 1.1;
    margin-top: 10px;
    margin-bottom: 15px;
}

/* Estilo de la descripción */
.description {
    color: #666666;
    font-size: 1.1em;
    line-height: 1.6;
}

/* --- 3. Sección de Imagen y Superposición de Texto --- */

.image-section {
    position: relative; 
    overflow: hidden;
    margin-top: 20px;
    min-height: 350px; 
}

.main-image {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    display: block;
}

/* Capa de texto superpuesta (el área de degradado) */
.overlay-text {
    position: absolute; 
    bottom: 0; 
    left: 0;
    right: 0;
    
    /* CAMBIO 2: Ajuste de degradado para desvanecer más rápido en la parte superior.
       Usamos el color #1a237e (azul oscuro) del título, o puedes usar tu color principal #a81e82 */
    background: linear-gradient(
        to top, 
        rgba(159, 0, 162, 1) 0%, /* Azul oscuro sólido abajo */
        rgba(159, 0, 162, 1) 30%, /* Menos transparente al 30% */
        rgba(159, 0, 162, 1) 100% /* Totalmente transparente al 80% */
    );
    
    /* CAMBIO 3: Usamos el azul oscuro sin transparencia como fallback */
    background-color: rgba(26, 35, 126, 0.9); 
    
    color: #ffffff; 
    padding: 20px 30px;
}

/* Título dentro de la superposición */
.overlay-title {
    color: #ffffff;
    font-size: 2em;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
}

/* Descripción dentro de la superposición */
.overlay-description {
    color: #cccccc;
    font-size: 1em;
    margin-bottom: 15px;
}

/* Botón "Read More" que está dentro de la superposición */
.read-more-link-overlay {
    color: #ffffff;
    text-decoration: none; 
    font-weight: 700;
    font-size: 1em;
    padding-bottom: 5px;
    border-bottom: 2px solid #ffffff; 
    display: inline-block;
    transition: all 0.3s ease;
}

.read-more-link-overlay:hover {
    /* CAMBIO 4: Hover del botón interno con tu color de acento */
    color: #f2c545; 
    border-bottom: 2px solid #f2c545;
}

/* Flecha de "Read More" */
.arrow {
    font-size: 1.2em;
    margin-left: 5px;
}

/* --- 4. Botón Adicional debajo del Contenido --- */

.additional-button-container {
    text-align: center;
    padding: 20px 0;
}

.additional-button {
    /* CAMBIO 5: Fondo del botón principal con tu color de acento */
    background-color: #f2c545; 
    color: #ffffff; /* Texto en blanco para contraste con el amarillo */
    text-decoration: none;
    padding: 12px 25px;
    border-radius: 5px;
    font-size: 1.1em;
    font-weight: 600;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.additional-button:hover {
    /* CAMBIO 6: Hover del botón principal con tu color principal (#a81e82) */
    background-color: #a81e82; 
    color: #ffffff;
}

.item--category {
    display: none !important;
}/* End custom CSS */