@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&family=Roboto+Mono:wght@200;300;400;500;600;700&display=swap');

* {
    margin: 0;
    padding: 0;
    outline: 0;
    border: none;
    list-style: none;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Poppins';
}

:root {
    --h1-height: 25pt;
    --h2-height: 17pt;
    --h3-height: 13pt;
    --h4-height: 10pt;
    --first-color: #E7CA93;
    --second-color: #D5BFA3;
    --three-color: #301F17;
    --four-color: #FFFFFF;
    --five-color: #D8D7D5;
    --poppins-font: 'Poppins', sans-serif;
    --extra-bold: 800;
    --white: #ffffff;
    --bg: #f5f5f5;
    --hospital-primary: 213 100% 32%;
    --hospital-secondary: 192 69% 54%;
}

/* ol,
ul {
    padding-left: 0px !important;
    margin-bottom: 0px !important;
} */

dl,
ol,
ul {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

html {
    scroll-behavior: smooth;
}

body {
    line-height: 1.6;
    min-height: 100vh;
    margin: 0;
    zoom: 100%;
}

body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

body::-webkit-scrollbar-track {
    background: #2A2442;
}

body::-webkit-scrollbar-thumb {
    background-color: #FFF;
    border-radius: 20px;
}

/*Deshabilitar scroll*/
body.no-scroll {
    overflow: hidden;
}

main {
    width: 100%;
    height: 100%;
    background-color: #FFF;
}

/*Menu General*/
header {
    background-color: #FFFFFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 1000;
}

header .container {
    max-width: 1920px;
    margin: auto;
    padding: 0 20px;
}

/*Menu Desktop, Tabled*/
header .container .navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    flex-wrap: wrap;
}

/*Logo*/
header .container .navbar .logo-link {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #1f2937;
}

header .container .navbar .logo-link .logo img {
    width: 48px;
    height: 48px;
}

header .container .navbar .logo-link .text {
    max-width: max-content;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

header .container .navbar .logo-link .text span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}

header .container .navbar .logo-link .text span:last-of-type {
    font-size: 16px;
    color: #6b7280;
    font-weight: normal;
}

/*Links*/
header .container .navbar .navbar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
}

header .container .navbar .navbar-right .nav-list {
    display: flex;
    gap: 20px;
    list-style: none;
}

header .container .navbar .navbar-right .nav-list .nav-item a {
    position: relative;
    text-decoration: none;
    font-weight: 500;
    color: #374151;
    padding-bottom: 4px;
    transition: color 0.3s ease, transform 0.3s ease;
}

/*línea azul al hacer hover*/
header .container .navbar .navbar-right .nav-list .nav-item a:hover::after,
header .container .navbar .navbar-right .nav-list .nav-item a.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background-color: #2563eb;
}

/*cambiar color del texto al hacer hover*/
header .container .navbar .navbar-right .nav-list .nav-item a:hover,
header .container .navbar .navbar-right .nav-list .nav-item a.active {
    color: #2563eb;
    transform: translateY(-2px);
}

/*whatsApp sin subrayado*/
header .container .navbar .navbar-right .btn-whatsapp-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #22c55e;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #FFF;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

header .container .navbar .navbar-right .btn-whatsapp-link:hover {
    background-color: #16a34a;
}

/*Menú hamburguesa*/
header .container .navbar .navbar-right .hamburger-menu {
    display: none;
}

/*Menú móvil*/
header .container .mobile-menu {
    display: none;
}

/*Banner principal*/
.main-banner {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 4rem 2rem;
    background-color: #F9FAFB;
    gap: 10px;
}

.main-banner .banner-content {
    flex: 1 1 100%;
    max-width: 49%;
}

.main-banner .banner-content .ubication {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    color: #4b5563;
    margin-bottom: 1rem;
}

.main-banner .banner-content .title {
    font-size: 60px;
    line-height: 1.0;
    font-weight: 700;
    color: #000;
    margin-top: 2rem;
}

.main-banner .banner-content .subtitle {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 500;
    color: #0049a3;
    margin-top: 1rem;
}

.main-banner .banner-content .description {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    color: #374151;
    margin-top: 1rem;
}

.main-banner .banner-content .sintillo {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #4b5563;
    margin-top: 1rem;
}

/*botones*/
.main-banner .banner-content .btn-contact,
.main-banner .banner-content .btn-info {
    padding: 20px 0px;
}

.main-banner .banner-content .btn-contact .btn-whatsapp,
.main-banner .banner-content .btn-contact .btn-map {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    margin-right: 1rem;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.main-banner .banner-content .btn-contact .btn-whatsapp {
    background-color: #22c55e;
    color: #fff;
}

.main-banner .banner-content .btn-contact .btn-whatsapp:hover {
    background-color: #16a34a;
    transform: translateY(-5px);
}

.main-banner .banner-content .btn-contact .btn-map {
    border: 1px solid #0049a3;
    color: #0049a3;
}

.main-banner .banner-content .btn-contact .btn-map:hover {
    background-color: #0049a3;
    color: #FFF;
    transform: translateY(-5px);
}

.main-banner .banner-content .btn-info .btn-tel,
.main-banner .banner-content .btn-info .btn-urgencia {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 22px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    margin-right: 1rem;
    transition: background-color 0.3s ease;
}

.main-banner .banner-content .btn-info .btn-tel {
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    color: #4b5563;
}

.main-banner .banner-content .btn-info .btn-tel:hover {
    background-color: #e5e7eb;
}

.main-banner .banner-content .btn-info .btn-urgencia {
    background-color: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #15803d;
}

.main-banner .banner-content .btn-info .btn-urgencia:hover {
    background-color: #bbf7d0;
}

/*imagen*/
.main-banner .banner-image {
    flex: 1 1 100%;
    max-width: 49%;
    text-align: center;
}

.main-banner .banner-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

/*Home especialties*/
.container-especial {
    max-width: 1920px;
    margin: 0 auto;
    padding: 2rem;
}

.container-especial .section-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.container-especial .section-title .title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
}

.container-especial .section-title .more a {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3;
    text-decoration: none;
    transition: color 0.3s ease;
}

.container-especial .section-title .more a:hover {
    text-decoration: underline;
}

.container-especial .especialties {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.container-especial .especialties .especialty-card {
    background-color: #FFF;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    height: 200px;
    position: relative;
    text-align: center;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.container-especial .especialties .especialty-card:hover {
    background-color: #0049a3f2;
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.container-especial .especialties .especialty-card .card-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: transform 0.5s ease;
}

.container-especial .especialties .especialty-card:hover .card-content {
    transform: translateY(-5px);
}

.container-especial .especialties .especialty-card .card-content .icon .icon-svg {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

.container-especial .especialties .especialty-card:hover .card-content .icon .icon-svg {
    filter: brightness(0) saturate(100%) invert(100%);
}

.container-especial .especialties .especialty-card .card-content .title {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3f2;
}

.container-especial .especialties .especialty-card:hover .card-content .title {
    color: #FFF;
}

.container-especial .especialties .especialty-card .card-content .info {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    text-align: center;
    margin-top: 10px;
    transition: opacity 0.5s ease, max-height 0.5s ease;
}

.container-especial .especialties .especialty-card:hover .card-content .info {
    opacity: 1;
    visibility: visible;
    max-height: 100px;
}

.container-especial .especialties .especialty-card .card-content .info .description,
.container-especial .especialties .especialty-card .card-content .info .link {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    color: #FFF;
}

.container-especial .especialties .especialty-card:hover .card-content .info .description {
    color: #FFF;
}

.container-especial .especialties .especialty-card:hover .card-content .info .link {
    font-weight: bold;
    text-decoration: underline;
}

/*Home Services*/
.home-services {
    max-width: 1920px;
    margin: 0 auto;
    padding: 2rem;
}

.home-services .services-title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    text-align: center;
    margin-bottom: 2rem;
}

.home-services .services-subtitle {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    text-align: center;
    margin-bottom: 2rem;
}

.home-services .services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.home-services .services-grid .service-card {
    background-color: #fff;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.home-services .services-grid .service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.home-services .services-grid .service-card .icon {
    width: 80px;
    height: 80px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 22px;
    margin-bottom: 1rem;
}

.home-services .services-grid .service-card:hover .icon {
    background-color: #0049a3;
}

.home-services .services-grid .service-card .icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

.home-services .services-grid .service-card:hover .icon img {
    filter: brightness(0) saturate(100%) invert(100%);
}

.home-services .services-grid .service-card .service-name {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3;
    margin-bottom: 1rem;
}

.home-services .services-grid .service-card .service-description {
    font-size: 16px;
    line-height: 1.5;
    color: #4d6280;
    margin-bottom: 1.5rem;
}

.home-services .services-grid .service-card .divition {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.home-services .services-grid .service-card .divition .service-info {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
}

.home-services .services-grid .service-card .divition .service-link {
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 600;
    color: #0049a3f2;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.home-services .buttons {
    display: flex;
    justify-content: center;
    padding: 40px 20px;
}

.home-services .buttons .btn-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    margin-right: 1rem;
    transition: background-color 0.3s ease;
    background-color: #22c55e;
    color: #fff;
}

.home-services .buttons .btn-whatsapp:hover {
    background-color: #16a34a;
}

/*Home Studies*/
.home-studies {
    max-width: 1920px;
    margin: 0 auto;
    padding: 6rem 2rem;
    background-color: #0049a3;
}

.home-studies .studies-header {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.home-studies .studies-header .title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    margin-bottom: 1rem;
}

.home-studies .studies-header .subtitle {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    color: #FFF;
    text-align: center;
    margin-bottom: 1rem;
}

.home-studies .studies-header .more {
    display: flex;
    justify-content: right;
    align-items: center;
    margin-bottom: 2rem;
}

.home-studies .studies-header .more a {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    color: #FFF;
    text-decoration: none;
    transition: color 0.3s ease;
}

.home-studies .studies-header .more a:hover {
    text-decoration: underline;
}

.home-studies .studies-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.home-studies .studies-grid .study-card {
    background-color: #FFF;
    color: #0049a3;
    padding: 2rem;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.home-studies .studies-grid .study-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.home-studies .studies-grid .study-card a {
    width: 100%;
}

.home-studies .studies-grid .study-card .icon {
    display: flex;
    text-align: center;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    flex-shrink: 0;
}

.home-studies .studies-grid .study-card:hover .icon {
    background-color: #0049a3;
}

.home-studies .studies-grid .study-card .icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

.home-studies .studies-grid .study-card:hover .icon img {
    filter: brightness(0) saturate(100%) invert(100%);
}

.home-studies .studies-grid .study-card .info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.home-studies .studies-grid .study-card .info .category {
    font-size: 12px;
    font-weight: bold;
    color: #0049a3;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.home-studies .studies-grid .study-card .info .name {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.home-studies .studies-grid .study-card .info .description {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    margin-bottom: 1rem;
}

.home-studies .studies-grid .study-card .divition {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.home-studies .studies-grid .study-card .divition .duration,
.home-studies .studies-grid .study-card .divition .status {
    width: 50%;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    margin-bottom: 0.3rem;
}

.home-studies .studies-grid .study-card .details-link {
    margin-top: auto;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    color: #0049a3;
    text-decoration: none;
}

.home-studies .btn-contact {
    display: flex;
    margin-top: 2rem;
    text-align: right;
    justify-content: center;
}

.home-studies .btn-contact .btn-whatsapp,
.home-studies .btn-contact .btn-studies {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    margin-right: 1rem;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.home-studies .btn-contact .btn-whatsapp {
    background-color: #22c55e;
    color: #fff;
}

.home-studies .btn-contact .btn-whatsapp:hover {
    background-color: #16a34a;
    transform: translateY(-5px);
}

.home-studies .btn-contact .btn-studies {
    background-color: #FFF;
    color: #0049a3;
}

.home-studies .btn-contact .btn-studies:hover {
    opacity: 0.8;
    transform: translateY(-5px);
}

.home-studies .btn-info {
    display: flex;
    text-align: right;
    justify-content: center;
    padding: 20px 0px;
}

.home-studies .btn-info .btn-tel,
.home-studies .btn-info .btn-urgencia {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    margin-right: 1rem;
    background-color: #ffffff1a;
    color: #FFF;
    transition: background-color 0.3s ease;
}

/*Home AboutUs*/
.home-aboutus {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #FFF;
}

.home-aboutus .aboutus-container {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3rem;
}

.home-aboutus .aboutus-container .aboutus-image {
    max-width: 100%;
    text-align: center;
}

.home-aboutus .aboutus-container .aboutus-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.home-aboutus .aboutus-container .aboutus-text {
    max-width: 100%;
}

.home-aboutus .aboutus-container .aboutus-text .title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #0049a3;
}

.home-aboutus .aboutus-container .aboutus-text .subtitle {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 1rem;
    color: #4d6280;
}

.home-aboutus .aboutus-container .aboutus-text .description {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 1rem;
    color: #4d6280;
}

.home-aboutus .aboutus-container .aboutus-text .aboutus-button {
    display: inline-block;
    margin-top: 1.2rem;
    padding: 0.75rem 1.5rem;
    background-color: #0049a3;
    color: #FFF;
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.home-aboutus .aboutus-container .aboutus-text .aboutus-button:hover {
    opacity: 0.8;
}

/*Home gallery*/
.home-gallery {
    max-width: 1920px;
    margin: 0 auto;
    padding: 6rem 2rem;
    background-color: #FFF;
    text-align: center;
}

.home-gallery .title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    margin-bottom: 1rem;
}

.home-gallery .subtitle {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #4b5563;
    margin-bottom: 3rem;
}

.home-gallery .gallery-slider-wrapper .slider-btn {
    display: none;
}

.home-gallery .gallery-slider-wrapper .gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.home-gallery .gallery-slider-wrapper .gallery-grid .gallery-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.home-gallery .gallery-slider-wrapper .gallery-grid .gallery-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.4s ease;
}

.home-gallery .gallery-slider-wrapper .gallery-grid .gallery-card:hover img {
    transform: scale(1.05);
}

.home-gallery .gallery-slider-wrapper .gallery-grid .gallery-card .gallery-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    color: #FFF;
    text-align: left;
    transform: translateY(100%);
    transition: transform 0.4s ease;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.3));
}

