/*
Theme Name: CENIT Cardiologia
Theme URI: https://cenitcardiologia.com.mx/
Description: Tema a medida que replica el sitio de CENIT Cardiologia (Cancun).
Author: BuilderSoft
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: cenit
*/

/* Este archivo se GENERA con tools/build_theme.py a partir del espejo del
   sitio origen. No editar a mano: los cambios se pierden al regenerar. */


/* ===== Comun a todas las paginas  [global] ===== */

            @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&family=Lora:ital,wght@0,400;0,700;1,400;1,500&family=Sora:wght@300;400;500;700&display=swap');
            @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700&family=Barlow:wght@300;400;500;700&family=Lora:ital,wght@0,400;0,700;1,400;1,500&family=Sora:wght@300;400;500;700&display=swap');

            body {
                font-family: 'Barlow', sans-serif;
                color: #102B80;
            }

            a {
                text-decoration: none;
            }

            header[id$="-header"] {
                background-color: #fff;
            }

            .navbar-toggler {
                padding: 0 !important;
            }

            .navbar-toggler:focus {
                box-shadow: none;
            }

            .top-bar {
                font-size: 0.85rem;
            }

            .burger-menu {
                width: 1.875rem;
                height: 1.875rem;
                border: 0;
            }

            .burger-menu span {
                display: block;
                position: relative;
                height: 2px;
                width: 100%;
                background-color: #102B80;
                margin-bottom: 5px;
                -webkit-transition: transform .5s;
                -moz-transition: transform .5s;
                transition: transform .5s;
            }

            .burger-menu[aria-expanded="true"] span {
                background-color: #FF5858;
            }

            .burger-menu span:last-child {
                margin-bottom: 0;
            }

            .burger-menu[aria-expanded="true"] span:first-child {
                transform: rotate(-45deg);
                top: 0;
            }

            .burger-menu[aria-expanded="true"] span:nth-child(2) {
                opacity: 0;
                display: none;
            }

            .burger-menu[aria-expanded="true"] span:last-child {
                transform: rotate(45deg);
                opacity: 1;
                display: block;
                bottom: 2px;
            }

            .burger-menu[aria-expanded="true"] span:first-child,.burger-menu[aria-expanded="true"] span:last-child {
                margin-bottom: 0;
            }

            [id$="-nav-collapse"] {
                position: fixed;
                width: 100%;
                left: 0;
                bottom: 0px;
                /*background: linear-gradient(330deg, #CA5626 0%, #C24F5F 7.71%, #BD4A88 14.33%, #B947A2 19.52%, #B846AB 22.64%, #965BBA 26.39%, #6978CF 32.16%, #448FE0 37.96%, #26A1EE 43.71%, #12AFF7 49.40%, #05B6FD 54.98%, #01B9FF 60.36%, rgba(0, 186, 255, 0.00) 88.02%);*/
                background: #fff;
                z-index: 1030;
                visibility: hidden;
                opacity: 0;
                will-change: opacity,visibility;
                top: 0;
                color: #102B80;
                display: block;
                transition: visibility 600ms cubic-bezier(.4,0,.2,1), opacity 400ms cubic-bezier(.4,0,.2,1);
                height: 100% !important;
            }

            [id$="-nav-collapse"].show {
                visibility: visible;
                opacity: 1;
            }

            .main-content::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(330deg, #CA5626 0%, #C24F5F 7.71%, #BD4A88 14.33%, #B947A2 19.52%, #B846AB 22.64%, #965BBA 26.39%, #6978CF 32.16%, #448FE0 37.96%, #26A1EE 43.71%, #12AFF7 49.40%, #05B6FD 54.98%, #01B9FF 60.36%, rgba(0, 186, 255, 0.00) 88.02%);
                opacity: 0.2; 
                z-index: 0;
            }

            .navbar-brand > img {
                height: 3rem;
            }

            header .nav-link {
                color: #102B80;
                padding: 0.75rem;
            }

            header .nav-link:hover {
                color: #FF5858;
            }

            .btn {
                padding: 15px 25px;
                border-radius: 1.75rem;
                border: 1px solid transparent;
                font-size: inherit;
                background-color: #fff;
                color: #102B80;
                position: relative;
            }

            .no-style .btn {
                background-color: transparent;
                text-decoration: underline;
            }

            .btn:hover, .btn:focus, .btn:active {
                background-color: #fff !important;
                color: #01BAFF;
                border-color: #01BAFF;
            }

            .no-style .btn:hover, .no-style .btn:focus, .no-style .btn:active {
                background: transparent !important;
            }

            .grid-buttons {
                display: flex;
                flex-direction: column;
                row-gap: 0.75rem;
            }

            .main-buttons + .alt-buttons, .alt-buttons + .no-style {
                margin-top: 1rem;
                padding-top: 1rem;
            }

            .main-buttons + .alt-buttons::before {
                content: "";
                position: absolute;
                top: 0;
                left: 1rem;
                right: 1rem;
                height: 1px;
                background: #fff;
            }

            .main-banner {
                aspect-ratio: 16/6;
                background-size: cover;
                background-position: center;
            }

            /*.btn {
                font-family: 'Lato', sans-serif;
            }*/

            .btn-blue {
                background-color: #01BAFF;
                color: #fff;
            }

            .spaced-title {
                letter-spacing: 2.7px;
                color: #01BAFF;
            }

            .service-card {
                box-shadow: 0px 15px 27px 4px rgba(16, 43, 128, 0.10); 
                border: 1px solid rgba(0, 186, 255, 0.30); 
                border-radius: 14px; 
                background-color: #fff;
                padding: 1.75rem;
            }

            .service-card .icon {
                position: absolute;
                top: 0;
                right: 0;
                width: 45%;
            }

            .services-bg::before, .socialmente-bg::before, .cta-bg::before {
                content: "";
                background-image: linear-gradient(1deg, #CA5626 -84.47%, #C24F5F -62.23%, #BD4A88 -43.16%, #B947A2 -28.19%, #B846AB -19.2%, #965BBA -8.39%, #6978CF 7.06%, #448FE0 24.97%, #26A1EE 41.55%, #12AFF7 57.95%, #05B6FD 74.04%, #01B9FF 89.55%, rgba(0, 186, 255, 0.00) 169.29%);
                opacity: 0.1;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                pointer-events: none;
            }

            .socialmente-bg::before {
                background: linear-gradient(1deg, #CA5626 -84.47%, #C24F5F -62.23%, #BD4A88 -43.16%, #B947A2 -28.19%, #B846AB -19.2%, #965BBA -8.39%, #6978CF 7.06%, #448FE0 24.97%, #26A1EE 41.55%, #12AFF7 57.95%, #05B6FD 74.04%, #01B9FF 89.55%, rgba(0, 186, 255, 0.00) 169.29%);
                opacity: 0.07; 
            }

            .cta-bg::before {
                background: linear-gradient(1deg, #CA5626 -84.47%, #C24F5F -62.23%, #BD4A88 -43.16%, #B947A2 -28.19%, #B846AB -19.2%, #965BBA -8.39%, #6978CF 7.06%, #448FE0 24.97%, #26A1EE 41.55%, #12AFF7 57.95%, #05B6FD 74.04%, #01B9FF 89.55%, rgba(0, 186, 255, 0.00) 169.29%); 
                opacity: 0.1;
            }

            .btn.btn-ghost {
                background-color: transparent;
                color: #102B80;
                border: 1px solid #102B80;
            }

            .btn.btn-ghost.btn-red {
                background-color: transparent;
                color: #FF5858;
                border: 1px solid #FF5858;
            }

            .btn.btn-ghost:hover {
                background-color: #102B80 !important;
                color: #fff;
            }

            .btn.btn-ghost.btn-red:hover {
                background-color: #FF5858 !important;
                color: #fff;
            }

            .btn.btn-ghost.alt {
                color: #FF5858;
                border-color: #FF5858;
            }

            .btn.btn-ghost.alt:hover {
                background-color: #FF5858 !important;
                color: #fff;
            }

            img {
                max-width: 100%;
            }

            #faqs .accordion-item, #services .accordion-item {
                border: 0;
            }

            #faqs .accordion-button, #faqs .accordion-item, #faqs .accordion-button:not(.collapsed),
            #services .accordion-button, #services .accordion-item, #services .accordion-button:not(.collapsed) {
                background: transparent;
                color: inherit;
                box-shadow: none;
            }

            #faqs .accordion-button:not(.collapsed) {
                color: #102B80 !important;
            }

            #faqs .accordion-button, .accordion-body {
                padding-left: 0;
                padding-right: 0;
            }

            #faqs .accordion-button {
                padding: 0.15rem 1rem;
                border-left: 4px solid transparent;
                padding-left: 0;
                padding-right: 0;
            }

            #faqs .accordion-body {
                color: #828282;
            }

            #faqs .accordion-button, #faqs .accordion-header,
            #services .accordion-button, #services .accordion-header {
                font-size: 110%;
            }

            #faqs .accordion-button {
                justify-content: space-between;
                font-weight: 700;
            }

            #faqs .accordion-button:focus {
                border-color: transparent;
                box-shadow: none;
            }

            #faqs .accordion-item {
                padding-top: 1rem;
                padding-bottom: 1rem;
            }

            #faqs .accordion-item + .accordion-item {
                border-top: 1px solid rgba(226, 120, 120, 0.28);
            }

            #faqs .accordion-button {
                color: #666B74 !important;
                font-weight: 400;
                border-left: 0 !important;
            }

            #faqs .accordion-body {
                color: #666B74 !important
            }

            #faqs .accordion-item:first-of-type, #faqs .accordion-item:last-of-type,
            #faqs .accordion-item:first-of-type .accordion-button, #faqs .accordion-item:last-of-type .accordion-button,
            #faqs .accordion-item:last-of-type .accordion-collapse {
                border-radius: 0 !important;
            }

            #faqs .accordion-item + .accordion-item {
                padding-bottom: 1rem;
            }

            #faqs .accordion-body p:last-of-type, #faqs .accordion-body ul:last-of-type {
                margin-bottom: 0;
            }

            #faqs .accordion-button::after, #faqs .accordion-button:not(.collapsed)::after {
                background-image:url( ./assets/svg/icons/plus.svg );
                background-size: 100%;
                background-position: center;
                width: 1rem;
                height: 1rem;
            }

            #faqs .accordion-button:not(.collapsed)::after {
                background-image:url( ./assets/svg/icons/minus.svg );
            }

            #faqs .accordion-button::after {
                margin-left: 1.5rem;
            }

            .responsive-map {
                aspect-ratio: 16/4;
            }
            
            .responsive-map iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            .cta-box {
                border-radius: 14px;
                background-color: #fff;
                box-shadow: 0px 5px 9px -1px rgba(16, 43, 128, 0.20); 
                padding: 2.5rem;
            }

            .btn.btn-orange {
                background-color: #FF5858 !important;
                color: #fff !important;
                border-color: #FF5858;
            }

            .cenit-asset {
                position: absolute;
                top: 0;
                left: 0;
                opacity: 0.1;
                max-width: 40%;
            }

            .location-list {
                padding-left: 18px;
            }

            .btn.btn-blue:hover svg path {
                stroke: #01BAFF;
            }

            .btn.btn-ghost:not(.btn-red):hover svg path {
                stroke: #fff;
            }

            .btn.btn-ghost.btn-red:hover svg path {
                fill: #fff;
            }

            .form-control {
                border: 0;
                border-radius: 0;
                box-shadow: none !important;
                padding-left: 0;
                padding-right: 0;
                border-bottom: 2px solid #BDBDBD;
            }

            .form-control:focus {
                border-color: #FF5858;
            }

            .table > :not(caption) > * > * {
                border-bottom-width: 0;
            }

            .table-checkup-types tr > th:not(:first-child),
            .table-checkup-types tr > td:not(:first-child) {
                text-align: center;
            }

            .table-checkup-types thead tr > th {
                color: #102B80;
                font-weight: 500;
                line-height: 1.2;
            }

            .table-checkup-types tr > td:first-child {
                color: #666B74;
            }

            .table-checkup-types tr > td:not(:first-child) > img {
                height: 1rem;
            }

            .table-checkup-types tr + tr > td {
                border-top: 1px solid rgba(226, 120, 120, 0.28);
            }

            .no-list {
                list-style: none;
            }

            footer, footer a {
                color: #666B74;
            }

            .mini-boxes {
                gap: 0.35rem;
                color: #000;
                font-size: 85%;
            }

            .mini-boxes {
                height: 1.85rem;
            }

            .mini-boxes .box {
                border: 1px solid #000;
                border-radius: 3px;
                padding: 5px 7px;
                line-height: 1.1;
                display: flex;
                align-items: center;
            }

            .accreditations img {
                height: 5rem;
                flex-shrink: 0;
                object-fit: contain;
                object-position: top left;
            }

            .accreditations img.alt {
                height: 4rem;
            }

            .mobile-menu::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(330deg, #CA5626 0%, #C24F5F 7.71%, #BD4A88 14.33%, #B947A2 19.52%, #B846AB 22.64%, #965BBA 26.39%, #6978CF 32.16%, #448FE0 37.96%, #26A1EE 43.71%, #12AFF7 49.40%, #05B6FD 54.98%, #01B9FF 60.36%, rgba(0, 186, 255, 0.00) 88.02%);
                opacity: 0.1;
                z-index: 0;
            }

            .services-nav {
                border-bottom: 1px solid #E7F8FF;
                border-top: 1px solid #E7F8FF;
                position: sticky;
                top: 8.75rem;
                background-color: #fff;
                z-index: 2;
            }

            .nav-pills.pill-services .icon {
                height: 2.5rem;
                width: 2.5rem;
                object-fit: contain;
                object-position: center;
            }

            .nav-pills.pill-services .nav-link {
                gap: 0.5rem;
                line-height: 1.1;
                color: #102B80;
                border-bottom: 3px solid transparent;
                border-radius: 0;
            }

            .nav-pills.pill-services .nav-link:hover {
                border-bottom-color: #FF5858;
            }

            /* Accordion Services */
            #services .accordion-item, #services .accordion-item + .accordion-item {
                padding-top: 0;
                padding-bottom: 0;
            }

            #services .accordion-item + .accordion-item, #services .accordion-body > ul > li + li {
                border-top: 2px solid #BCC4DB;
            }

            #services .accordion-button {
                font-weight: 500;
                padding: 1rem 0;
            }

            #services .accordion-button > div {
                gap: 1rem;
            }

            #services .accordion-button .icon {
                height: 2.5rem;
                width: 2.5rem;
                object-fit: contain;
                object-position: center;
            }

            #services .accordion-button::after, #services .accordion-button:not(.collapsed)::after {
                background-image: url( ./assets/svg/icons/arrow-down.svg );
            }

            #services .accordion-button:not(.collapsed) {
                border-bottom: 2px solid #BCC4DB;
            } 

            #services .accordion-body {
                padding: 0;
            }

            #services .accordion-body > ul {
                list-style: none;
                padding: 0;
            }

            #services .accordion-body > ul > li a {
                display: block;
                padding: 1rem 2rem;
                color: #102B80;
                line-height: 1.2;
                transition: all 0.25s ease-in-out;
                border-left: 5px solid transparent;
            }

            #services .accordion-body > ul > li a:hover, #services .accordion-body > ul > li a:focus, #services .accordion-body > ul > li a:active, #services .accordion-body > ul > li a.active {
                background-color: #E7F8FF;
                border-color: #FF5858;
            }
            /* End of: Accordion services */

            #services.accordion-services .accordion-button:not(.collapsed), #services.accordion-services .accordion-item + .accordion-item, #services.accordion-services .accordion-body > ul > li + li {
                border-top: 0;
                border-bottom: 0;
            }

            #services.accordion-services .accordion-button {
                color: #102B80 !important;
                font-weight: 400;
            }

            .card-service {
                background-color: #E7F8FF;
                border-radius: 0.875rem;
                color: #102B80;
                line-height: 1;
            }

            .card-service .content {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 1rem;
            }

            .card-service .content::after {
                content: "";
                position: relative;
                display: block;
                width: 1.5rem;
                height: 1.5rem;
                background-image: url( ./assets/svg/icons/arrow-right-blue.svg );
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                flex-shrink: 0;
            }

            @media( max-width: 767px ) {
                .table-checkup-types {
                    font-size: 85%;
                }
                .table-checkup-types tr > td:first-child {
                    max-width: 7.5rem;
                }
                .main-banner.mobile {
                    aspect-ratio: 16/9;
                }
                .h1, h1 {
                    font-size: calc(1.75rem + 1.5vw);
                }
                .accordion-button::after, .accordion-button:not(.collapsed)::after {
                    width: 1.35rem;
                    height: 1.35rem;
                }
                .checkup-heart {
                    margin-left: -1.5rem;
                    margin-bottom: -1.5rem;
                }
                .cenit-asset {
                    max-width: 85%;
                }
                .responsive-map {
                    aspect-ratio: 1/0.85;
                }
            }

            @media( min-width: 992px ) {
                .table-checkup-types tr > td:not(:first-child) > img {
                    height: 1.25rem;
                }
                .navbar-brand > img {
                    height: 4.5rem
                }
                #services.accordion-services .accordion-button {
                    font-size: 2.25rem;
                    justify-content: center;
                    pointer-events: none;
                }
                #services.accordion-services .collapse:not(.show) {
                    display: block;
                }
                #services.accordion-services .accordion-button::after, #services.accordion-services .accordion-button:not(.collapsed)::after {
                    content: none;
                }
                #services.accordion-services .accordion-item + .accordion-item {
                    margin-top: 5rem;
                }
            }

            @media( min-width: 1200px ) {
                [id$="-nav-collapse"] {
                    position: relative;
                    top: 0px;
                    width: auto;
                    right: 0px;
                    bottom: 0px;
                    background-color: transparent;
                    transform: none;
                    visibility: visible;
                    opacity: 1;
                    height: auto !important;
                    background: transparent !important;
                }
                .navbar-expand-xl .navbar-nav .nav-link {
                    padding-right: 0.85rem;
                    padding-left: 0.85rem;
                }
                .services-nav {
                    top: 10.125rem;
                }
            }
        

