/* ============================================================

   FOOTER NEURO PREMIUM — V4

   Mantiene la estructura original. Solo añade estilo.

   ============================================================ */

.site-footer.neuro-footer-v4,

.site-footer.neuro-footer-v4 \* {

    box-sizing: border-box;

}



.site-footer.neuro-footer-v4 {

    --nf-bg-1: var(--black);

    --nf-bg-2: var(--color1);

    --nf-bg-3: var(--color5);

    --nf-line: rgba(var(--careon-primary-rgb), .18);

    --nf-teal: var(--color2);

    --nf-teal-soft: var(--careon-primary);

    --nf-cyan: var(--color2);



    position: relative;

    display: block;

    width: 100%;

    margin: 0;

    padding: 0;

    overflow: hidden;

    isolation: isolate;

    background: var(--nf-bg-1);

    font-family: var(--careon-font);

    z-index: 1;

}



.site-footer.neuro-footer-v4::before,

.site-footer.neuro-footer-v4::after {

    content: "";

    position: absolute;

    pointer-events: none;

    z-index: 0;

}



.site-footer.neuro-footer-v4::before {

    right: -180px;

    bottom: 70px;

    width: 520px;

    height: 520px;

    border-radius: 50%;

    border: 1px solid rgba(120,203,255,.12);

    box-shadow:

        0 0 0 42px rgba(48,181,164,.025),

        0 0 0 90px rgba(120,203,255,.016),

        inset 0 0 85px rgba(48,181,164,.025);

}



.site-footer.neuro-footer-v4::after {

    left: -120px;

    bottom: 0;

    width: 48%;

    height: 210px;

    opacity: .22;

    background-image:

        linear-gradient(rgba(48,181,164,.12) 1px, transparent 1px),

        linear-gradient(90deg, rgba(48,181,164,.12) 1px, transparent 1px);

    background-size: 30px 30px;

    mask-image: linear-gradient(to top, #000, transparent);

    -webkit-mask-image: linear-gradient(to top, #000, transparent);

}



/* La antigua shape queda como textura muy discreta */

.neuro-footer-v4 .site-footer__bg-shape {

    position: absolute;

    inset: 0;

    z-index: 0;

    opacity: .035;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    filter: grayscale(1) contrast(1.2);

    pointer-events: none;

}



/* ============================================================

   CTA SUPERIOR

   ============================================================ */

.neuro-footer-v4 .site-footer__newsletter {

    position: relative;

    width: 100%;

    min-height: 690px;

    display: flex;

    align-items: center;

    overflow: hidden;

    background-image:

        linear-gradient(90deg, rgba(var(--careon-black-rgb), .78) 0%, rgba(var(--careon-black-rgb), .52) 42%, rgba(var(--careon-black-rgb), .20) 72%, rgba(var(--careon-black-rgb), .08) 100%),

        url('../../images/backgrounds/consulta-con-cirujano-general-endoscopista-y-coloproctologo-en-tlalpan-cdmx.png');

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    border-bottom: 1px solid rgba(120,203,255,.18);

}



.neuro-footer-v4 .site-footer__newsletter::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 0;

    background:

        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 36%),

        radial-gradient(circle at 80% 30%, rgba(120,203,255,.18), transparent 30%),

        radial-gradient(circle at 20% 70%, rgba(48,181,164,.14), transparent 30%),

        linear-gradient(90deg, rgba(4,17,38,.16), transparent 30%, transparent 68%, rgba(4,17,38,.12));

    pointer-events: none;

}



.neuro-footer-v4 .site-footer__newsletter::after {

    content: "";

    position: absolute;

    right: 5%;

    top: 50%;

    width: 320px;

    height: 320px;

    transform: translateY(-50%);

    border-radius: 50%;

    border: 1px solid rgba(156,238,227,.14);

    box-shadow:

        0 0 0 24px rgba(48,181,164,.025),

        0 0 0 55px rgba(120,203,255,.018);

    pointer-events: none;

}



.neuro-footer-v4 .site-footer__newsletter .container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1320px !important;

    margin: 0 auto;

    padding-left: 24px !important;

    padding-right: 24px !important;

}