.home-gallery .gallery-slider-wrapper .gallery-grid .gallery-card:hover .gallery-overlay {
    transform: translateY(0);
}

.home-gallery .gallery-slider-wrapper .gallery-grid .gallery-card .gallery-overlay .title {
    margin: 0 0 0.5rem;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #FFF;
}

.home-gallery .gallery-slider-wrapper .gallery-grid .gallery-card .gallery-overlay .subtitle {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #FFF;
}

/*Home Contact*/
.home-contact {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #edf2f7;
}

.home-contact .contact-container {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    background-color: transparent;
    gap: 3rem;
}

.home-contact .contact-container .contact-default {
    max-width: 100%;
}

.home-contact .contact-container .contact-default .title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #002e66;
    margin-bottom: 1rem;
}

.home-contact .contact-container .contact-default .subtitle {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    margin-bottom: 3rem;
}

.home-contact .contact-container .contact-default .contact-cards {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.home-contact .contact-container .contact-default .contact-cards .contact-card {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 12px;
    gap: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* .home-contact .contact-container .contact-default .contact-cards .contact-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
} */

.home-contact .contact-container .contact-default .contact-cards .contact-card .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 1.2;
    color: #FFF;
    border-radius: 12px;
    background-color: #0049a3;
}

.home-contact .contact-container .contact-default .contact-cards .contact-card .icon.whatsapp {
    background-color: #25d466;
}

.home-contact .contact-container .contact-default .contact-cards .contact-card .icon.whatsapp {
    background-color: #25d466;
}

.home-contact .contact-container .contact-default .contact-cards .contact-card .icon.urgencias {
    background-color: #22c55e;
}

.home-contact .contact-container .contact-default .contact-cards .contact-card .info .title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    color: #002e66;
    margin-bottom: 0.1rem;
}

.home-contact .contact-container .contact-default .contact-cards .contact-card .info .sintillo {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
}

.home-contact .contact-container .contact-preference {
    max-width: 100%;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.home-contact .contact-container .contact-preference .title {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    color: #002e66;
    text-align: center;
    margin-bottom: 1.5rem;
}

.home-contact .contact-container .contact-preference .buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.home-contact .contact-container .contact-preference .buttons .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    text-decoration: none;
    color: #ffffff;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.home-contact .contact-container .contact-preference .buttons .btn.whatsapp {
    background-color: #25D366;
}

.home-contact .contact-container .contact-preference .buttons .btn.whatsapp:hover {
    background-color: #1ebe5d;
    transform: translateY(-5px);
}

.home-contact .contact-container .contact-preference .buttons .btn.map {
    background-color: #3B82F6;
}

.home-contact .contact-container .contact-preference .buttons .btn.map:hover {
    background-color: #2563eb;
    transform: translateY(-5px);
}

/*Principal specialties*/
.specialties-principal {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 0rem;
    text-align: center;
    background-color: #FFF;
}

.specialties-principal .specialties-container {
    background-color: #0049a3;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.specialties-principal .specialties-container .spacing {
    width: 80%;
    margin: 0 auto;
}

.specialties-principal .specialties-container .spacing h2 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1rem;
}

.specialties-principal .specialties-container .spacing p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
}

/*Specialties searchs*/
.search-especial {
    max-width: 1920px;
    margin: 0 auto;
    padding: 2rem;
    background-color: #FFF;
}

.search-especial .section-search {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
}

.search-especial .section-search .search-wrapper {
    width: 100%;
    position: relative;
    max-width: 400px;
    margin: 0 auto;
}

.search-especial .section-search .search-wrapper i.fas.fa-search {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #0049a3;
    font-size: 1rem;
    pointer-events: none;
}

.search-especial .section-search .search-wrapper input[type="text"] {
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
    outline: none;
    border-radius: 8px;
    border: 1px solid #ccc;
    transition: border-color 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 0.75rem 1rem 0.75rem 2.5rem;
}

.search-especial .section-search .search-wrapper input[type="text"]:focus {
    border-color: #0049a3;
}

.search-especial .section-search #resultCount {
    display: block;
    text-align: center;
    margin-top: 0.75rem;
    font-size: 0.9rem;
    color: #555;
}

.search-especial .especialties {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.search-especial .especialties .especialty-card {
    background-color: #FFF;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    height: 200px;
    position: relative;
    text-align: center;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.search-especial .especialties .especialty-card:hover {
    background-color: #0049a3f2;
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-especial .especialties .especialty-card .card-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: transform 0.5s ease;
}

.search-especial .especialties .especialty-card:hover .card-content {
    transform: translateY(-5px);
}

.search-especial .especialties .especialty-card .card-content .icon .icon-svg {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

.search-especial .especialties .especialty-card:hover .card-content .icon .icon-svg {
    filter: brightness(0) saturate(100%) invert(100%);
}

.search-especial .especialties .especialty-card .card-content .title {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3f2;
}

.search-especial .especialties .especialty-card:hover .card-content .title {
    color: #FFF;
}

.search-especial .especialties .especialty-card .card-content .info {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    text-align: center;
    margin-top: 10px;
    transition: opacity 0.5s ease, max-height 0.5s ease;
}

.search-especial .especialties .especialty-card:hover .card-content .info {
    opacity: 1;
    visibility: visible;
    max-height: 100px;
}

.search-especial .especialties .especialty-card .card-content .info .description,
.search-especial .especialties .especialty-card .card-content .info .link {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    color: #FFF;
}

.search-especial .especialties .especialty-card:hover .card-content .info .description {
    color: #FFF;
}

.search-especial .especialties .especialty-card:hover .card-content .info .link {
    font-weight: bold;
    text-decoration: underline;
}

.search-especial .no-results {
    display: none;
    text-align: center;
    padding: 3rem 1rem;
}

.search-especial .no-results .no-results-content i {
    font-size: 48px;
    line-height: 1.2;
    color: #4d6280;
    margin-bottom: 2rem;
}

.search-especial .no-results .no-results-content h4 {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3;
    margin-bottom: 0.5rem;
}

.search-especial .no-results .no-results-content p {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    margin-bottom: 2rem;
}

.search-especial .no-results .no-results-content a {
    color: #0049a3;
    font-weight: 600;
    cursor: pointer;
}

.search-especial .no-results .no-results-content a:hover {
    text-decoration: underline;
}

/*Principal services*/
.services-principal {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 0rem;
    text-align: center;
    background-color: #FFF;
}

.services-principal .services-container {
    background-color: #0049a3;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.services-principal .services-container .spacing {
    width: 80%;
    margin: 0 auto;
}

.services-principal .services-container .spacing h2 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1rem;
}

.services-principal .services-container .spacing p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
}

/*All Services*/
.all-services {
    max-width: 1920px;
    margin: 0 auto;
    padding: 2rem;
}

.all-services .services-title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    text-align: center;
    margin-bottom: 2rem;
}

.all-services .services-subtitle {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    text-align: center;
    margin-bottom: 2rem;
}

.all-services .services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.all-services .services-grid .service-card {
    background-color: #fff;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.all-services .services-grid .service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.all-services .services-grid .service-card .icon {
    width: 80px;
    height: 80px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 22px;
    margin-bottom: 1rem;
}

.all-services .services-grid .service-card:hover .icon {
    background-color: #0049a3;
}

.all-services .services-grid .service-card .icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

.all-services .services-grid .service-card:hover .icon img {
    filter: brightness(0) saturate(100%) invert(100%);
}

.all-services .services-grid .service-card .service-name {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3;
    margin-bottom: 1rem;
}

.all-services .services-grid .service-card .service-description {
    font-size: 16px;
    line-height: 1.5;
    color: #4d6280;
    margin-bottom: 1.5rem;
}

.all-services .services-grid .service-card .divition {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.all-services .services-grid .service-card .divition .service-info {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
}

.all-services .services-grid .service-card .divition .service-link {
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 600;
    color: #0049a3f2;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.all-services .buttons {
    display: flex;
    justify-content: center;
    padding: 40px 20px;
}

.all-services .buttons .btn-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    margin-right: 1rem;
    transition: background-color 0.3s ease;
    background-color: #22c55e;
    color: #fff;
}

.all-services .buttons .btn-whatsapp:hover {
    background-color: #16a34a;
}

/*Principal studies*/
.studies-principal {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 0rem;
    text-align: center;
    background-color: #FFF;
}

.studies-principal .studies-container {
    background-color: #0049a3;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.studies-principal .studies-container .spacing {
    width: 80%;
    margin: 0 auto;
}

.studies-principal .studies-container .spacing h2 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1rem;
}

.studies-principal .studies-container .spacing p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    margin-bottom: 1rem;
}

.studies-principal .studies-container .spacing .btn-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    margin-right: 1rem;
    transition: background-color 0.3s ease;
    background-color: #22c55e;
    color: #fff;
}

.studies-principal .studies-container .spacing .btn-whatsapp:hover {
    background-color: #16a34a;
}

/*Studies search*/
.search-studies {
    max-width: 1920px;
    margin: 0 auto;
    padding: 2rem;
    background-color: #fff;
}

.search-studies .section-search {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
}

.search-studies .section-search .search-wrapper {
    width: 100%;
    position: relative;
    max-width: 400px;
    margin: 0 auto;
}

.search-studies .section-search .search-wrapper i.fas.fa-search {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #0049a3;
    font-size: 1rem;
    pointer-events: none;
}

.search-studies .section-search .search-wrapper input[type="text"] {
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
    outline: none;
    border-radius: 8px;
    border: 1px solid #ccc;
    transition: border-color 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 0.75rem 1rem 0.75rem 2.5rem;
}

.search-studies .section-search .search-wrapper input[type="text"]:focus {
    border-color: #0049a3;
}

.search-studies .section-search #resultCount {
    display: block;
    text-align: center;
    margin-top: 0.75rem;
    font-size: 0.9rem;
    color: #555;
}

.search-studies .studies-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.search-studies .studies-grid .study-card {
    background-color: #FFF;
    color: #0049a3;
    padding: 2rem;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.search-studies .studies-grid .study-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-studies .studies-grid .study-card a {
    width: 100%;
}

.search-studies .studies-grid .study-card .icon {
    display: flex;
    text-align: center;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    flex-shrink: 0;
}

.search-studies .studies-grid .study-card:hover .icon {
    background-color: #0049a3;
}

.search-studies .studies-grid .study-card .icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

.search-studies .studies-grid .study-card:hover .icon img {
    filter: brightness(0) saturate(100%) invert(100%);
}

.search-studies .studies-grid .study-card .info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.search-studies .studies-grid .study-card .info .category {
    font-size: 12px;
    font-weight: bold;
    color: #0049a3;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.search-studies .studies-grid .study-card .info .name {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.search-studies .studies-grid .study-card .info .description {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    margin-bottom: 1rem;
}

.search-studies .studies-grid .study-card .divition {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.search-studies .studies-grid .study-card .divition .duration,
.search-studies .studies-grid .study-card .divition .status {
    width: 50%;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    margin-bottom: 0.3rem;
}

.search-studies .studies-grid .study-card .details-link {
    margin-top: auto;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    color: #0049a3;
    text-decoration: none;
}

.search-studies .no-results {
    display: none;
    text-align: center;
    padding: 3rem 1rem;
}

.search-studies .no-results .no-results-content i {
    font-size: 48px;
    line-height: 1.2;
    color: #4d6280;
    margin-bottom: 2rem;
}

.search-studies .no-results .no-results-content h4 {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3;
    margin-bottom: 0.5rem;
}

.search-studies .no-results .no-results-content p {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    margin-bottom: 2rem;
}

.search-studies .no-results .no-results-content a {
    color: #0049a3;
    font-weight: 600;
    cursor: pointer;
}

.search-studies .no-results .no-results-content a:hover {
    text-decoration: underline;
}

/*Studies contact*/
.studies-contact {
    max-width: 1920px;
    margin: 0 auto;
    padding: 8rem 2rem;
    background-color: #0049a3;
}

.studies-contact .contact-wrapper {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

.studies-contact .contact-wrapper .title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #fff;
}

.studies-contact .contact-wrapper .subtitle {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 2rem;
    color: #fff;
}

.studies-contact .contact-wrapper .contact-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.studies-contact .contact-wrapper .contact-buttons .btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    margin-right: 1rem;
    transition: background-color 0.3s ease;
}

.studies-contact .contact-wrapper .contact-buttons .btn.whatsapp {
    background-color: #25D366;
    color: #fff;
}

.studies-contact .contact-wrapper .contact-buttons .btn.whatsapp:hover {
    background-color: #1ebc5c;
}

.studies-contact .contact-wrapper .contact-buttons .btn.phone {
    background-color: #ffffff1a;
    color: #fff;
}

.studies-contact .contact-wrapper .contact-buttons .btn.phone:hover {
    opacity: 0.8;
}

/*Principal aboutus*/
.aboutus-principal {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 0rem;
    text-align: center;
    background-color: #FFF;
}

.aboutus-principal .aboutus-container {
    background-color: #0049a3;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.aboutus-principal .aboutus-container .spacing {
    width: 80%;
    margin: 0 auto;
}

.aboutus-principal .aboutus-container .spacing h2 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1rem;
}

