.elementor-810 .elementor-element.elementor-element-749a2a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-810 .elementor-element.elementor-element-98579ef:not(.elementor-motion-effects-element-type-background), .elementor-810 .elementor-element.elementor-element-98579ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#12141B;}.elementor-810 .elementor-element.elementor-element-98579ef > .elementor-container{max-width:1170px;}.elementor-810 .elementor-element.elementor-element-98579ef .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:15px;}.elementor-810 .elementor-element.elementor-element-98579ef{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-810 .elementor-element.elementor-element-98579ef > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-810 .elementor-element.elementor-element-c206af8{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-810 .elementor-element.elementor-element-62642a8:not(.elementor-motion-effects-element-type-background), .elementor-810 .elementor-element.elementor-element-62642a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#12141B;}.elementor-810 .elementor-element.elementor-element-62642a8 > .elementor-container{max-width:1170px;}.elementor-810 .elementor-element.elementor-element-62642a8 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:15px;}.elementor-810 .elementor-element.elementor-element-62642a8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-810 .elementor-element.elementor-element-62642a8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px) and (min-width:768px){.elementor-810 .elementor-element.elementor-element-9fd6f21{width:100%;}.elementor-810 .elementor-element.elementor-element-e0f3857{width:100%;}.elementor-810 .elementor-element.elementor-element-3ece871{width:100%;}}@media(max-width:1024px){.elementor-810 .elementor-element.elementor-element-98579ef .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:0px;}.elementor-810 .elementor-element.elementor-element-98579ef{padding:10px 12px 10px 12px;}.elementor-810 .elementor-element.elementor-element-9fd6f21 > .elementor-element-populated{padding:0px 12px 0px 12px;}.elementor-810 .elementor-element.elementor-element-e0f3857 > .elementor-element-populated{padding:0px 12px 0px 12px;}.elementor-810 .elementor-element.elementor-element-62642a8 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:0px;}.elementor-810 .elementor-element.elementor-element-62642a8{padding:10px 12px 10px 12px;}.elementor-810 .elementor-element.elementor-element-3ece871 > .elementor-element-populated{padding:0px 12px 0px 12px;}}/* Start custom CSS for html, class: .elementor-element-c38db4f *//* 1. Importamos la fuente DM Sans desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;500;700&display=swap');


.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.2fr 0.8fr 1fr;
    gap: 40px;
    padding: 0 20px 60px 20px;
}

/* --- Títulos --- */
.medicenter-pro-footer h3 {
    color: #ffffff;
    font-family: 'DM Sans', sans-serif !important; /* Aseguramos fuente en títulos */
    font-size: 20px;
    font-weight: 700; /* Un poco más grueso para destacar */
    margin-bottom: 25px;
    position: relative;
    display: inline-block;
}

.medicenter-pro-footer h3::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #FC26BA;
    margin-top: 8px;
    border-radius: 2px;
}

/* --- Columna 1 --- */
.footer-logo {
    max-width: 220px;
    margin-bottom: 20px;
    display: block;
}

.brand-desc {
    font-size: 15px; /* DM Sans se lee bien un poco más grande */
    line-height: 1.7;
    margin-bottom: 25px;
    max-width: 90%;
    font-weight: 400;
}

.footer-socials {
    display: flex;
    gap: 12px;
}

.footer-socials a {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    transition: all 0.3s ease;
    text-decoration: none;
}

.footer-socials a:hover {
    background: #FC26BA;
    transform: translateY(-3px);
}

/* --- Columna 2: Links --- */
.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links a {
    color: #B0B0C0;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500; /* Peso medio para mejor lectura */
    transition: all 0.3s ease;
    display: inline-block;
}

.footer-links a:hover {
    color: #FC26BA;
    transform: translateX(5px);
}

/* --- Columna 3: Contacto --- */
.contact-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}

.contact-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 18px;
    font-size: 15px;
}

.icon-pink {
    color: #FC26BA;
    margin-right: 15px;
    font-size: 18px;
    margin-top: 2px;
}

.phone-big {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px; /* DM Sans queda mejor con spacing ajustado en números */
}

.footer-cta-btn {
    display: inline-block;
    background: #FC26BA;
    color: #fff;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 15px rgba(252, 38, 186, 0.3);
    transition: all 0.3s ease;
}

.footer-cta-btn:hover {
    background: #fff;
    color: #FC26BA;
    transform: translateY(-2px);
}

/* --- Barra Inferior --- */
.footer-bottom {
    background-color: #0e0e12;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.05);
    font-size: 14px;
    font-weight: 400;
}