.neuro-footer-v4 .site-footer__newsletter-inner {

    position: relative;

    width: 100%;

    max-width: 1030px;

    margin: 0 auto;

    padding: 48px 62px 46px;

    overflow: hidden;

    border: 1px solid rgba(156,238,227,.28);

    border-radius: 32px !important;

    background:

        linear-gradient(145deg, rgba(var(--careon-black-rgb), .62), rgba(var(--careon-base-rgb), .28));

    box-shadow:

        0 34px 85px rgba(0,0,0,.34),

        inset 0 1px 0 rgba(255,255,255,.10),

        0 0 0 1px rgba(255,255,255,.03),

        0 0 40px rgba(48,181,164,.05);

    backdrop-filter: blur(8px) saturate(1.08);

    -webkit-backdrop-filter: blur(8px) saturate(1.08);

}



.neuro-footer-v4 .site-footer__newsletter-inner::before {

    content: "" !important;

    display: block !important;

    position: absolute;

    top: 0;

    left: 42px;

    width: 128px;

    height: 4px;

    border-radius: 0 0 999px 999px;

    background: linear-gradient(90deg, var(--nf-teal), var(--nf-cyan));

    box-shadow: 0 0 18px rgba(48,181,164,.48);

}



.neuro-footer-v4 .site-footer__newsletter-inner::after {

    content: "";

    position: absolute;

    right: -80px;

    top: -95px;

    width: 300px;

    height: 300px;

    border-radius: 50%;

    background: radial-gradient(circle, rgba(48,181,164,.16), rgba(120,203,255,.05) 40%, transparent 72%);

    pointer-events: none;

}



.neuro-footer-v4 .site-footer__newsletter-inner-title-box {

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

}



.neuro-footer-v4 .site-footer__newsletter-inner-title-box::before {

    content: "AGENDA TU CITA";

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 18px;

    padding: 7px 14px;

    border: 1px solid rgba(156,238,227,.30);

    border-radius: 999px;

    background: linear-gradient(90deg, rgba(48,181,164,.12), rgba(120,203,255,.06));

    color: var(--nf-teal-soft);

    font-size: 12px;

    font-weight: 800;

    line-height: 1;

    letter-spacing: .14em;

    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 8px 18px rgba(0,0,0,.12);

}



.neuro-footer-v4 .site-footer__newsletter-inner-title-box::after {

    content: "";

    position: absolute;

    inset: 16px;

    border: 1px solid rgba(120,203,255,.06);

    border-radius: 24px;

    pointer-events: none;

}



.neuro-footer-v4 .site-footer__newsletter-title {

    width: 100%;

    max-width: 860px;

    margin: 0 auto 28px !important;

    color: #fff !important;

    font-family: var(--careon-font);

    font-size: clamp(30px, 3.2vw, 46px) !important;

    line-height: 1.18 !important;

    font-weight: 900 !important;

    letter-spacing: .01em;

    word-spacing: .025em;

    text-align: center !important;

    text-shadow: 0 5px 24px rgba(0,0,0,.32);

}



.neuro-footer-v4 .site-footer__newsletter-title strong {

    display: inline-block;

    margin-top: 10px;

    padding: 2px 14px;

    border-radius: 999px;

    color: var(--nf-teal-soft) !important;

    font-weight: 900;

    background: linear-gradient(90deg, rgba(48,181,164,.10), rgba(120,203,255,.06));

    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);

}



/* El div que contiene los dos botones */

.neuro-footer-v4 .site-footer__newsletter-inner-title-box > div {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 14px;

}



.neuro-footer-v4 .faq-two__btn-box {

    display: block;

    margin: 0 !important;

}



.neuro-footer-v4 .site-footer__newsletter .thm-btn,