.aboutus-principal .aboutus-container .spacing p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    margin-bottom: 1rem;
}

/*History aboutus*/
.aboutus-history {
    max-width: 1920px;
    margin: 0 auto;
    padding: 2rem;
    background-color: #fff;
}

.aboutus-history .history-wrapper {
    max-width: 65%;
    margin: 0 auto;
}

.aboutus-history .history-wrapper .title {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.5rem;
    color: #0049a3;
}

.aboutus-history .history-wrapper .description {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 1.5rem;
    color: #374151;
}

/*Aboutus gallery*/
.aboutus-gallery {
    max-width: 1920px;
    margin: 0 auto;
    padding: 6rem 2rem;
    background-color: #FFF;
    text-align: center;
}

.aboutus-gallery .title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    margin-bottom: 1rem;
}

.aboutus-gallery .subtitle {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #4b5563;
    margin-bottom: 3rem;
}

.aboutus-gallery .gallery-slider-wrapper .slider-btn {
    display: none;
}

.aboutus-gallery .gallery-slider-wrapper .gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.aboutus-gallery .gallery-slider-wrapper .gallery-grid .gallery-card {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.aboutus-gallery .gallery-slider-wrapper .gallery-grid .gallery-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.4s ease;
}

.aboutus-gallery .gallery-slider-wrapper .gallery-grid .gallery-card:hover img {
    transform: scale(1.05);
}

.aboutus-gallery .gallery-slider-wrapper .gallery-grid .gallery-card .gallery-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    color: #FFF;
    text-align: left;
    transform: translateY(100%);
    transition: transform 0.4s ease;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.3));
}

.aboutus-gallery .gallery-slider-wrapper .gallery-grid .gallery-card:hover .gallery-overlay {
    transform: translateY(0);
}

.aboutus-gallery .gallery-slider-wrapper .gallery-grid .gallery-card .gallery-overlay .title {
    margin: 0 0 0.5rem;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #FFF;
}

.aboutus-gallery .gallery-slider-wrapper .gallery-grid .gallery-card .gallery-overlay .subtitle {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #FFF;
}

/*Aboutus Mission*/
.aboutus-mission {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #e6f0fa;
}

.aboutus-mission .mission-wrapper {
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}

.aboutus-mission .mission-wrapper .mission-line {
    width: 6px;
    height: 100px;
    background-color: #0049a3;
    border-radius: 4px;
}

.aboutus-mission .mission-wrapper .title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    color: #0049a3;
}

/*Aboutus Valores*/
.aboutus-valores {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #fff;
}

.aboutus-valores .valores-wrapper {
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
}

.aboutus-valores .valores-wrapper .title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    margin-bottom: 0.5rem;
}

.aboutus-valores .valores-wrapper .subtitle {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #4b5563;
    margin-bottom: 3rem;
}

.aboutus-valores .valores-wrapper .valores-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.aboutus-valores .valores-wrapper .valores-grid .card {
    display: flex;
    align-items: center;
    border-radius: 12px;
    padding: 2rem 1rem;
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

.aboutus-valores .valores-wrapper .valores-grid .card:hover {
    transform: translateY(-5px);
}

.aboutus-valores .valores-wrapper .valores-grid .card .icon {
    width: 60px;
    height: 60px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background-color: #0049a31a;
    margin-bottom: 0.5rem;
}

.aboutus-valores .valores-wrapper .valores-grid .card .icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

.aboutus-valores .valores-wrapper .valores-grid .card .name {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3;
    margin-bottom: 0.5rem;
}

.aboutus-valores .valores-wrapper .valores-grid .card .description {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #4b5563;
}

/*Aboutus Equipo*/
.aboutus-equipo {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 4rem 2rem;
    background-color: #F9FAFB;
    gap: 2rem;
}

.aboutus-equipo .equipo-info {
    flex: 1 1 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.aboutus-equipo .equipo-info .title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    gap: 1rem;
}

.aboutus-equipo .equipo-info .icon {
    width: 60px;
    height: 60px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background-color: #0049a31a;
    margin-bottom: 0.5rem;
}

.aboutus-equipo .equipo-info .icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

.aboutus-equipo .equipo-info .description {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: #4b5563;
    margin-bottom: 1rem;
}

.aboutus-equipo .equipo-info .button {
    display: inline-block;
    margin-top: 1.2rem;
    padding: 0.75rem 1.5rem;
    background-color: #0049a3;
    color: #FFF;
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.aboutus-equipo .equipo-info .button:hover {
    background-color: #003a85;
}

.aboutus-equipo .equipo-info .button i {
    margin-right: 10px;
}

.aboutus-equipo .equipo-image {
    flex: 1 1 48%;
    position: relative;
    text-align: center;
}

.aboutus-equipo .equipo-image img {
    width: 90%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

.aboutus-equipo .equipo-image .equipo-box {
    position: absolute;
    bottom: -10px;
    right: 20px;
    background-color: #FFF;
    color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    font-size: 16px;
}

.aboutus-equipo .equipo-image .equipo-box .title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
}

.aboutus-equipo .equipo-image .equipo-box .subtitle {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #4b5563;
}

/*Principal nursing*/
.nursing-principal {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 0rem;
    text-align: center;
    background-color: #FFF;
}

.nursing-principal .nursing-container {
    background-color: #0049a3;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.nursing-principal .nursing-container .spacing {
    width: 80%;
    margin: 0 auto;
}

.nursing-principal .nursing-container .spacing h2 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1rem;
}

.nursing-principal .nursing-container .spacing p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    margin-bottom: 1rem;
}

/*Nursing Valores*/
.nursing-valores {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #fff;
}

.nursing-valores .nursing-wrapper {
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
}

.nursing-valores .nursing-wrapper .title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    margin-bottom: 0.5rem;
}

.nursing-valores .nursing-wrapper .subtitle {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #4b5563;
    margin-bottom: 3rem;
}

.nursing-valores .nursing-wrapper .valores-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.nursing-valores .nursing-wrapper .valores-grid .card {
    display: flex;
    align-items: center;
    border-radius: 12px;
    padding: 2rem 1rem;
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

.nursing-valores .nursing-wrapper .valores-grid .card:hover {
    transform: translateY(-5px);
}

.nursing-valores .nursing-wrapper .valores-grid .card .icon {
    width: 60px;
    height: 60px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background-color: #0049a31a;
    margin-bottom: 0.5rem;
}

.nursing-valores .nursing-wrapper .valores-grid .card .icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

.nursing-valores .nursing-wrapper .valores-grid .card .name {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3;
    margin-bottom: 0.5rem;
}

.nursing-valores .nursing-wrapper .valores-grid .card .description {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #4b5563;
}

/*Nursing team*/
.nursing-team {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #fff;
    text-align: center;
}

.nursing-team .title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 10px;
    color: #0049a3;
}

.nursing-team .subtitle {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 20px;
    color: #4d6280;
}

.nursing-team .team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.nursing-team .team-grid .team-member {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.nursing-team .team-grid .team-member:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.nursing-team .team-grid .team-member img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 8px 8px 0px 0px;
    transition: transform 0.4s ease;
}

.nursing-team .team-grid .team-member .info {
    padding: 20px 10px;
}

.nursing-team .team-grid .team-member .title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #002e66;
    margin: 10px 0 5px;
}

.nursing-team .team-grid .team-member span {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    color: #39badb;
}

.nursing-team .team-grid .team-member .description {
    margin: 5px 0;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
}

/*Nursing options*/
.nursing-options {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #fff;
    text-align: center;
}

.nursing-options .options-container {
    max-width: 800px;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 20px;
}

.nursing-options .options-container .title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    margin-bottom: 15px;
}

.nursing-options .options-container .subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #4d6280;
    margin-bottom: 30px;
}

.nursing-options .options-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    gap: 20px;
}

.nursing-options .options-buttons .btn {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background-color: #0049a3;
    color: #FFF;
    text-decoration: none;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.nursing-options .options-buttons .btn.primary {
    background-color: #0049a3;
    color: #fff;
    border: none;
}

.nursing-options .options-buttons .btn.primary:hover {
    background-color: #003b8a;
}

.nursing-options .options-buttons .btn.outline {
    background-color: #FFF;
    color: #0049a3;
    border: 2px solid #0049a3;
}

.nursing-options .options-buttons .btn.outline:hover {
    background-color: #0049a3;
    color: #FFF;
}

/*Principal team*/
.team-principal {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 0rem;
    text-align: center;
    background-color: #FFF;
}

.team-principal .team-container {
    background-color: #0049a3;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.team-principal .team-container .spacing {
    width: 80%;
    margin: 0 auto;
}

.team-principal .team-container .spacing h2 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1rem;
}

.team-principal .team-container .spacing p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    margin-bottom: 1rem;
}

/*Tapbs buttons*/
.tapbs-buttons {
    padding: 20px;
}

.tapbs-buttons .nav {
    max-width: 420px;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 6px;
}

.tapbs-buttons .nav-pills .nav-link {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    padding: 0.75rem 2.5rem;
    border-radius: 12px;
    color: #0049a3;
    cursor: pointer;
    border: 2px solid transparent;
    transition: background-color 0.4s ease, color 0.4s ease, transform 0.3s ease;
    gap: 0.5rem;
}

.tapbs-buttons .nav-pills .nav-link:hover {
    background-color: #f9fafb;
}

.tapbs-buttons .nav-pills .nav-link.active {
    background-color: #0049a3;
    color: #fff;
    transform: scale(1.01);
}

/*Contenido controlado por los tabs*/
/*Doctores*/
.doctores-services {
    max-width: 1920px;
    margin: 0 auto;
    padding: 2rem;
}

.doctores-services .doctores-title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    text-align: center;
    margin-bottom: 2rem;
}

.doctores-services .doctores-subtitle {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    text-align: center;
    margin-bottom: 2rem;
}

.doctores-services .doctores-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.doctores-services .doctores-grid .doctores-card {
    background-color: #fff;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.doctores-services .doctores-grid .doctores-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/*buscador y filtros*/
.doctores-services .section-search {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    gap: 10px;
}

.doctores-services .section-search .search-wrapper {
    position: relative;
    width: 68%;
}

.doctores-services .section-search .search-wrapper i {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #0049a3;
    font-size: 1rem;
    pointer-events: none;
}

.doctores-services .section-search .search-wrapper input[type="text"] {
    width: 100%;
    font-size: 16px;
    line-height: 1.2;
    outline: none;
    border-radius: 8px;
    border: 1px solid #ccc;
    transition: border-color 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 0.75rem 1rem 0.75rem 2.5rem;
}

.doctores-services .section-search .search-wrapper input[type="text"]:focus {
    border-color: #0049a3;
}

.doctores-services .section-search .filter-wrapper {
    width: 30%;
}

.doctores-services .section-search .filter-wrapper select {
    padding: 0.75rem 1rem;
    border-radius: 8px;
    border: 1px solid #ccc;
    font-size: 16px;
    background-color: #fff;
    color: #333;
    transition: border-color 0.3s ease;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%230049a3" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px;
    padding-right: 2.5rem;
    color: #000;
}

.doctores-services .section-search .filter-wrapper select:focus {
    outline: none;
    border-color: #0049a3;
}

.doctores-services #resultCount {
    display: block;
    text-align: center;
    margin-top: 0.75rem;
    font-size: 0.9rem;
    color: #555;
}

.doctores-services .doctores-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0px;
}

/*cards doctores*/
.doctores-services .doctores-grid .doctores-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.doctores-services .doctores-grid .doctores-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.doctores-services .doctores-grid .doctores-card .header {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    gap: 1rem;
}

.doctores-services .doctores-grid .doctores-card .header .doctor-icon {
    width: 60px;
    height: 60px;
    background-image: linear-gradient(to right, hsl(var(--hospital-primary)), hsl(var(--hospital-secondary)));
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    flex-shrink: 0;
}

.doctores-services .doctores-grid .doctores-card .header .doctor-info .doctor-name {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 0.25rem;
    color: #0049a3;
}

.doctores-services .doctores-grid .doctores-card .header .doctor-info .doctor-specialty {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
}

.doctores-services .doctores-grid .doctores-card .body {
    margin-bottom: 1rem;
}

.doctores-services .doctores-grid .doctores-card .body .doctor-experience {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    margin-bottom: 0.25rem;
}