/* --- Responsivo --- */
@media (max-width: 768px) {
    .footer-container {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
    }
    .medicenter-pro-footer h3::after {
        margin: 8px auto 0 auto;
    }
    .contact-list li {
        justify-content: center;
    }
    .footer-socials {
        justify-content: center;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-749a2a1 *//* --- Configuración General del Footer --- */
.medicenter-pro-footer {
    background-color: #161B29; /* Fondo oscuro elegante (Casi negro) */
    color: #B0B0C0; /* Texto gris claro para lectura suave */
    font-family: 'Poppins', sans-serif;
    padding-top: 70px;
    position: relative;
    border-top: 4px solid #FC26BA; /* Línea superior rosa decorativa */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d5f95a7 */<style>
    /* 1. Configuración del Contenedor (Centrado) */
    .sdp-copyright-wrapper {
        text-align: center;
        width: 100%;
        display: block;
    }

    /* 2. Configuración del Texto General (BLANCO) */
    .sdp-copyright-wrapper p {
        color: #ffffff !important; /* Fuerza el color blanco */
        font-size: 14px; /* Ajusta el tamaño si lo necesitas */
        margin: 0;
        line-height: 1.6;
    }

    /* 3. Configuración del Enlace (BLANCO y SIN ROMPERSE) */
    .sdp-copyright-wrapper .sdp-link {
        color: #ffffff !important; /* Enlace blanco */
        font-weight: bold; /* Negrita para diferenciarlo un poco */
        text-decoration: none; /* Sin subrayado (opcional) */
        white-space: nowrap; /* IMPORTANTE: Esto evita que el nombre se divida */
    }

    /* Efecto al pasar el mouse sobre el enlace */
    .sdp-copyright-wrapper .sdp-link:hover {
        text-decoration: underline; /* Subraya al pasar el mouse */
        opacity: 0.8; /* Se vuelve un poquito transparente */
    }

    /* Configuración del Corazón */
    .sdp-heart {
        font-size: 16px;
        margin: 0 3px;
        vertical-align: middle;
        /* Si quieres el corazón rojo, descomenta la siguiente línea: */
        /* color: #ff0000; */
    }
    
    /* Regla extra para asegurar que si WordPress convierte el corazón en imagen, no afecte la línea */
    .sdp-heart img.emoji {
        display: inline !important;
        border: none !important;
        box-shadow: none !important;
        height: 1em !important;
        width: 1em !important;
        margin: 0 .07em !important;
        vertical-align: -0.1em !important;
        background: none !important;
        padding: 0 !important;
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-286ef09 */<style>
    /* 1. Configuración del Contenedor (Centrado) */
    .sdp-copyright-wrapper {
        text-align: center;
        width: 100%;
        display: block;
    }

    /* 2. Configuración del Texto General (BLANCO) */
    .sdp-copyright-wrapper p {
        color: #ffffff !important; /* Fuerza el color blanco */
        font-size: 14px; /* Ajusta el tamaño si lo necesitas */
        margin: 0;
        line-height: 1.6;
    }

    /* 3. Configuración del Enlace (BLANCO y SIN ROMPERSE) */
    .sdp-copyright-wrapper .sdp-link {
        color: #ffffff !important; /* Enlace blanco */
        font-weight: bold; /* Negrita para diferenciarlo un poco */
        text-decoration: none; /* Sin subrayado (opcional) */
        white-space: nowrap; /* IMPORTANTE: Esto evita que el nombre se divida */
    }

    /* Efecto al pasar el mouse sobre el enlace */
    .sdp-copyright-wrapper .sdp-link:hover {
        text-decoration: underline; /* Subraya al pasar el mouse */
        opacity: 0.8; /* Se vuelve un poquito transparente */
    }

    /* Configuración del Corazón */
    .sdp-heart {
        font-size: 16px;
        margin: 0 3px;
        vertical-align: middle;
        /* Si quieres el corazón rojo, descomenta la siguiente línea: */
        /* color: #ff0000; */
    }
    
    /* Regla extra para asegurar que si WordPress convierte el corazón en imagen, no afecte la línea */
    .sdp-heart img.emoji {
        display: inline !important;
        border: none !important;
        box-shadow: none !important;
        height: 1em !important;
        width: 1em !important;
        margin: 0 .07em !important;
        vertical-align: -0.1em !important;
        background: none !important;
        padding: 0 !important;
    }
</style>/* End custom CSS */