.neuro-footer-v4 .site-footer__newsletter .thm-btn-1 {

    position: relative;

    min-width: 210px;

    min-height: 56px;

    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 10px 22px !important;

    overflow: hidden;

    border-radius: 999px !important;

    border: 1px solid rgba(255,255,255,.16) !important;

    color: #fff !important;

    font-family: var(--careon-font);

    font-size: 16px !important;

    line-height: 1.2;

    font-weight: 800;

    text-decoration: none !important;

    cursor: pointer;

    isolation: isolate;

    transition: transform .3s ease, box-shadow .3s ease, filter .3s ease;

}



.neuro-footer-v4 .site-footer__newsletter .thm-btn::before,

.neuro-footer-v4 .site-footer__newsletter .thm-btn-1::before {

    content: "";

    position: absolute;

    top: 0;

    left: -120%;

    width: 72%;

    height: 100%;

    background: linear-gradient(110deg, transparent, rgba(255,255,255,.28), transparent);

    transform: skewX(-20deg);

    transition: left .55s ease;

    z-index: -1;

}



.neuro-footer-v4 .site-footer__newsletter .thm-btn:hover::before,

.neuro-footer-v4 .site-footer__newsletter .thm-btn-1:hover::before {

    left: 145%;

}



.neuro-footer-v4 .site-footer__newsletter .thm-btn {

    background: linear-gradient(135deg, var(--color4) 0%, var(--color2) 100%) !important;

    box-shadow: 0 14px 30px rgba(0,148,10,.25), inset 0 1px 0 rgba(255,255,255,.18);

}



.neuro-footer-v4 .site-footer__newsletter .thm-btn-1 {

    background: linear-gradient(135deg, var(--color5) 0%, var(--color1) 100%) !important;

    box-shadow: 0 14px 30px rgba(0,125,202,.28), inset 0 1px 0 rgba(255,255,255,.18);

}



.neuro-footer-v4 .site-footer__newsletter .thm-btn i,

.neuro-footer-v4 .site-footer__newsletter .thm-btn-1 i {

    width: 32px;

    height: 32px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: rgba(255,255,255,.14);

    color: #fff !important;

    font-size: 14px;

}



.neuro-footer-v4 .site-footer__newsletter .thm-btn:hover,

.neuro-footer-v4 .site-footer__newsletter .thm-btn-1:hover {

    transform: translateY(-3px) scale(1.01);

    filter: brightness(1.07);

}



/* ============================================================

   CUERPO PRINCIPAL DEL FOOTER

   ============================================================ */

.neuro-footer-v4 .site-footer__top {

    position: relative;

    display: block;

    width: 100%;

    background:

        radial-gradient(circle at 90% 20%, rgba(120,203,255,.08), transparent 26%),

        radial-gradient(circle at 10% 80%, rgba(48,181,164,.06), transparent 28%),

        linear-gradient(180deg, var(--color1) 0%, var(--black) 100%);

    border-top: 1px solid rgba(255,255,255,.025);

    z-index: 2;

}



.neuro-footer-v4 .site-footer__top::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 0;

    opacity: .18;

    background-image:

        linear-gradient(rgba(120,203,255,.06) 1px, transparent 1px),

        linear-gradient(90deg, rgba(120,203,255,.06) 1px, transparent 1px);

    background-size: 46px 46px;

    mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent);

    -webkit-mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent);

}



.neuro-footer-v4 .site-footer__top .container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1320px !important;

    margin: 0 auto;

    padding-left: 24px;

    padding-right: 24px;

}



.neuro-footer-v4 .site-footer__top-inner {

    position: relative;

    display: block;

    padding: 72px 0 68px !important;

    z-index: 2;

}



.neuro-footer-v4 .site-footer__top-inner > .row {

    row-gap: 28px;

    align-items: stretch;

}



.neuro-footer-v4 .site-footer__top-inner > .row > [class\*="col-"] {

    display: flex;

}



/* Tarjetas principales: conservan las 3 columnas originales */

.neuro-footer-v4 .footer-widget-two__newsletter-box,

.neuro-footer-v4 .footer-widget__contact-info,