/* ===== Paginas interiores (servicios salvo stents, aviso, terminos)  [.single-servicio:not(.servicio-stents), .page-aviso-de-privacidad, .page-terminos-condiciones] ===== */
.single-servicio:not(.servicio-stents) .hero-content::before, .single-servicio:not(.servicio-stents) .hero-content::after, .page-aviso-de-privacidad .hero-content::before, .page-aviso-de-privacidad .hero-content::after, .page-terminos-condiciones .hero-content::before, .page-terminos-condiciones .hero-content::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(-90deg, #CA5626 0%, #C24F5F 7.71%, #BD4A88 14.33%, #B947A2 19.52%, #B846AB 22.64%, #965BBA 26.39%, #6978CF 32.16%, #448FE0 37.96%, #26A1EE 43.71%, #12AFF7 49.40%, #05B6FD 54.98%, #01B9FF 60.36%, #05B6FD 88.02%);
            opacity: 0.1;
            z-index: 0;
        }
.single-servicio:not(.servicio-stents) .hero-content::after, .page-aviso-de-privacidad .hero-content::after, .page-terminos-condiciones .hero-content::after {
            background: linear-gradient( rgba(255, 255, 255, 0), #fff );
            opacity: 1;
        }
.single-servicio:not(.servicio-stents) .hero-content > div, .page-aviso-de-privacidad .hero-content > div, .page-terminos-condiciones .hero-content > div {
            position: relative;
            z-index: 1;
        }
.single-servicio:not(.servicio-stents) .accordion-item, .single-servicio:not(.servicio-stents) .accordion-item + .accordion-item, .page-aviso-de-privacidad .accordion-item, .page-aviso-de-privacidad .accordion-item + .accordion-item, .page-terminos-condiciones .accordion-item, .page-terminos-condiciones .accordion-item + .accordion-item {
            padding-top: 0;
            padding-bottom: 0;
        }
.single-servicio:not(.servicio-stents) .accordion-item + .accordion-item, .single-servicio:not(.servicio-stents) .accordion-body > ul > li + li, .page-aviso-de-privacidad .accordion-item + .accordion-item, .page-aviso-de-privacidad .accordion-body > ul > li + li, .page-terminos-condiciones .accordion-item + .accordion-item, .page-terminos-condiciones .accordion-body > ul > li + li {
            border-top: 2px solid #BCC4DB;
        }
.single-servicio:not(.servicio-stents) .accordion-button, .page-aviso-de-privacidad .accordion-button, .page-terminos-condiciones .accordion-button {
            font-weight: 500;
            padding: 1rem 0;
        }
.single-servicio:not(.servicio-stents) .accordion-button > div, .page-aviso-de-privacidad .accordion-button > div, .page-terminos-condiciones .accordion-button > div {
            gap: 1rem;
        }
.single-servicio:not(.servicio-stents) .accordion-button .icon, .page-aviso-de-privacidad .accordion-button .icon, .page-terminos-condiciones .accordion-button .icon {
            height: 2.5rem;
            width: 2.5rem;
            object-fit: contain;
            object-position: center;
        }
.single-servicio:not(.servicio-stents) .accordion-button::after, .single-servicio:not(.servicio-stents) .accordion-button::after, .single-servicio:not(.servicio-stents) .accordion-button::after, .single-servicio:not(.servicio-stents) .accordion-button:not(.collapsed)::after, .page-aviso-de-privacidad .accordion-button::after, .page-aviso-de-privacidad .accordion-button::after, .page-aviso-de-privacidad .accordion-button::after, .page-aviso-de-privacidad .accordion-button:not(.collapsed)::after, .page-terminos-condiciones .accordion-button::after, .page-terminos-condiciones .accordion-button::after, .page-terminos-condiciones .accordion-button::after, .page-terminos-condiciones .accordion-button:not(.collapsed)::after {
            background-image: url( ./assets/svg/icons/arrow-down.svg );
        }
.single-servicio:not(.servicio-stents) .accordion-button:not(.collapsed), .page-aviso-de-privacidad .accordion-button:not(.collapsed), .page-terminos-condiciones .accordion-button:not(.collapsed) {
            border-bottom: 2px solid #BCC4DB;
        }
.single-servicio:not(.servicio-stents) .accordion-body, .page-aviso-de-privacidad .accordion-body, .page-terminos-condiciones .accordion-body {
            padding: 0;
        }
.single-servicio:not(.servicio-stents) .accordion-body > ul, .page-aviso-de-privacidad .accordion-body > ul, .page-terminos-condiciones .accordion-body > ul {
            list-style: none;
            padding: 0;
        }
.single-servicio:not(.servicio-stents) .accordion-body > ul > li a, .page-aviso-de-privacidad .accordion-body > ul > li a, .page-terminos-condiciones .accordion-body > ul > li a {
            display: block;
            padding: 1rem 2rem;
            color: #102B80;
            line-height: 1.2;
            transition: all 0.25s ease-in-out;
            border-left: 5px solid transparent;
        }
.single-servicio:not(.servicio-stents) .accordion-body > ul > li a:hover, .single-servicio:not(.servicio-stents) .accordion-body > ul > li a:focus, .single-servicio:not(.servicio-stents) .accordion-body > ul > li a:active, .single-servicio:not(.servicio-stents) .accordion-body > ul > li a.active, .page-aviso-de-privacidad .accordion-body > ul > li a:hover, .page-aviso-de-privacidad .accordion-body > ul > li a:focus, .page-aviso-de-privacidad .accordion-body > ul > li a:active, .page-aviso-de-privacidad .accordion-body > ul > li a.active, .page-terminos-condiciones .accordion-body > ul > li a:hover, .page-terminos-condiciones .accordion-body > ul > li a:focus, .page-terminos-condiciones .accordion-body > ul > li a:active, .page-terminos-condiciones .accordion-body > ul > li a.active {
            background-color: #E7F8FF;
            border-color: #FF5858;
        }

    

/* ===== Inicio  [.home] ===== */
@media( max-width: 767px ) {.home .main-banner:not(.mobile) {
                background-image: none !important;
                background-color: #fff;
            }

        
}

    

/* ===== Contacto  [.page-contacto] ===== */
.page-contacto .main-banner {
            aspect-ratio: 16/5;
            background-size: cover;
            background-position: center;
        }
@media( max-width: 767px ) {.page-contacto .main-banner {
                aspect-ratio: 16/9;
            }

        
}

    

/* ===== Nosotros  [.page-nosotros] ===== */
.page-nosotros .main-banner {
            aspect-ratio: 16/3;
            background-size: cover;
            background-position: center;
        }
.page-nosotros .cover-cc-bg {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
.page-nosotros .shadow-box {
            box-shadow: 0px 15px 27px 4px rgba(16, 43, 128, 0.10);
            border-radius: 14px;
            overflow: hidden;
            background-color: #fff;
        }
.page-nosotros .services-bg::before {
            background-image: linear-gradient(1deg, #CA5626 -84.47%, #C24F5F -62.23%, #BD4A88 -43.16%, #B947A2 -28.19%, #B846AB -19.2%, #965BBA -8.39%, #6978CF 7.06%, #448FE0 24.97%, #26A1EE 41.55%, #12AFF7 57.95%, #05B6FD 74.04%, rgba(0, 186, 255, 0.00) 89.55%, rgba(0, 186, 255, 0.00) 100%);
            top: 10%;
            bottom: 25%;
        }
@media( max-width: 767px ) {.page-nosotros .main-banner {
                aspect-ratio: 16/9;
                background-image: url( ./assets/img/nosotros-mobile.jpg ) !important;
                background-position: center top;
            }

        
}

    

/* ===== Servicio: stents  [.servicio-stents] ===== */
.servicio-stents .hero-content::before, .servicio-stents .hero-content::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(-90deg, #CA5626 0%, #C24F5F 7.71%, #BD4A88 14.33%, #B947A2 19.52%, #B846AB 22.64%, #965BBA 26.39%, #6978CF 32.16%, #448FE0 37.96%, #26A1EE 43.71%, #12AFF7 49.40%, #05B6FD 54.98%, #01B9FF 60.36%, #05B6FD 88.02%);
            opacity: 0.1;
            z-index: 0;
        }
.servicio-stents .hero-content::after {
            background: linear-gradient( rgba(255, 255, 255, 0), #fff );
            opacity: 1;
        }
.servicio-stents .hero-content > div {
            position: relative;
            z-index: 1;
        }

    

/* ===== Turismo medico  [.page-turismo-medico] ===== */
.page-turismo-medico .main-banner {
            aspect-ratio: 16/3;
            background-size: cover;
            background-position: center;
        }
.page-turismo-medico .cover-cc-bg {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
.page-turismo-medico .shadow-box {
            box-shadow: 0px 15px 27px 4px rgba(16, 43, 128, 0.10);
            border-radius: 14px;
            overflow: hidden;
            background-color: #fff;
        }
.page-turismo-medico .services-bg::before {
            background-image: linear-gradient(1deg, #CA5626 -84.47%, #C24F5F -62.23%, #BD4A88 -43.16%, #B947A2 -28.19%, #B846AB -19.2%, #965BBA -8.39%, #6978CF 7.06%, #448FE0 24.97%, #26A1EE 41.55%, #12AFF7 57.95%, #05B6FD 74.04%, rgba(0, 186, 255, 0.00) 89.55%, rgba(0, 186, 255, 0.00) 100%);
            top: 10%;
            bottom: 25%;
        }
@media( max-width: 767px ) {.page-turismo-medico .main-banner {
                aspect-ratio: 16/9;
            }

        
}