.doctores-services .doctores-grid .doctores-card .footer {
    width: 100%;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.doctores-services .doctores-grid .doctores-card .footer .whatsapp,
.doctores-services .doctores-grid .doctores-card .footer .perfil {
    width: 100%;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: background-color 0.3s ease;
}

.doctores-services .doctores-grid .doctores-card .footer .whatsapp {
    background-color: #25d366;
    color: #fff;
}

.doctores-services .doctores-grid .doctores-card .footer .whatsapp:hover {
    background-color: #1ebe5d;
}

.doctores-services .doctores-grid .doctores-card .footer .perfil {
    background-color: #0049a3;
    color: #FFF;
}

.doctores-services .doctores-grid .doctores-card .footer .perfil.disabled,
.doctores-services .doctores-grid .doctores-card .footer .whatsapp.disabled {
    background-color: #ebeff5;
    color: #ccc;
    opacity: 1;
    cursor: no-drop;
}

.doctores-services .no-results {
    display: none;
    text-align: center;
    padding: 3rem 1rem;
}

.doctores-services .no-results .no-results-content i {
    font-size: 48px;
    line-height: 1.2;
    color: #4d6280;
    margin-bottom: 2rem;
}

.doctores-services .no-results .no-results-content h4 {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3;
    margin-bottom: 0.5rem;
}

.doctores-services .no-results .no-results-content p {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    margin-bottom: 2rem;
}

.doctores-services .no-results .no-results-content .btn-clear {
    background-color: #0049a3;
    color: #FFF;
    border: none;
    padding: 10px 16px;
    border-radius: 12px;
    cursor: pointer;
}

/*Team options*/
.team-options {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #fff;
    text-align: center;
}

.team-options .options-container {
    max-width: 800px;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 20px;
}

.team-options .options-container .title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    margin-bottom: 15px;
}

.team-options .options-container .subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #4d6280;
    margin-bottom: 30px;
}

.team-options .options-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    gap: 20px;
}

.team-options .options-buttons .btn {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background-color: #0049a3;
    color: #FFF;
    text-decoration: none;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.team-options .options-buttons .btn.primary {
    background-color: #0049a3;
    color: #fff;
    border: none;
}

.team-options .options-buttons .btn.primary:hover {
    background-color: #003b8a;
}

.team-options .options-buttons .btn.outline {
    background-color: #FFF;
    color: #0049a3;
    border: 2px solid #0049a3;
}

.team-options .options-buttons .btn.outline:hover {
    background-color: #0049a3;
    color: #FFF;
}

/*Enfermeria*/
.enfermeria-services {
    max-width: 1920px;
    margin: 0 auto;
    padding: 2rem 2rem 6rem 2rem;
}

.enfermeria-services .enfermeria-title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    text-align: center;
    margin-bottom: 2rem;
}

.enfermeria-services .enfermeria-subtitle {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    text-align: center;
    margin-bottom: 2rem;
}

.enfermeria-services .enfermeria-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    justify-items: center;
    margin-top: 2rem;
}

.enfermeria-services .enfermeria-grid .enfermeria-card {
    text-align: center;
}

.enfermeria-services .enfermeria-grid .enfermeria-card img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.enfermeria-services .enfermeria-grid .enfermeria-card img:hover {
    transform: scale(1.05);
}

.enfermeria-services .enfermeria-grid .enfermeria-card .enfermeria-name {
    margin-top: 1rem;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #002e66;
}

/*Principal contact*/
.contact-principal {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 0rem;
    text-align: center;
    background-color: #FFF;
}

.contact-principal .contact-container {
    background-color: #0049a3;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.contact-principal .contact-container .spacing {
    width: 80%;
    margin: 0 auto;
}

.contact-principal .contact-container .spacing h2 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1rem;
}

.contact-principal .contact-container .spacing p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    margin-bottom: 1rem;
}

/*Form contact*/
.form-contact {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 4rem 2rem;
    background-color: #FFF;
    gap: 10px;
}

/*content*/
.form-contact .contact-content {
    flex: 1 1 100%;
    max-width: 49%;
}

.form-contact .contact-content .title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #0049a3;
}

.form-contact .contact-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.form-contact .contact-content ul li {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    line-height: 1.5;
    margin-bottom: 1rem;
    color: #cbd5e1;
    text-decoration: none;
    transition: color 0.3s ease;
}

.form-contact .contact-content ul li .icon {
    width: 60px;
    height: 60px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background-color: #0049a31a;
    margin-bottom: 0.5rem;
}

.form-contact .contact-content ul li .icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

.form-contact .contact-content ul li .description,
.form-contact .contact-content ul li .horarios {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    text-decoration: none;
    display: grid;
    gap: 5px;
}

.form-contact .contact-content ul li .description .btn-contact {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    text-decoration: none;
}

.form-contact .contact-content ul li .description .btn-link {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    text-decoration: none;
}

.form-contact .contact-content ul li .description .btn-link:hover {
    text-decoration: underline;
}

.form-contact .contact-content ul li .description strong,
.form-contact .contact-content ul li .horarios strong {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #002e66;
}

.form-contact .contact-content ul li .horarios span {
    font-weight: 500;
}

/*botones*/
.form-contact .contact-content ul li .description .btn-contact,
.form-contact .contact-form form .btn-submit {
    display: inline-block;
    background-color: #0049a3;
    color: #fff;
    padding: 0.75rem 1.5rem;
    margin: 0.5rem 0;
    border: none;
    border-radius: 12px;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.form-contact .contact-content ul li .description .btn-contact:hover,
.form-contact .contact-form form .btn-submit:hover {
    background-color: #003b85;
}

/*form*/
.form-contact .contact-form {
    flex: 1 1 100%;
    max-width: 49%;
}

.form-contact .contact-form .title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    margin-bottom: 1rem;
}

.form-contact .contact-form form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-contact .contact-form form .validation-message {
    font-size: 13px;
    line-height: 1.2;
    color: #DA2229;
}

.form-contact .contact-form form .form-row {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.form-contact .contact-form form .form-group {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 200px;
}

.form-contact .contact-form form .form-group label {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #002e66;
}

.form-contact .contact-form form .form-group input,
.form-contact .contact-form form .form-group select,
.form-contact .contact-form form .form-group textarea {
    padding: 0.75rem;
    border: 1px solid #ccc;
    border-radius: 12px;
    font-size: 16px;
    line-height: 1.2;
    width: 100%;
    box-sizing: border-box;
}

.form-contact .contact-form form .form-group select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%230049a3" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px;
    padding-right: 2.5rem;
    color: #000;
}

.form-contact .contact-form form .form-group textarea {
    resize: none;
}

.form-contact .contact-form form .form-group input:focus,
.form-contact .contact-form form .form-group select:focus,
.form-contact .contact-form form .form-group textarea:focus {
    border-color: #0049a3;
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 73, 163, 0.2);
}

/*Contact ubication*/
.contact-container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 2rem 2rem 4rem 2rem;
    background-color: #FFF;
}

.contact-container .contact-header .title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    text-align: center;
    margin-bottom: 2rem;
}

.contact-container .contact-header .subtitle {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    text-align: center;
    margin-bottom: 4rem;
}

.contact-container .contact-body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

/*maps*/
.contact-container .contact-body .maps-content {
    flex: 1 1 100%;
    max-width: 49%;
}

.contact-container .contact-body .maps-content iframe {
    width: 100%;
    border: 0;
    border-radius: 12px;
}

/*info*/
.contact-container .contact-body .info-content {
    flex: 1 1 100%;
    max-width: 49%;
}

.contact-container .contact-body .info-content .title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 1rem;
    color: #0049a3;
}

.contact-container .contact-body .info-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-container .contact-body .info-content ul li {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    line-height: 1.5;
    margin-bottom: 1rem;
    color: #cbd5e1;
    text-decoration: none;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.contact-container .contact-body .info-content ul li .icon {
    width: 50px;
    height: 50px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background-color: #0049a31a;
    margin-bottom: 0.5rem;
}

.contact-container .contact-body .info-content ul li .icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(27%) sepia(100%) saturate(500%) hue-rotate(190deg);
}

.contact-container .contact-body .info-content ul li .description {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #4d6280;
    text-decoration: none;
    display: grid;
    gap: 5px;
}

.contact-container .contact-body .info-content ul li .description strong {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    color: #002e66;
}

.contact-container .contact-body .info-content .btn-view-map {
    text-align: center;
    width: 100%;
    display: inline-block;
    background-color: #0049a3;
    color: #fff;
    padding: 0.75rem 1.5rem;
    margin: 0.5rem 0;
    border: none;
    border-radius: 12px;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.contact-container .contact-body .info-content .btn-view-map:hover {
    background-color: #003b85;
}

/*Principal descrition specialties*/
.specialtiesdes-banner {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 4rem 2rem;
    gap: 10px;
    background-image: linear-gradient(to right,
            hsl(var(--hospital-primary)),
            hsl(var(--hospital-secondary)));
}

.specialtiesdes-banner .banner-content {
    flex: 1 1 100%;
    max-width: 49%;
}

.specialtiesdes-banner .banner-content .content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.specialtiesdes-banner .banner-content .content-wrapper .back-link {
    display: inline-block;
    color: #ffffffcc;
    font-weight: 500;
    text-decoration: none;
}

.specialtiesdes-banner .banner-content .content-wrapper .back-link:hover {
    color: #FFF;
}

.specialtiesdes-banner .banner-content .content-wrapper .header {
    display: flex;
    align-items: center;
    border-radius: 12px;
    gap: 10px;
}

.specialtiesdes-banner .banner-content .content-wrapper .header .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    font-size: 20px;
    line-height: 1.2;
    color: #FFF;
    border-radius: 12px;
    background-color: #ffffff33;
}

.specialtiesdes-banner .banner-content .content-wrapper .header .icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(100%);
}

.specialtiesdes-banner .banner-content .content-wrapper .header .info .title {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #FFF;
    margin-bottom: 0px;
}

.specialtiesdes-banner .banner-content .content-wrapper .description {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #FFF;
}

.specialtiesdes-banner .banner-image {
    flex: 1 1 100%;
    max-width: 49%;
    text-align: center;
}

.specialtiesdes-banner .banner-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

/*Services specialities*/
.service-specialities {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #FFF;
}

.service-specialities .section-title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    text-align: center;
    margin-bottom: 3rem;
}

.service-specialities .services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.service-specialities .services-grid .service-card {
    background-color: #fff;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    transition: transform 0.3s ease;
}

.service-specialities .services-grid .service-card:hover {
    transform: translateY(-5px);
}

.service-specialities .services-grid .service-card i {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 400;
    color: #0049a3;
}

.service-specialities .services-grid .service-card p {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3;
    text-align: left;
    margin: 0;
}

/*More specialities*/
.more-specialities {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #FFF;
}

.more-specialities .section-title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    color: #0049a3;
    text-align: center;
    margin-bottom: 2rem;
}

.more-specialities .specialists-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.more-specialities .specialists-grid .specialists-card {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    flex-direction: column;
    background-color: #f9fafb;
    border-radius: 12px;
    padding: 22px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.more-specialities .specialists-grid .specialists-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.more-specialities .specialists-grid .specialists-card .circle {
    width: 60px;
    height: 60px;
    background-image: linear-gradient(to right, hsl(var(--hospital-primary)), hsl(var(--hospital-secondary)));
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    flex-shrink: 0;
}

.more-specialities .specialists-grid .specialists-card .info {
    text-align: center;
}

.more-specialities .specialists-grid .specialists-card .info .name {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #002e66;
    margin: 0;
}

.more-specialities .specialists-grid .specialists-card .info .title {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #0049a3;
    margin: 0.5rem 0;
}

.more-specialities .specialists-grid .specialists-card .info .description,
.more-specialities .specialists-grid .specialists-card .info .contact,
.more-specialities .specialists-grid .specialists-card .info .location,
.more-specialities .specialists-grid .specialists-card .info .availability {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #4d6280;
    margin: 0.3rem 0;
}

.more-specialities .specialists-grid .specialists-card .info .actions {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.more-specialities .specialists-grid .specialists-card .info .actions .perfil,
.more-specialities .specialists-grid .specialists-card .info .actions .whatsapp {
    width: 100%;
    background-color: #0049a3;
    color: #fff;
    padding: 0.6rem 1.2rem;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.more-specialities .specialists-grid .specialists-card .info .actions .perfil:hover {
    background-color: #003580;
}

.more-specialities .specialists-grid .specialists-card .info .actions .perfil.disabled {
    background-color: #ebeff5;
    color: #ccc;
    opacity: 1;
    cursor: no-drop;
}

.more-specialities .specialists-grid .specialists-card .info .actions .whatsapp {
    background-color: #25D366;
}

.more-specialities .specialists-grid .specialists-card .info .actions .whatsapp:hover {
    background-color: #1da851;
}

/*Specialties contact*/
.specialties-contact {
    max-width: 1920px;
    margin: 0 auto;
    padding: 8rem 2rem;
    background-color: #0049a3;
}

.specialties-contact .contact-wrapper {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

.specialties-contact .contact-wrapper .title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #fff;
}

.specialties-contact .contact-wrapper .subtitle {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 2rem;
    color: #fff;
}

.specialties-contact .contact-wrapper .contact-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.specialties-contact .contact-wrapper .contact-buttons .btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    margin-right: 1rem;
    transition: background-color 0.3s ease;
}

.specialties-contact .contact-wrapper .contact-buttons .btn.whatsapp {
    background-color: #25D366;
    color: #fff;
}

.specialties-contact .contact-wrapper .contact-buttons .btn.whatsapp:hover {
    background-color: #1ebc5c;
}

.specialties-contact .contact-wrapper .contact-buttons .btn.phone {
    background-color: #ffffff1a;
    color: #fff;
}

.specialties-contact .contact-wrapper .contact-buttons .btn.phone:hover {
    opacity: 0.8;
}

/*Principal descrition services*/
.servicesdes-banner {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 4rem 2rem;
    gap: 10px;
    background-image: linear-gradient(to right,
            hsl(var(--hospital-primary)),
            hsl(var(--hospital-secondary)));
}

.servicesdes-banner .banner-content {
    flex: 1 1 100%;
    max-width: 49%;
}

.servicesdes-banner .banner-content .content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.servicesdes-banner .banner-content .content-wrapper .back-link {
    display: inline-block;
    color: #ffffffcc;
    font-weight: 500;
    text-decoration: none;
}

.servicesdes-banner .banner-content .content-wrapper .back-link:hover {
    color: #FFF;
}

.servicesdes-banner .banner-content .content-wrapper .header {
    display: flex;
    align-items: center;
    border-radius: 12px;
    gap: 10px;
}

.servicesdes-banner .banner-content .content-wrapper .header .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    font-size: 20px;
    line-height: 1.2;
    color: #FFF;
    border-radius: 12px;
    background-color: #ffffff33;
}

.servicesdes-banner .banner-content .content-wrapper .header .icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(100%);
}