.neuro-footer-v4 .footer-widget__page-link {

    position: relative;

    width: 100%;

    min-height: 100%;

    margin: 0 !important;

    padding: 30px 28px !important;

    overflow: hidden;

    border: 1px solid rgba(156,238,227,.16);

    border-radius: 24px;

    background:

        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.025));

    box-shadow:

        0 18px 46px rgba(0,0,0,.18),

        inset 0 1px 0 rgba(255,255,255,.055);

    backdrop-filter: blur(8px);

    -webkit-backdrop-filter: blur(8px);

    transition: transform .32s ease, border-color .32s ease, box-shadow .32s ease;

    z-index: 2;

}



.neuro-footer-v4 .footer-widget-two__newsletter-box::before,

.neuro-footer-v4 .footer-widget__contact-info::before,

.neuro-footer-v4 .footer-widget__page-link::before {

    content: "";

    position: absolute;

    top: 0;

    left: 28px;

    width: 62px;

    height: 3px;

    border-radius: 0 0 999px 999px;

    background: linear-gradient(90deg, var(--nf-teal), var(--nf-cyan));

    box-shadow: 0 0 14px rgba(48,181,164,.35);

}



.neuro-footer-v4 .footer-widget-two__newsletter-box::after,

.neuro-footer-v4 .footer-widget__contact-info::after,

.neuro-footer-v4 .footer-widget__page-link::after {

    content: "";

    position: absolute;

    right: -80px;

    bottom: -90px;

    width: 190px;

    height: 190px;

    border-radius: 50%;

    background: radial-gradient(circle, rgba(48,181,164,.08), transparent 70%);

    pointer-events: none;

}



.neuro-footer-v4 .footer-widget-two__newsletter-box:hover,

.neuro-footer-v4 .footer-widget__contact-info:hover,

.neuro-footer-v4 .footer-widget__page-link:hover {

    transform: translateY(-4px);

    border-color: rgba(156,238,227,.28);

    box-shadow:

        0 24px 52px rgba(0,0,0,.22),

        0 0 28px rgba(48,181,164,.04),

        inset 0 1px 0 rgba(255,255,255,.07);

}



/* Logo */

.neuro-footer-v4 .img-538 {

    display: block;

    width: auto !important;

    max-width: 308px !important;

    max-height: 300px;

    margin: 0 0 22px !important;

    padding: 10px 14px;

    border-radius: 15px;

    background: rgba(255,255,255,.96);

    box-shadow: 0 12px 28px rgba(0,0,0,.20);

    object-fit: contain;

}



.neuro-footer-v4 .footer-widget-two__newsletter-text {

    margin: 0 !important;

    color: rgba(255, 255, 255, .90) !important;

    font-family: var(--careon-font);

    font-size: 16px !important;

    line-height: 1.75 !important;

    font-weight: 400;

    letter-spacing: .04em;

    word-spacing: .025em;

}



/* Títulos */

.neuro-footer-v4 .footer-widget__title {

    position: relative;

    display: inline-block;

    margin: 0 0 28px !important;

    padding-bottom: 13px;

    color: #fff !important;

    font-family: var(--careon-font);

    font-size: 21px !important;

    line-height: 1.25 !important;

    font-weight: 800 !important;

    text-transform: none !important;

    letter-spacing: .015em;

}



.neuro-footer-v4 .footer-widget__title::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 48px;

    height: 3px;

    border-radius: 999px;

    background: linear-gradient(90deg, var(--nf-teal), var(--nf-cyan));

}



/* Contacto */

.neuro-footer-v4 .footer-widget__contact-list {

    position: relative;

    display: block;

    width: 100%;

    margin: 0 !important;

    padding: 0 !important;

}



.neuro-footer-v4 .footer-widget__contact-list li {

    position: relative;

    display: flex;

    align-items: flex-start !important;

    gap: 14px !important;

    width: 100%;

    margin: 0 !important;

    padding: 14px 0 !important;

    border-bottom: 1px solid rgba(255,255,255,.07);

}



.neuro-footer-v4 .footer-widget__contact-list li:first-child {

    padding-top: 0 !important;

}



.neuro-footer-v4 .footer-widget__contact-list li:last-child {

    padding-bottom: 0 !important;

    border-bottom: 0;

}



.neuro-footer-v4 .footer-widget__contact-list li + li {

    margin-top: 0 !important;

}



.neuro-footer-v4 .footer-widget__contact-icon {

    position: relative;

    width: 40px !important;

    height: 40px !important;

    min-width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(156,238,227,.34) !important;

    border-radius: 13px !important;

    background: linear-gradient(145deg, rgba(48,181,164,.22), rgba(120,203,255,.08)) !important;

    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 9px 20px rgba(0,0,0,.12);

    transition: transform .28s ease, background .28s ease;

}



.neuro-footer-v4 .footer-widget__contact-icon i,

.neuro-footer-v4 .footer-widget__contact-icon span {

    color: var(--nf-teal-soft) !important;

    font-size: 16px !important;

}



.neuro-footer-v4 .footer-widget__contact-list li:hover .footer-widget__contact-icon {

    transform: translateY(-2px) scale(1.03);

    background: linear-gradient(145deg, rgba(48,181,164,.34), rgba(120,203,255,.13)) !important;

}



.neuro-footer-v4 .footer-widget__contact-content {

    position: relative;

    display: block;

    flex: 1;

    min-width: 0;

}



.neuro-footer-v4 .footer-widget__contact-content > span {

    display: block;

    margin-bottom: 5px;

    color: var(--nf-teal-soft) !important;

    font-size: 13px !important;

    line-height: 1.3;

    font-weight: 800 !important;

    letter-spacing: .07em;

    text-transform: uppercase;

}



.neuro-footer-v4 .footer-widget__contact-text {

    margin: 0 !important;

    color: rgba(255,255,255,.88) !important;

    font-family: var(--careon-font);

    font-size: 16px !important;

    line-height: 1.55 !important;

    font-weight: 500 !important;

    text-transform: none !important;

    overflow-wrap: anywhere;

}



.neuro-footer-v4 .footer-widget__contact-text a {

    color: rgba(255,255,255,.90) !important;

    text-decoration: none !important;

    transition: color .25s ease;

}



.neuro-footer-v4 .footer-widget__contact-text a:hover {

    color: var(--nf-teal-soft) !important;

}



/* Tercera columna original: aunque el contenido está comentado,

   la mantenemos con diseño para respetar el orden de tu HTML. */

.neuro-footer-v4 .footer-widget__page-link {

    min-height: 260px;

}



.neuro-footer-v4 .footer-widget__page-link .footer-widget__contact-list::before {



    display: block;

    margin-top: 2px;

    color: rgba(255,255,255,.72);

    font-size: 16px;

    line-height: 1.7;

}



.neuro-footer-v4 .footer-widget__page-link .footer-widget__contact-list::after {



    display: block;

    margin-top: 10px;

    color: rgba(255,255,255,.58);

    font-size: 15px;

    line-height: 1.7;

}



.neuro-footer-v4 .footer-widget__page-link::after {

    right: 18px;

    bottom: 18px;

    width: 145px;

    height: 145px;

    border: 1px solid rgba(120,203,255,.10);

    background: transparent;

    box-shadow:

        0 0 0 20px rgba(48,181,164,.025),

        0 0 0 42px rgba(120,203,255,.015);

}



.neuro-footer-v4 .footer-widget__services-link-list {

    max-height: 230px;

    overflow-y: auto;

    padding-right: 8px !important;

}



.neuro-footer-v4 .footer-widget__services-link-list li + li {

    margin-top: 11px !important;

}



.neuro-footer-v4 .footer-widget__services-link-list a {

    color: rgba(255,255,255,.78) !important;

    font-size: 16px !important;

    line-height: 1.45;

    text-decoration: none;

}



.neuro-footer-v4 .footer-widget__services-link-list a:hover {

    color: var(--nf-teal-soft) !important;

}



/* ============================================================

   BARRA LEGAL INFERIOR

   ============================================================ */

.neuro-footer-v4 .site-footer__bottom {

    position: relative;

    display: block;

    width: 100%;

    padding: 0;

    background: var(--black);

    border-top: 1px solid rgba(156,238,227,.11);

    z-index: 3;

}