.servicesdes-banner .banner-content .content-wrapper .header .info .title {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #FFF;
    margin-bottom: 0px;
}

.servicesdes-banner .banner-content .content-wrapper .description {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #FFF;
}

.servicesdes-banner .banner-content .content-wrapper .contact-buttons {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.servicesdes-banner .banner-content .content-wrapper .contact-buttons .btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.servicesdes-banner .banner-content .content-wrapper .contact-buttons .btn.whatsapp {
    background-color: #25D366;
    color: #fff;
}

.servicesdes-banner .banner-content .content-wrapper .contact-buttons .btn.whatsapp:hover {
    background-color: #1ebc5c;
}

.servicesdes-banner .banner-content .content-wrapper .contact-buttons .btn.phone {
    background-color: #ffffff1a;
    color: #fff;
}

.servicesdes-banner .banner-content .content-wrapper .contact-buttons .btn.phone:hover {
    opacity: 0.8;
}

.servicesdes-banner .banner-content .content-wrapper .description-pie {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #FFF;
    margin-top: 10px;
}

.servicesdes-banner .banner-image {
    flex: 1 1 100%;
    max-width: 49%;
    text-align: center;
}

.servicesdes-banner .banner-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

/*Services description*/
.service-desc {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #FFF;
}

.service-desc .service-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.service-desc .service-content .service-card {
    background-color: #FFF;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.service-desc .service-content .service-card:hover {
    transform: translateY(-4px);
}

.service-desc .service-content .service-card .title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    color: #002e66;
    margin-bottom: 1rem;
}

.service-desc .service-content .service-card .subtitle {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    color: #002e66;
    margin-bottom: 1rem;
}

.service-desc .service-content .service-card .description {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
}

.service-desc .service-content .service-card ul {
    list-style: none;
    padding: 0;
}

.service-desc .service-content .service-card ul li {
    margin-bottom: 0.75rem;
    font-size: 16px;
    color: #4d6280;
    display: flex;
    align-items: center;
    gap: 10px;
}

.service-desc .service-content .service-card ul li i {
    font-size: 16px;
    font-weight: 400;
    color: #0049a3;
}

.service-desc .service-content .service-card ul li i.fa-circle {
    font-size: 10px;
    font-weight: 600;
}

/*Services requiries*/
.services-requeries {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #f8fafc;
}

.services-requeries .title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    color: #002e66;
    text-align: center;
    margin-bottom: 2rem;
}

.services-requeries .requeries-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.services-requeries .requeries-content .requerie-card {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.services-requeries .requeries-content .requerie-card:hover {
    transform: translateY(-4px);
}

.services-requeries .requeries-content .requerie-card .subtitle {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 1rem;
    color: #002e66;
}

.services-requeries .requeries-content .requerie-card .subtitle i.fa-clock {
    font-weight: 400;
}

.services-requeries .requeries-content .requerie-card .description {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 1rem;
    color: #4d6280;
}

.services-requeries .requeries-content .requerie-card .check-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.services-requeries .requeries-content .requerie-card .check-list li {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
}

.services-requeries .requeries-content .requerie-card .check-list i {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #0049a3;
    margin-right: 0.5rem;
}

/*Services specialists*/
.services-specialists {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #FFF;
}

.services-specialists .title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
    color: #002e66;
    text-align: center;
    margin-bottom: 1rem;
}

.services-specialists .description {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    text-align: center;
    margin-bottom: 3rem;
}

.services-specialists .specialists-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.services-specialists .specialists-content .specialist-card {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    flex-direction: column;
    background-color: #f9fafb;
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.services-specialists .specialists-content .specialist-card:hover {
    transform: translateY(-4px);
}

.services-specialists .specialists-content .specialist-card .circle {
    width: 60px;
    height: 60px;
    background-image: linear-gradient(to right, hsl(var(--hospital-primary)), hsl(var(--hospital-secondary)));
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    flex-shrink: 0;
}

.services-specialists .specialists-content .specialist-card .info {
    text-align: center;
}

.services-specialists .specialists-content .specialist-card .info .name {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #002e66;
    margin-bottom: 0.5rem;
}

.services-specialists .specialists-content .specialist-card .info .specialist {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #4d6280;
    margin-bottom: 1.5rem;
}

.services-specialists .specialists-content .specialist-card .info .profile-button {
    display: inline-block;
    padding: 0.5rem 1rem;
    background-color: transparent;
    border: 1px solid #0049a3;
    color: #0049a3;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.2s ease;
}

.services-specialists .specialists-content .specialist-card .info .profile-button:hover {
    background-color: #0049a3;
    color: #FFF;
}

/*Services contact*/
.services-contact {
    max-width: 1920px;
    margin: 0 auto;
    padding: 8rem 2rem;
    background-color: #0049a3;
}

.services-contact .contact-wrapper {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

.services-contact .contact-wrapper .title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #fff;
}

.services-contact .contact-wrapper .subtitle {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 2rem;
    color: #fff;
}

.services-contact .contact-wrapper .contact-buttons,
.services-contact .contact-wrapper .contact-info {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.services-contact .contact-wrapper .contact-buttons .btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.services-contact .contact-wrapper .contact-buttons .btn.whatsapp {
    background-color: #25D366;
    color: #fff;
}

.services-contact .contact-wrapper .contact-buttons .btn.whatsapp:hover {
    background-color: #1ebc5c;
}

.services-contact .contact-wrapper .contact-buttons .btn.phone {
    background-color: #ffffff1a;
    color: #fff;
}

.services-contact .contact-wrapper .contact-buttons .btn.phone:hover {
    opacity: 0.8;
}

.services-contact .contact-wrapper .contact-info {
    margin-top: 20px;
}

.services-contact .contact-wrapper .contact-info .pie {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #FFF;
}

/*Principal descrition studies*/
.studiesdes-banner {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 4rem 2rem;
    gap: 10px;
    background-image: linear-gradient(to right,
            hsl(var(--hospital-primary)),
            hsl(var(--hospital-secondary)));
}

.studiesdes-banner .banner-content {
    flex: 1 1 100%;
    max-width: 49%;
}

.studiesdes-banner .banner-content .content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.studiesdes-banner .banner-content .content-wrapper .back-link {
    display: inline-block;
    color: #ffffffcc;
    font-weight: 500;
    text-decoration: none;
}

.studiesdes-banner .banner-content .content-wrapper .back-link:hover {
    color: #FFF;
}

.studiesdes-banner .banner-content .content-wrapper .header {
    display: flex;
    align-items: center;
    border-radius: 12px;
    gap: 10px;
}

.studiesdes-banner .banner-content .content-wrapper .header .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    font-size: 20px;
    line-height: 1.2;
    color: #FFF;
    border-radius: 12px;
    background-color: #ffffff33;
}

.studiesdes-banner .banner-content .content-wrapper .header .icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(100%);
}

.studiesdes-banner .banner-content .content-wrapper .header .info .title {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #FFF;
    margin-bottom: 10px;
}

.studiesdes-banner .banner-content .content-wrapper .header .info .flag {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    color: #ffffffe6;
    background-color: #ffffff33;
    padding: 5px 10px;
    border-radius: 12px;
    text-transform: uppercase;
}

.studiesdes-banner .banner-content .content-wrapper .description {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #FFF;
}