.neuro-footer-v4 .site-footer__bottom::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 0;

    background: linear-gradient(90deg, rgba(48,181,164,.025), transparent 45%, rgba(120,203,255,.03));

}



.neuro-footer-v4 .site-footer__bottom .container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1320px !important;

    margin: 0 auto;

    padding-left: 24px;

    padding-right: 24px;

}



.neuro-footer-v4 .site-footer__bottom-inner {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

    width: 100%;

    min-height: 88px;

    padding: 20px 0 !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

}



.neuro-footer-v4 .site-footer__copyright-text {

    margin: 0 !important;

    color: rgba(255, 255, 255, 0.825) !important;

    font-size: 16px !important;

    line-height: 1.5;

}



.neuro-footer-v4 .site-footer__copyright-text a,

.neuro-footer-v4 .site-footer__bottom-menu li a {

    color: rgba(255,255,255,.75) !important;

    text-decoration: none !important;

    transition: color .25s ease;

}



.neuro-footer-v4 .site-footer__copyright-text a:hover,

.neuro-footer-v4 .site-footer__bottom-menu li a:hover {

    color: var(--nf-teal-soft) !important;

}



.neuro-footer-v4 .doctorweb {

    display: inline-flex;

    align-items: center;

    vertical-align: middle;

}



.neuro-footer-v4 .doctorweb img {

    max-height: 24px;

    width: auto;

}



.neuro-footer-v4 .site-footer__bottom-menu {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    flex-wrap: wrap;

    gap: 10px 22px !important;

    margin: 0 !important;

    padding: 0 !important;

}



.neuro-footer-v4 .site-footer__bottom-menu li {

    position: relative;

    display: block;

}



.neuro-footer-v4 .site-footer__bottom-menu li:not(:last-child)::after {

    content: "";

    position: absolute;

    right: -12px;

    top: 50%;

    width: 3px;

    height: 3px;

    border-radius: 50%;

    transform: translateY(-50%);

    background: var(--nf-teal);

    opacity: .65;

}



.neuro-footer-v4 .site-footer__bottom-menu li a {

      color: rgba(255, 255, 255, 0.825) !important;

    font-size: 16px !important;

    line-height: 1.5;

}



/* ============================================================

   RESPONSIVE

   ============================================================ */

@media (max-width: 1199px) {

    .neuro-footer-v4 .site-footer__newsletter-inner {

        max-width: 860px;

        padding: 38px 42px;

    }



    .neuro-footer-v4 .footer-widget-two__newsletter-box,

    .neuro-footer-v4 .footer-widget__contact-info,

    .neuro-footer-v4 .footer-widget__page-link {

        padding: 28px 24px !important;

    }

}



@media (max-width: 991px) {

    .neuro-footer-v4 .site-footer__newsletter {

        min-height: 360px;

    }



    .neuro-footer-v4 .site-footer__newsletter-inner {

        max-width: 860px;

        padding: 40px 34px;

    }



    .neuro-footer-v4 .site-footer__top-inner {

        padding: 58px 0 55px !important;

    }



    .neuro-footer-v4 .site-footer__bottom-inner {

        flex-direction: column;

        justify-content: center;

        text-align: center;

        margin-bottom: 60px;

        gap: 14px;

    }



    .neuro-footer-v4 .site-footer__bottom-menu {

        justify-content: center;

    }

}



@media (max-width: 767px) {

    .neuro-footer-v4 .site-footer__newsletter {

        min-height: auto;

        padding: 58px 0;

        background-position: center center;

    }



    .neuro-footer-v4 .site-footer__newsletter .container,

    .neuro-footer-v4 .site-footer__top .container,

    .neuro-footer-v4 .site-footer__bottom .container {

        padding-left: 18px !important;

        padding-right: 18px !important;

    }



    .neuro-footer-v4 .site-footer__newsletter-inner {

        padding: 34px 22px 32px;

        border-radius: 26px !important;

    }



    .neuro-footer-v4 .site-footer__newsletter-title {

        font-size: clamp(26px, 7.2vw, 36px) !important;

        line-height: 1.20 !important;

    }



    .neuro-footer-v4 .site-footer__newsletter-inner-title-box > div {

        width: 100%;

        flex-direction: column;

    }



    .neuro-footer-v4 .faq-two__btn-box,

    .neuro-footer-v4 .site-footer__newsletter .thm-btn,

    .neuro-footer-v4 .site-footer__newsletter .thm-btn-1 {

        width: 100%;

        max-width: 330px;

    }



    .neuro-footer-v4 .site-footer__top-inner {

        padding: 44px 0 45px !important;

    }



    .neuro-footer-v4 .footer-widget-two__newsletter-box,

    .neuro-footer-v4 .footer-widget__contact-info,

    .neuro-footer-v4 .footer-widget__page-link {

        padding: 26px 22px !important;

        border-radius: 21px;

    }



    .neuro-footer-v4 .img-538 {

        max-width: 200px !important;

        margin-left: auto !important;

        margin-right: auto !important;

    }



    .neuro-footer-v4 .footer-widget-two__newsletter-box {

        text-align: center;

    }



    .neuro-footer-v4 .footer-widget__page-link {

        min-height: 190px;

    }

}



@media (max-width: 480px) {

    .neuro-footer-v4 .site-footer__newsletter-inner {

        padding: 30px 17px 28px;

    }



    .neuro-footer-v4 .site-footer__newsletter-title {

        font-size: 25px !important;

    }



    .neuro-footer-v4 .footer-widget__contact-icon {

        width: 38px !important;

        height: 38px !important;

        min-width: 38px;

    }



    .neuro-footer-v4 .site-footer__bottom-menu {

        flex-direction: column;

        gap: 9px !important;

    }



    .neuro-footer-v4 .site-footer__bottom-menu li::after {

        display: none !important;

    }

}



@media (prefers-reduced-motion: reduce) {

    .neuro-footer-v4 \*,

    .neuro-footer-v4 \*::before,

    .neuro-footer-v4 \*::after {

        transition-duration: .01ms !important;

        animation-duration: .01ms !important;

        animation-iteration-count: 1 !important;

    }

}
/* ============================================================
   AJUSTE FINAL: IMAGEN CTA REALMENTE VISIBLE
   La ruta replica exactamente el esquema relativo de la versión
   donde la imagen sí carga: ../../images/...
   ============================================================ */

.neuro-footer-v4 .site-footer__newsletter {
    background-image:
        linear-gradient(
            90deg,
            rgba(var(--careon-black-rgb), .76) 0%,
            rgba(var(--careon-black-rgb), .50) 38%,
            rgba(var(--careon-black-rgb), .20) 66%,
            rgba(var(--careon-black-rgb), .06) 100%
        ),
        url('../../images/resources/consulta-con-cirujano-general-endoscopista-y-coloproctologo-en-tlalpan-cdmx.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.neuro-footer-v4 .site-footer__newsletter::before {
    background:
        linear-gradient(180deg, rgba(var(--careon-white-rgb), .025), rgba(var(--careon-white-rgb), 0) 36%),
        radial-gradient(circle at 80% 30%, rgba(var(--careon-base-rgb), .10), transparent 30%),
        radial-gradient(circle at 20% 70%, rgba(var(--careon-base-rgb), .08), transparent 30%) !important;
}

.neuro-footer-v4 .site-footer__newsletter-inner {
    background:
        linear-gradient(
            145deg,
            rgba(var(--careon-black-rgb), .58),
            rgba(var(--careon-base-rgb), .22)
        ) !important;
    backdrop-filter: blur(7px) saturate(1.06) !important;
    -webkit-backdrop-filter: blur(7px) saturate(1.06) !important;
}

@media (max-width: 767px) {
    .neuro-footer-v4 .site-footer__newsletter {
        background-position: 68% center !important;
    }

    .neuro-footer-v4 .site-footer__newsletter::before {
        background:
            linear-gradient(
                180deg,
                rgba(var(--careon-black-rgb), .24) 0%,
                rgba(var(--careon-black-rgb), .44) 42%,
                rgba(var(--careon-black-rgb), .72) 100%
            ) !important;
    }
}