.studiesdes-banner .banner-content .content-wrapper .contact-buttons {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.studiesdes-banner .banner-content .content-wrapper .contact-buttons .btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.studiesdes-banner .banner-content .content-wrapper .contact-buttons .btn.whatsapp {
    background-color: #25D366;
    color: #fff;
}

.studiesdes-banner .banner-content .content-wrapper .contact-buttons .btn.whatsapp:hover {
    background-color: #1ebc5c;
}

.studiesdes-banner .banner-content .content-wrapper .contact-buttons .btn.phone {
    background-color: #ffffff1a;
    color: #fff;
}

.studiesdes-banner .banner-content .content-wrapper .contact-buttons .btn.phone:hover {
    opacity: 0.8;
}

.studiesdes-banner .banner-image {
    flex: 1 1 100%;
    max-width: 49%;
    text-align: center;
}

.studiesdes-banner .banner-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

/*Studies description*/
.studie-desc {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #FFF;
}

.studie-desc .studie-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.studie-desc .studie-content .studie-card {
    background-color: #FFF;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.studie-desc .studie-content .studie-card:hover {
    transform: translateY(-4px);
}

.studie-desc .studie-content .studie-card .subtitle {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3;
    margin-bottom: 1rem;
}

.studie-desc .studie-content .studie-card .subtitle i {
    font-weight: 400;
}

.studie-desc .studie-content .studie-card .content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.studie-desc .studie-content .studie-card .content i {
    font-size: 16px;
    font-weight: 400;
    color: #0049a3;
    margin-top: 5px;
}

.studie-desc .studie-content .studie-card .content .info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.studie-desc .studie-content .studie-card .content .info .txt-sub {
    font-size: 16px;
    font-weight: 500;
    color: #0049a3;
}

.studie-desc .studie-content .studie-card .content .info .txt-des {
    font-size: 16px;
    font-weight: 400;
    color: #4d6280;
}

.studie-desc .studie-content .studie-card ul {
    list-style: none;
    padding: 0;
}

.studie-desc .studie-content .studie-card ul li {
    margin-bottom: 0.75rem;
    font-size: 16px;
    color: #4d6280;
    display: flex;
    align-items: center;
    gap: 10px;
}

.studie-desc .studie-content .studie-card ul li i {
    font-size: 16px;
    font-weight: 400;
    color: #0049a3;
}

.studie-desc .studie-content .studie-card ul li i.fa-circle {
    font-size: 10px;
    font-weight: 600;
}

/*Studies description contact*/
.studiesdes-contact {
    max-width: 1920px;
    margin: 0 auto;
    padding: 8rem 2rem;
    background-color: #0049a3;
}

.studiesdes-contact .contact-wrapper {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

.studiesdes-contact .contact-wrapper .title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #fff;
}

.studiesdes-contact .contact-wrapper .subtitle {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 2rem;
    color: #fff;
}

.studiesdes-contact .contact-wrapper .contact-buttons,
.studiesdes-contact .contact-wrapper .contact-info {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.studiesdes-contact .contact-wrapper .contact-buttons .btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.studiesdes-contact .contact-wrapper .contact-buttons .btn.whatsapp {
    background-color: #25D366;
    color: #fff;
}

.studiesdes-contact .contact-wrapper .contact-buttons .btn.whatsapp:hover {
    background-color: #1ebc5c;
}

.studiesdes-contact .contact-wrapper .contact-buttons .btn.phone {
    background-color: #ffffff1a;
    color: #fff;
}

.studiesdes-contact .contact-wrapper .contact-buttons .btn.phone:hover {
    opacity: 0.8;
}

/*Principal profile*/
.profile-banner {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 4rem 2rem;
    gap: 10px;
    background-image: linear-gradient(to right,
            hsl(var(--hospital-primary)),
            hsl(var(--hospital-secondary)));
}

.profile-banner .banner-content {
    flex: 1 1 100%;
    max-width: 49%;
}

.profile-banner .banner-content .content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.profile-banner .banner-content .content-wrapper .back-link {
    display: inline-block;
    color: #ffffffcc;
    font-weight: 500;
    text-decoration: none;
}

.profile-banner .banner-content .content-wrapper .back-link:hover {
    color: #FFF;
}

.profile-banner .banner-content .content-wrapper .header {
    display: flex;
    align-items: center;
    border-radius: 12px;
    gap: 10px;
}

.profile-banner .banner-content .content-wrapper .header .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    font-size: 20px;
    line-height: 1.2;
    color: #FFF;
    border-radius: 50%;
    background-color: #ffffff33;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    flex-shrink: 0;
}

/* .profile-banner .banner-content .content-wrapper .header .icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    object-position: center;
    filter: brightness(0) saturate(100%) invert(100%);
} */

.profile-banner .banner-content .content-wrapper .header .info .title {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
    color: #FFF;
    margin-bottom: 10px;
}

.profile-banner .banner-content .content-wrapper .header .info .flag {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    color: #ffffffe6;
    background-color: #ffffff33;
    padding: 5px 10px;
    border-radius: 12px;
}

.profile-banner .banner-content .content-wrapper .description {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
    color: #FFF;
}

.profile-banner .banner-content .content-wrapper .frase {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #FFF;
    font-style: italic;
    margin-bottom: 10px;
}

.profile-banner .banner-content .content-wrapper .contact-buttons {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.profile-banner .banner-content .content-wrapper .contact-buttons .btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.profile-banner .banner-content .content-wrapper .contact-buttons .btn.whatsapp {
    background-color: #25D366;
    color: #fff;
}

.profile-banner .banner-content .content-wrapper .contact-buttons .btn.whatsapp:hover {
    background-color: #1ebc5c;
}

.profile-banner .banner-content .content-wrapper .contact-buttons .btn.phone {
    background-color: #ffffff1a;
    color: #fff;
}

.profile-banner .banner-content .content-wrapper .contact-buttons .btn.phone:hover {
    opacity: 0.8;
}

.profile-banner .banner-image {
    flex: 1 1 100%;
    max-width: 49%;
    text-align: center;
}

.profile-banner .banner-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
}

/*Profile description*/
.profile-desc {
    max-width: 1920px;
    margin: 0 auto;
    padding: 4rem 2rem;
    background-color: #FFF;
}

.profile-desc .profile-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

.profile-desc .profile-content .profile-card {
    background-color: #FFF;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}

.profile-desc .profile-content .profile-card:hover {
    transform: translateY(-4px);
}

.profile-desc .profile-content .profile-card .subtitle {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    color: #0049a3;
    margin-bottom: 1rem;
}

.profile-desc .profile-content .profile-card .subtitle i {
    font-weight: 400;
}

.profile-desc .profile-content .profile-card p {
    font-size: 16px;
    color: #4d6280;
}

.profile-desc .profile-content .profile-card p i {
    font-size: 16px;
    font-weight: 400;
    color: #0049a3;
    padding-right: 10px;
}

.profile-desc .profile-content .profile-card .subtitle i.fa-graduation-cap,
.profile-desc .profile-content .profile-card .subtitle i.fa-phone {
    font-weight: 700;
}

.profile-desc .profile-content .profile-card .content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}

.profile-desc .profile-content .profile-card .content i {
    font-size: 16px;
    font-weight: 400;
    color: #0049a3;
    margin-top: 5px;
}

.profile-desc .profile-content .profile-card .content .info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.profile-desc .profile-content .profile-card .content .info .txt-sub,
.profile-desc .profile-content .profile-card .content .info .txt-des {
    font-size: 16px;
    font-weight: 400;
    color: #4d6280;
}

.profile-desc .profile-content .profile-card ul {
    list-style: none;
    padding: 0;
}

.profile-desc .profile-content .profile-card ul li {
    margin-bottom: 0.75rem;
    font-size: 16px;
    color: #4d6280;
    display: flex;
    align-items: center;
    gap: 10px;
}

.profile-desc .profile-content .profile-card ul li i {
    font-size: 16px;
    font-weight: 400;
    color: #0049a3;
}

.profile-desc .profile-content .profile-card ul li i.fa-circle {
    font-size: 10px;
    font-weight: 600;
}

/*Profile description contact*/
.profiledes-contact {
    max-width: 1920px;
    margin: 0 auto;
    padding: 8rem 2rem;
    background-color: #0049a3;
}

.profiledes-contact .contact-wrapper {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

.profiledes-contact .contact-wrapper .title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #fff;
}

.profiledes-contact .contact-wrapper .subtitle {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 2rem;
    color: #fff;
}

.profiledes-contact .contact-wrapper .contact-buttons,
.profiledes-contact .contact-wrapper .contact-info {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.profiledes-contact .contact-wrapper .contact-buttons .btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.profiledes-contact .contact-wrapper .contact-buttons .btn.whatsapp {
    background-color: #25D366;
    color: #fff;
}

.profiledes-contact .contact-wrapper .contact-buttons .btn.whatsapp:hover {
    background-color: #1ebc5c;
}

.profiledes-contact .contact-wrapper .contact-buttons .btn.phone {
    background-color: #ffffff1a;
    color: #fff;
}

.profiledes-contact .contact-wrapper .contact-buttons .btn.phone:hover {
    opacity: 0.8;
}

/*Aviso de privacidad*/
.privacy_notice {
    max-width: 100%;
    overflow: hidden;
    height: auto;
    padding: 60px 0px 60px 0px;
    background-color: #FFFFFF;
}

.privacy_notice .conditions_container {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.privacy_notice .conditions_container .conditions_items {
    width: 60%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: justify;
    gap: 2rem;
}

.privacy_notice .conditions_container .conditions_items .title {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 400;
    text-align: center;
    color: #000;
}

.privacy_notice .conditions_container .conditions_items .condition_item .list {
    all: unset;
    display: block;
    padding-left: 30px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    list-style-type: disc !important;
    list-style-position: inside;
}

.privacy_notice .conditions_container .conditions_items .condition_item .list li {
    /* all: unset; */
    display: list-item !important;
    list-style-type: disc !important;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    color: #000;
}

.privacy_notice .conditions_container .conditions_items .condition_item .list li b {
    font-weight: 700;
}

.privacy_notice .conditions_container .conditions_items .condition_item .list li a {
    color: #000;
    text-decoration: underline;
}

.privacy_notice .conditions_container .conditions_items .condition_item .list li a:hover {
    color: #374151;
}

.privacy_notice .conditions_container .conditions_items .condition_item .condition_description_pie {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2;
    font-style: italic;
    margin-top: 40px;
    color: #4b5563;
}

.privacy_notice .conditions_container .conditions_items .condition_item .condition_title {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #000;
}

.privacy_notice .conditions_container .conditions_items .condition_item .condition_description {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    color: #000;
}

.privacy_notice .conditions_container .conditions_items .condition_item .condition_description b {
    font-weight: 700;
}

.privacy_notice .conditions_container .conditions_items .condition_item .condition_description a {
    color: #000;
    text-decoration: underline;
}

.privacy_notice .conditions_container .conditions_items .condition_item .condition_description a:hover {
    color: #374151;
}

/*Terminos y condiciones*/
.conditions_and_terms {
    max-width: 100%;
    overflow: hidden;
    height: auto;
    padding: 60px 0px 60px 0px;
    background-color: #FFF;
}

.conditions_and_terms .conditions_container {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.conditions_and_terms .conditions_container .conditions_items {
    width: 60%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: justify;
    gap: 2rem;
}

.conditions_and_terms .conditions_container .conditions_items .title {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 400;
    text-align: center;
    color: #000
}

.conditions_and_terms .conditions_container .conditions_items .condition_item .list {
    all: unset;
    display: block;
    padding-left: 30px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    list-style-type: disc !important;
    list-style-position: inside;
}

.conditions_and_terms .conditions_container .conditions_items .condition_item .list li {
    /* all: unset; */
    display: list-item !important;
    list-style-type: disc !important;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    color: #000
}

.conditions_and_terms .conditions_container .conditions_items .condition_item .condition_description_pie {
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    font-style: italic;
    margin-top: 40px;
    color: #4b5563;
}

.conditions_and_terms .conditions_container .conditions_items .condition_item .condition_title {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #000;
}

.conditions_and_terms .conditions_container .conditions_items .condition_item .condition_description {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
    color: #000;
}

.conditions_and_terms .conditions_container .conditions_items .condition_item .condition_description b {
    font-weight: 700;
}

.conditions_and_terms .conditions_container .conditions_items .condition_item .condition_description a {
    color: #000;
    text-decoration: underline;
}

.conditions_and_terms .conditions_container .conditions_items .condition_item .condition_description a:hover {
    color: #374151;
}

/*Footer*/
footer {
    width: 100%;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #FFF;
    background-color: #0f172a;
}

footer .footer-desk {
    max-width: 1920px;
    margin: 0 auto;
}

footer .footer-desk .footer-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 3rem 4rem;
    border-bottom: 1px solid #1e293b;
    gap: 2rem;
}

footer .footer-desk .footer-container .footer-column {
    flex: 1 1 220px;
    min-width: 220px;
}

/*specialties*/
footer .footer-desk .footer-container .footer-column.specialties,
footer .footer-desk .footer-container .footer-column.services {
    overflow-y: scroll;
    height: 400px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

footer .footer-desk .footer-container .footer-column .footer-logo {
    width: 45px;
    height: auto;
    margin-bottom: 1rem;
}

footer .footer-desk .footer-container .footer-column h3,
footer .footer-desk .footer-container .footer-column h4 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #FFF;
    margin-bottom: 1rem;
}

footer .footer-desk .footer-container .footer-column p {
    line-height: 1.6;
    font-weight: 400;
    color: #cbd5e1;
}

footer .footer-desk .footer-container .footer-column .footer-social {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

footer .footer-desk .footer-container .footer-column .footer-social a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    border-radius: 12px;
    color: #FFF;
}

footer .footer-desk .footer-container .footer-column .footer-social a:hover {
    background-color: #1e293b;
}

footer .footer-desk .footer-container .footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .footer-desk .footer-container .footer-column ul li,
footer .footer-desk .footer-container .footer-column ul li a {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.5;
    margin-bottom: 1rem;
    color: #cbd5e1;
    text-decoration: none;
    transition: color 0.3s ease;
}

footer .footer-desk .footer-container .footer-column ul li i {
    min-width: 20px;
    font-size: 16px;
    line-height: 1.2;
    margin-top: 2px;
}

footer .footer-desk .footer-container .footer-column ul li a:hover {
    color: #FFF;
}

/*pie de página inferior*/
footer .footer-desk .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 4rem;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #94a3b8;
}

footer .footer-desk .footer-bottom .footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

footer .footer-desk .footer-bottom p a,
footer .footer-desk .footer-bottom .footer-links a {
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.3s ease;
}

footer .footer-desk .footer-bottom p a:hover,
footer .footer-desk .footer-bottom .footer-links a:hover {
    color: #FFF;
}

/*Boton WhatsApp*/
.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    transition: transform 0.5s ease;
}

.whatsapp-button img {
    object-fit: cover;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-position: center center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.whatsapp-button:hover {
    transform: scale(1.1);
}

.whatsapp-button:active {
    transform: scale(0.96);
}

@media only screen and (min-width: 1920px) {}

/*Adaptacion pc 1248px*/
@media only screen and (min-width: 1248px) {}

/*Adaptacion tablets*/
@media only screen and (max-width: 1248px) {

    /*Menu General*/
    header .container .navbar {
        padding: 15px 10px;
    }

    header .container .navbar .navbar-right {
        gap: 10px;
    }

    header .container .navbar .navbar-right .nav-list {
        gap: 10px;
    }

    /*Home Studies*/
    .home-studies .studies-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /*Studies search*/
    .search-studies .studies-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /*History aboutus*/
    .aboutus-history .history-wrapper {
        max-width: 80%;
    }

    /*Aboutus Valores*/
    .aboutus-valores .valores-wrapper {
        max-width: 100%;
    }

    /*Nursing Valores*/
    .nursing-valores .nursing-wrapper {
        max-width: 100%;
    }

    /*Services specialities*/
    .service-specialities .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /*Aviso de privacidad*/
    .privacy_notice {
        max-width: 100%;
    }

    .privacy_notice .conditions_container .conditions_items {
        width: 90%;
    }

    .privacy_notice .conditions_container .conditions_items .condition_item .condition_description {
        width: 100%;
    }

    /*Terminos y condiciones*/
    .conditions_and_terms {
        max-width: 100%;
    }

    .conditions_and_terms .conditions_container .conditions_items {
        width: 90%;
    }

    .conditions_and_terms .conditions_container .conditions_items .condition_item .condition_description {
        width: 100%;
    }

    /*Footer*/
    footer .footer-desk .footer-container {
        padding: 3rem 1rem;
        gap: 1rem;
    }

    footer .footer-desk .footer-bottom {
        padding: 2rem 1rem;
        gap: 20px;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {}

@media only screen and (max-width: 998px) {

    /*Menu General*/
    header .container .navbar {
        justify-content: space-between;
        padding: 20px 20px;
    }

    header .container .navbar .navbar-right .nav-list {
        display: none;
    }

    header .container .navbar .navbar-right .btn-whatsapp-link {
        display: none;
    }

    /*Menu mobile*/
    header .container .navbar .navbar-right .hamburger-menu {
        display: block;
        cursor: pointer;
        margin-right: 10px;
        margin-left: auto;
    }

    header .container .navbar .navbar-right .hamburger-menu span {
        display: block;
        width: 25px;
        height: 3px;
        margin: 5px;
        background-color: #374151;
        transition: 0.3s;
    }

    header .container .navbar .navbar-right .hamburger-menu.active span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    header .container .navbar .navbar-right .hamburger-menu.active span:nth-child(2) {
        opacity: 0;
    }

    header .container .navbar .navbar-right .hamburger-menu.active span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    /*Menú móvil*/
    header .container .mobile-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #ffffff;
        z-index: 999;
        display: none;
        flex-direction: column;
        padding: 20px 40px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        animation: dropdownFade 0.3s ease-in-out;
        gap: 20px;
    }

    @keyframes dropdownFade {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    header .container .mobile-menu .mobile-nav-list {
        list-style: none;
        padding: 0;
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    header .container .mobile-menu .mobile-nav-list li a {
        text-decoration: none;
        font-size: 18px;
        color: #374151;
        font-weight: 500;
        transition: color 0.3s ease;
    }

    header .container .mobile-menu .mobile-nav-list li a:hover {
        color: #2563eb;
    }

    header .container .mobile-menu .mobile-nav-list li a.active {
        color: #2563eb;
    }

    header .container .mobile-menu .mobile-social {
        display: flex;
        margin-top: auto;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    header .container .mobile-menu .mobile-social .mobile-whatsapp {
        width: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background-color: #22c55e;
        padding: 12px 18px;
        border-radius: 8px;
        font-size: 16px;
        line-height: 1.2;
        font-weight: 600;
        color: #FFF;
        text-decoration: none;
    }

    header .container .mobile-menu .mobile-social .mobile-whatsapp:hover {
        background-color: #16a34a;
    }

    header .container .mobile-menu .mobile-social .mobile-telephone {
        font-size: 16px;
        line-height: 1.2;
        font-weight: 400;
        color: #374151;
        text-decoration: none;
    }

    /*Banner principal*/
    .main-banner {
        flex-direction: column;
        padding: 2rem 1rem;
        text-align: center;
    }

    .main-banner .banner-content {
        max-width: 100%;
    }

    .main-banner .banner-content .title {
        font-size: 48px;
    }

    .main-banner .banner-content .subtitle {
        font-size: 24px;
    }

    .main-banner .banner-content .description {
        font-size: 18px;
    }

    .main-banner .banner-content .description br {
        display: none;
    }

    .main-banner .banner-content .sintillo {
        font-size: 16px;
    }

    .main-banner .banner-content .btn-contact .btn-whatsapp,
    .main-banner .banner-content .btn-contact .btn-map {
        margin: 0.5rem 0;
        width: 100%;
        justify-content: center;
    }

    .main-banner .banner-image {
        max-width: 100%;
    }

    /*Home especialties*/
    .container-especial .especialties {
        grid-template-columns: repeat(3, 1fr);
    }

    /*Home Services*/
    .home-services .services-grid .service-card .divition {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    /*Home Studies*/
    .home-studies .studies-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /*Home AboutUs*/
    .home-aboutus {
        padding: 4rem 1rem;
    }

    .home-aboutus .aboutus-container {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .home-aboutus .aboutus-container .aboutus-image {
        order: 2;
        max-width: 100%;
        width: 100%;
    }

    .home-aboutus .aboutus-container .aboutus-text {
        order: 1;
        max-width: 100%;
        width: 100%;
    }

    /*Home gallery*/
    .home-gallery {
        padding: 6rem 1rem;
    }

    .home-gallery .gallery-slider-wrapper {
        position: relative;
        overflow: hidden;
    }

    .home-gallery .gallery-slider-wrapper .slider-btn {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: #FFF;
        border: 1px solid #0049a3;
        color: #0049a3;
        padding: 0.5rem 1.2rem;
        font-size: 24px;
        cursor: pointer;
        z-index: 10;
        border-radius: 50%
    }

    .home-gallery .gallery-slider-wrapper .slider-btn.prev-btn {
        left: 10px;
    }

    .home-gallery .gallery-slider-wrapper .slider-btn.next-btn {
        right: 10px;
    }

    .home-gallery .gallery-slider-wrapper .gallery-grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-behavior: smooth;
        gap: 1rem;
    }

    .home-gallery .gallery-slider-wrapper .gallery-grid .gallery-card {
        flex: 0 0 50%;
        min-width: 50%;
        max-width: 50%;
    }

    /*Home Contact*/
    .home-contact {
        padding: 4rem 1rem;
    }

    .home-contact .contact-container {
        display: flex;
        flex-direction: column;
        align-items: normal;
        gap: 2rem;
        padding: 4rem 1rem 4rem 1rem;
    }

    .home-contact .contact-container .contact-default .contact-cards .contact-card .info .title {
        font-size: 24px;
    }

    /*Principal specialties*/
    .specialties-principal .specialties-container .spacing {
        width: 90%;
    }

    .specialties-principal .specialties-container .spacing h2 {
        font-size: 36px;
    }

    .specialties-principal .specialties-container .spacing p {
        font-size: 18px;
    }

    .specialties-principal .specialties-container .spacing p br {
        display: none;
    }

    /*Specialties searchs*/
    .search-especial .especialties {
        grid-template-columns: repeat(3, 1fr);
    }

    /*Principal services*/
    .services-principal .services-container .spacing {
        width: 90%;
    }

    .services-principal .services-container .spacing h2 {
        font-size: 36px;
    }

    .services-principal .services-container .spacing p {
        font-size: 18px;
    }

    .services-principal .services-container .spacing p br {
        display: none;
    }

    /*All Services*/
    .all-services .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .all-services .services-grid .service-card .divition {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    /*Principal studies*/
    .studies-principal .studies-container .spacing {
        width: 90%;
    }

    .studies-principal .studies-container .spacing h2 {
        font-size: 36px;
    }

    .studies-principal .studies-container .spacing p {
        font-size: 18px;
    }

    .studies-principal .studies-container .spacing p br {
        display: none;
    }

    /*Studies search*/
    .search-studies .studies-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /*Studies contact*/
    .studies-contact {
        padding: 8rem 1rem;
    }

    .studies-contact .contact-wrapper {
        max-width: 100%;
    }

    .studies-contact .contact-wrapper .title {
        font-size: 30px;
    }

    .studies-contact .contact-wrapper .subtitle {
        font-size: 18px;
    }

    /*Principal aboutus*/
    .aboutus-principal .aboutus-container .spacing {
        width: 90%;
    }

    .aboutus-principal .aboutus-container .spacing h2 {
        font-size: 36px;
    }

    .aboutus-principal .aboutus-container .spacing p {
        font-size: 18px;
    }

    .aboutus-principal .aboutus-container .spacing p br {
        display: none;
    }

    /*History aboutus*/
    .aboutus-history {
        padding: 1rem;
    }

    .aboutus-history .history-wrapper {
        max-width: 100%;
    }

    .aboutus-history .history-wrapper .title {
        font-size: 30px;
    }

    .aboutus-history .history-wrapper .title br {
        display: none;
    }

    .aboutus-history .history-wrapper .description {
        font-size: 18px;
    }

    .aboutus-history .history-wrapper .description br {
        display: none;
    }

    /*Aboutus gallery*/
    .aboutus-gallery {
        padding: 6rem 1rem;
    }

    .aboutus-gallery .gallery-slider-wrapper {
        position: relative;
        overflow: hidden;
    }

    .aboutus-gallery .gallery-slider-wrapper .slider-btn {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: #FFF;
        border: 1px solid #0049a3;
        color: #0049a3;
        padding: 0.5rem 1.2rem;
        font-size: 24px;
        cursor: pointer;
        z-index: 10;
        border-radius: 50%
    }

    .aboutus-gallery .gallery-slider-wrapper .slider-btn.prev-btn {
        left: 10px;
    }

    .aboutus-gallery .gallery-slider-wrapper .slider-btn.next-btn {
        right: 10px;
    }

    .aboutus-gallery .gallery-slider-wrapper .gallery-grid {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-behavior: smooth;
        gap: 1rem;
    }

    .aboutus-gallery .gallery-slider-wrapper .gallery-grid .gallery-card {
        flex: 0 0 50%;
        min-width: 50%;
        max-width: 50%;
    }

    /*Aboutus Mission*/
    .aboutus-mission .mission-wrapper .title {
        font-size: 24px;
    }

    .aboutus-mission .mission-wrapper .title br {
        display: none;
    }

    /*Aboutus Valores*/
    .aboutus-valores {
        padding: 4rem 1rem;
    }

    .aboutus-valores .valores-wrapper .valores-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /*Aboutus Equipo*/
    .aboutus-equipo {
        flex-direction: column;
        padding: 4rem 1rem;
    }

    .aboutus-equipo .equipo-info {
        width: 100%;
    }

    .aboutus-equipo .equipo-info .title {
        font-size: 30px;
    }

    .aboutus-equipo .equipo-info .description {
        font-size: 16px;
    }

    .aboutus-equipo .equipo-image {
        width: 100%;
    }

    .aboutus-equipo .equipo-image img {
        width: 100%;
    }

    .aboutus-equipo .equipo-image .equipo-box {
        bottom: 0px;
        right: 0px;
    }

    .aboutus-equipo .equipo-image .equipo-box .title {
        font-size: 28px;
    }

    .aboutus-equipo .equipo-image .equipo-box .subtitle {
        font-size: 14px;
    }

    /*Principal nursing*/
    .nursing-principal .nursing-container .spacing {
        width: 90%;
    }

    .nursing-principal .nursing-container .spacing h2 {
        font-size: 36px;
    }

    .nursing-principal .nursing-container .spacing p {
        font-size: 18px;
    }

    .nursing-principal .nursing-container .spacing p br {
        display: none;
    }

    /*Nursing Valores*/
    .nursing-valores {
        padding: 4rem 1rem;
    }

    .nursing-valores .nursing-wrapper .valores-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /*Nursing team*/
    .nursing-team .team-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /*Nursing options*/
    .nursing-options {
        padding: 1rem 1rem 4rem 1rem;
    }

    .nursing-options .options-container .title {
        font-size: 22px;
    }

    .nursing-options .options-container .subtitle {
        font-size: 14px;
    }

    .nursing-options .options-buttons {
        gap: 10px;
    }

    /*Principal team*/
    .team-principal .team-container .spacing {
        width: 90%;
    }

    .team-principal .team-container .spacing h2 {
        font-size: 36px;
    }

    .team-principal .team-container .spacing p {
        font-size: 18px;
    }

    .team-principal .team-container .spacing p br {
        display: none;
    }

    /*Doctores*/
    .doctores-services .doctores-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /*Team options*/
    .team-options {
        padding: 1rem 1rem 4rem 1rem;
    }

    .team-options .options-container .title {
        font-size: 22px;
    }

    .team-options .options-container .subtitle {
        font-size: 14px;
    }

    .team-options .options-buttons {
        gap: 10px;
    }

    /*Principal contact*/
    .contact-principal .contact-container .spacing {
        width: 90%;
    }

    .contact-principal .contact-container .spacing h2 {
        font-size: 36px;
    }

    .contact-principal .contact-container .spacing p {
        font-size: 18px;
    }

    .contact-principal .contact-container .spacing p br {
        display: none;
    }

    /*Form contact*/
    .form-contact {
        flex-direction: column;
        padding: 1rem;
        gap: 3rem;
    }

    .form-contact .contact-content {
        width: 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .form-contact .contact-content .title {
        font-size: 26px;
    }

    .form-contact .contact-form {
        width: 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    /*Contact ubication*/
    .contact-container {
        padding: 4rem 1rem 4rem 1rem;
    }

    .contact-container .contact-body {
        flex-direction: column;
        gap: 3rem;
    }

    .contact-container .contact-header .title {
        font-size: 30px;
        margin-bottom: 1rem;
    }

    .contact-container .contact-header .subtitle {
        font-size: 16px;
        margin-bottom: 2rem;
    }

    .contact-container .contact-body .maps-content {
        width: 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .contact-container .contact-body .info-content {
        width: 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    /*Principal descrition specialties*/
    .specialtiesdes-banner {
        flex-direction: column;
        padding: 4rem 1rem;
        gap: 30px;
    }

    .specialtiesdes-banner .banner-content {
        width: 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .specialtiesdes-banner .banner-image {
        width: 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    /*Services specialities*/
    .service-specialities {
        padding: 4rem 1rem;
    }

    .service-specialities .services-grid {
        gap: 2rem;
    }

    .service-specialities .services-grid .service-card p {
        font-size: 24px;
    }

    .service-specialities .services-grid .service-card i {
        font-size: 24px;
    }

    /*More specialities*/
    .more-specialities .specialists-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .more-specialities {
        padding: 4rem 1rem;
    }

    /*Specialties contact*/
    .specialties-contact {
        padding: 8rem 1rem;
    }

    .specialties-contact .contact-wrapper {
        max-width: 100%;
    }

    .specialties-contact .contact-wrapper .title {
        font-size: 30px;
    }

    .specialties-contact .contact-wrapper .subtitle {
        font-size: 18px;
    }

    /*Principal descrition services*/
    .servicesdes-banner {
        flex-direction: column;
        padding: 4rem 1rem;
        gap: 30px;
    }

    .servicesdes-banner .banner-content {
        width: 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .servicesdes-banner .banner-image {
        width: 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    /*Services description*/
    .service-desc {
        padding: 2rem 1rem;
    }

    .service-desc .service-content {
        grid-template-columns: repeat(1, 1fr);
    }

    .service-desc .service-content .service-card {
        padding: 1.2rem;
    }

    /*Services requiries*/
    .services-requeries {
        padding: 2rem 1rem;
    }

    .services-requeries .requeries-content {
        grid-template-columns: repeat(1, 1fr);
    }

    .services-requeries .requeries-content .requerie-card {
        padding: 1.2rem;
    }

    /*Services specialists*/
    .services-specialists {
        padding: 2rem 1rem;
    }

    .services-specialists .specialists-content {
        grid-template-columns: repeat(2, 1fr);
    }

    .services-specialists .specialists-content .specialist-card {
        padding: 1.2rem;
    }

    /*Services contact*/
    .services-contact {
        padding: 8rem 1rem;
    }

    .services-contact .contact-wrapper {
        max-width: 100%;
    }

    .services-contact .contact-wrapper .title {
        font-size: 30px;
    }

    .services-contact .contact-wrapper .subtitle {
        font-size: 18px;
    }

    /*Principal descrition studies*/
    .studiesdes-banner {
        flex-direction: column;
        padding: 4rem 1rem;
        gap: 30px;
    }

    .studiesdes-banner .banner-content {
        width: 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .studiesdes-banner .banner-image {
        width: 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    /*Studies description*/
    .studie-desc {
        padding: 2rem 1rem;
    }

    .studie-desc .studie-content {
        grid-template-columns: repeat(1, 1fr);
    }

    .studie-desc .studie-content .studie-card {
        padding: 1.2rem;
    }

    /*Studies description contact*/
    .studiesdes-contact {
        padding: 8rem 1rem;
    }

    .studiesdes-contact .contact-wrapper {
        max-width: 100%;
    }

    .studiesdes-contact .contact-wrapper .title {
        font-size: 30px;
    }

    .studiesdes-contact .contact-wrapper .subtitle {
        font-size: 18px;
    }

    /*Principal profile*/
    .profile-banner {
        flex-direction: column;
        padding: 4rem 1rem;
        gap: 30px;
    }

    .profile-banner .banner-content {
        width: 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    .profile-banner .banner-image {
        width: 100%;
        flex: 1 1 100%;
        max-width: 100%;
    }

    /*Profile description*/
    .profile-desc {
        padding: 2rem 1rem;
    }

    .profile-desc .profile-content {
        grid-template-columns: repeat(1, 1fr);
    }

    .profile-desc .profile-content .profile-card {
        padding: 1.2rem;
    }

    /*Profile description contact*/
    .profiledes-contact {
        padding: 8rem 1rem;
    }

    .profiledes-contact .contact-wrapper {
        max-width: 100%;
    }

    .profiledes-contact .contact-wrapper .title {
        font-size: 30px;
    }

    .profiledes-contact .contact-wrapper .subtitle {
        font-size: 18px;
    }

    /*Aviso de privacidad*/
    .privacy_notice {
        padding: 40px 0px 60px 0px;
    }

    .privacy_notice .conditions_container .conditions_items .title {
        font-size: 36px;
    }

    /*Terminos y condiciones*/
    .conditions_and_terms {
        padding: 40px 0px 60px 0px;
    }

    .conditions_and_terms .conditions_container .conditions_items .title {
        font-size: 36px;
    }

    /*Footer*/
    footer .footer-desk .footer-container .footer-column {
        flex: auto;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {}

@media only screen and (max-width: 833px) {

    /*Footer*/
    footer .footer-desk .footer-bottom {
        text-align: center;
        flex-direction: column;
    }

}

@media only screen and (max-width: 800px) {}

@media only screen and (max-width: 768px) {

    /*Home especialties*/
    .container-especial {
        padding: 2rem 1rem;
    }

    .container-especial .especialties {
        grid-template-columns: repeat(2, 1fr);
    }

    .container-especial .section-title .title {
        font-size: 32px;
    }

    .container-especial .especialties .especialty-card {
        height: 250px;
    }

    /*Specialties searchs*/
    .search-especial {
        padding: 1rem;
    }

    .search-especial .especialties {
        grid-template-columns: repeat(2, 1fr);
    }

    .search-especial .section-title .title {
        font-size: 32px;
    }

    .search-especial .especialties .especialty-card {
        height: 250px;
    }

    /*Nursing team*/
    .nursing-team {
        padding: 4rem 1rem;
    }

    .nursing-team .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /*Tapbs buttons*/
    .tapbs-buttons .nav {
        max-width: 360px;
    }

    .tapbs-buttons .nav-pills .nav-link {
        padding: 0.75rem 1.5rem;
    }

    /*Enfermeria*/
    .enfermeria-services .enfermeria-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

    .enfermeria-services .enfermeria-grid .enfermeria-card img {
        width: 90px;
        height: 90px;
    }

    .enfermeria-services .enfermeria-grid .enfermeria-card .enfermeria-name {
        font-size: 14px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {}

/*Adaptacion movil*/
@media only screen and (max-width: 668px) {

    /*Menu General*/
    header .container .navbar .logo-link .text {
        max-width: 160px;
    }

    /*Banner principal*/
    .main-banner .banner-content .title {
        font-size: 30px;
    }

    .main-banner .banner-content .subtitle {
        font-size: 18px;
    }

    .main-banner .banner-content .description {
        font-size: 16px;
    }

    .main-banner .banner-content .sintillo {
        font-size: 14px;
    }

    .main-banner .banner-content .btn-contact .btn-whatsapp,
    .main-banner .banner-content .btn-contact .btn-map {
        font-size: 14px;
    }

    .main-banner .banner-content .btn-info .btn-tel,
    .main-banner .banner-content .btn-info .btn-urgencia {
        font-size: 12px;
    }

    /*Home especialties*/
    .container-especial .especialties {
        grid-template-columns: repeat(1, 1fr);
    }

    .container-especial .section-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .container-especial .section-title .title {
        font-size: 28px;
    }

    /*Specialties searchs*/
    .search-especial .especialties {
        grid-template-columns: repeat(1, 1fr);
    }

    .search-especial .section-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .search-especial .section-title .title {
        font-size: 28px;
    }

    /*Home Services*/
    .home-services {
        padding: 2rem 1rem;
    }

    .home-services .services-subtitle br {
        display: none;
    }

    .home-services .services-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    /*Home Studies*/
    .home-studies {
        padding: 6rem 1rem;
    }

    .home-studies .studies-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .home-studies .btn-contact {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .home-studies .btn-info {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    /*Home gallery*/
    .home-gallery .gallery-slider-wrapper .gallery-grid .gallery-card {
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
    }

    /*Home Contact*/
    .home-contact {
        padding: 4rem 0rem 4rem 0rem;
    }

    .home-contact .contact-container .contact-default .title {
        font-size: 30px;
    }

    .home-contact .contact-container .contact-default .contact-cards .contact-card {
        padding: 10px 0px;
    }

    .home-contact .contact-container .contact-default .contact-cards .contact-card .info .title {
        font-size: 18px;
    }

    .home-contact .contact-container .contact-default .contact-cards .contact-card .info .sintillo {
        font-size: 14px;
    }

    /*All Services*/
    .all-services {
        padding: 2rem 1rem;
    }

    .all-services .services-subtitle br {
        display: none;
    }

    .all-services .services-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    /*Studies search*/
    .search-studies {
        padding: 1rem;
    }

    .search-studies .studies-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    /*Studies contact*/
    .studies-contact .contact-wrapper .contact-buttons {
        flex-direction: column;
        align-items: normal;
        gap: 10px;
    }

    .studies-contact .contact-wrapper .contact-buttons .btn {
        justify-content: center;
    }

    /*Aboutus gallery*/
    .aboutus-gallery .gallery-slider-wrapper .gallery-grid .gallery-card {
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
    }

    /*Aboutus Mission*/
    .aboutus-mission .mission-wrapper {
        max-width: 100%;
    }

    .aboutus-mission .mission-wrapper .title {
        font-size: 20px;
    }

    /*Aboutus Valores*/
    .aboutus-valores .valores-wrapper .valores-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    /*Aboutus Equipo*/
    .aboutus-equipo .equipo-info .title {
        font-size: 28px;
    }

    /*Nursing Valores*/
    .nursing-valores .nursing-wrapper {
        max-width: 100%;
    }

    .nursing-valores .nursing-wrapper .valores-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    /*Nursing team*/
    .nursing-team .title {
        font-size: 28px;
    }

    .nursing-team .team-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    /*Doctores*/
    .doctores-services {
        padding: 2rem 1rem;
    }

    .doctores-services .doctores-title {
        font-size: 30px;
    }

    .doctores-services .doctores-subtitle {
        font-size: 16px;
    }

    .doctores-services .doctores-subtitle br {
        display: none;
    }

    .doctores-services .section-search .search-wrapper {
        width: 100%;
    }

    .doctores-services .section-search .filter-wrapper {
        width: 100%;
    }

    .doctores-services .doctores-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .doctores-services .doctores-grid .doctores-card {
        padding: 10px;
    }

    .doctores-services .doctores-grid .doctores-card .header .doctor-icon {
        width: 50px;
        height: 50px;
    }

    /*Enfermeria*/
    .enfermeria-services .enfermeria-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /*Form contact*/
    .form-contact .contact-content .title {
        font-size: 24px;
    }

    /*Principal descrition specialties*/
    .specialtiesdes-banner .banner-content .content-wrapper .header .info .title {
        font-size: 32px;
    }

    .specialtiesdes-banner .banner-content .content-wrapper .description {
        font-size: 18px;
    }

    /*Services specialities*/
    .service-specialities .services-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .service-specialities .services-grid .service-card p {
        font-size: 18px;
    }

    .service-specialities .services-grid .service-card i {
        font-size: 18px;
    }

    /*More specialities*/
    .more-specialities .specialists-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    /*Specialties contact*/
    .specialties-contact .contact-wrapper .contact-buttons {
        flex-direction: column;
        align-items: normal;
        gap: 10px;
    }

    .specialties-contact .contact-wrapper .contact-buttons .btn {
        justify-content: center;
    }

    /*Principal descrition services*/
    .servicesdes-banner .banner-content .content-wrapper .header .info .title {
        font-size: 32px;
    }

    .servicesdes-banner .banner-content .content-wrapper .description {
        font-size: 18px;
    }

    .servicesdes-banner .banner-content .content-wrapper .contact-buttons .btn {
        width: 100%;
        justify-content: center;
    }

    /*Services specialists*/
    .services-specialists .specialists-content {
        grid-template-columns: repeat(1, 1fr);
    }

    /*Services contact*/
    .services-contact .contact-wrapper .contact-buttons {
        flex-direction: column;
        align-items: normal;
        gap: 10px;
    }

    .services-contact .contact-wrapper .contact-buttons .btn {
        justify-content: center;
    }

    .services-contact .contact-wrapper .contact-info {
        justify-content: left;
        gap: 20px;
    }

    .services-contact .contact-wrapper .contact-info .pie {
        text-align: left;
    }

    /*Principal descrition studies*/
    .studiesdes-banner .banner-content .content-wrapper .header .info .title {
        font-size: 32px;
    }

    .studiesdes-banner .banner-content .content-wrapper .description {
        font-size: 18px;
    }

    .studiesdes-banner .banner-content .content-wrapper .contact-buttons .btn {
        width: 100%;
        justify-content: center;
    }

    /*Studies description contact*/
    .studiesdes-contact .contact-wrapper .contact-buttons {
        flex-direction: column;
        align-items: normal;
        gap: 10px;
    }

    .studiesdes-contact .contact-wrapper .contact-buttons .btn {
        justify-content: center;
    }

    /*Principal profile*/
    .profile-banner .banner-content .content-wrapper .header .info .title {
        font-size: 32px;
    }

    .profile-banner .banner-content .content-wrapper .description {
        font-size: 18px;
    }

    .profile-banner .banner-content .content-wrapper .frase {
        font-size: 14px;
    }

    .profile-banner .banner-content .content-wrapper .contact-buttons .btn {
        width: 100%;
        justify-content: center;
    }

    /*Profile description contact*/
    .profiledes-contact .contact-wrapper .contact-buttons {
        flex-direction: column;
        align-items: normal;
        gap: 10px;
    }

    .profiledes-contact .contact-wrapper .contact-buttons .btn {
        justify-content: center;
    }

    /*Aviso de privacidad*/
    .privacy_notice .conditions_container .conditions_items {
        text-align: start;
    }

    .privacy_notice .conditions_container .conditions_items .title {
        font-size: 30px;
    }

    .privacy_notice .conditions_container .conditions_items .condition_item .condition_title {
        font-size: 18px;
    }

    /*Terminos y condiciones*/
    .conditions_and_terms .conditions_container .conditions_items {
        text-align: start;
    }

    .conditions_and_terms .conditions_container .conditions_items .title {
        font-size: 30px;
    }

    .conditions_and_terms .conditions_container .conditions_items .condition_item .condition_title {
        font-size: 18px;
    }

    /*Footer*/
    footer .footer-desk .footer-bottom .footer-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    /*specialties*/
    footer .footer-desk .footer-container .footer-column.specialties,
    footer .footer-desk .footer-container .footer-column.services {
        height: max-content;
    }

    /*Boton WhatsApp*/
    .whatsapp-button {
        bottom: 10px;
        right: 10px;
    }

}

@media only screen and (min-width: 576px) and (max-width: 767.98px) {}

@media only screen and (max-width: 468px) {}