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

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    font-family: "poppins";
    height: 100%;
}
a {
    background-color: transparent;
    text-decoration: none;
}
a:active,
a:hover {
    outline: 0;
}
h1 {
    margin: .67em 0;
    font-size: 2em;
}
img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}
button,
input,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
    text-transform: none;
}
input {
    line-height: normal;
}
textarea {
    overflow: auto;
}
.container {
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video {
  position: relative;
  padding-bottom: 35.25%;
  height: 0;
  overflow: hidden;
  margin-top: 20px;
  max-width: 100vw;
  border-radius: 0;
}

/* Header */
.brand img {
    margin: 10px 10px 5px 16px;
    max-width: 75%;
}
#header {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100vw;
    background-color: #fff;
}
#header .header {
    min-height: 8vh;
    background-color: rgba(255, 255, 255);
}
#header .nav-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1300px;
    padding: 0 10px;
}
#header .nav-list {
    display: flex;
    align-items: center;
}
#header .nav-list ul {
    list-style: none;
    position: absolute;
    background-color: rgb(31, 30, 30);
    width: 100vw;
    height: 100vh;
    left: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1;
    overflow: hidden;
    transition: .5s ease left;
}
#header .nav-list ul.active {
    left: 10%;
}
#header .nav-list ul a {
    font-family: Montserrat, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .2rem;
    color: white;
    text-transform: uppercase;
    padding: 20px 50px 20px 20px;
    display: block;
    position: relative;
}
#header .nav-list ul a::after {
    content: attr(data-after);
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%) scale(0);
    color: rgba(240, 248, 255, 0.021);
    font-size: 6rem;
    letter-spacing: 15px;
    z-index: -1;
    transition: .3s ease letter-spacing;
}
#header .nav-list ul li:hover a::after {
    transform: translate(-50%, -50%) scale(1);
    letter-spacing: initial;
}
#header .nav-list ul li:hover a {
    color: #6ABA5F;
    transition: .3s ease-out;
}
#header .hamburger {
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    z-index: 100;
    cursor: pointer;
    transform: scale(.8);
    margin-right: 1rem;
}
#header .hamburger::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    border-radius: 50%;
    border: 3px solid #6ABA5F;
}
#header .hamburger .bar {
    height: 2px;
    width: 30px;
    position: relative;
    background-color: #6ABA5F;
    z-index: -1;
}
#header .hamburger .bar::after,
#header .hamburger .bar::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: #6ABA5F;
    transition: .3s ease;
}
#header .hamburger .bar::after { top: 8px; }
#header .hamburger .bar::before { bottom: 8px; }
#header .hamburger.active .bar::before,
#header .hamburger.active .bar::after {
    background-color: #fff;
    bottom: 0;
    top: 0;
}
/* Hero Section */
#hero {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
#hero .swiper-container {
    width: 100%;
    height: 100%;
}
#hero .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 750px;
    opacity: 1;
}
#hero .swiper-slide:nth-child(1) {
    background-image: linear-gradient(to top, #222 1%, rgba(34, 34, 34, 0)), url('/assets-global.website-files.com/pediatria%202.png');
}
#hero .swiper-slide:nth-child(2) {
    background-image: linear-gradient(to top, #222 1%, rgba(34, 34, 34, 0)), url('/assets-global.website-files.com/Musicoterapia.jpg');
}
#hero .swiper-slide:nth-child(3) {
    background-image: linear-gradient(to top, #222 1%, rgba(34, 34, 34, 0)), url('/assets-global.website-files.com/Google_AI_Studio_2025-08-30T18_02_04.532Z.png');
}
#hero .swiper-slide:nth-child(4) {
    background-image: linear-gradient(to top, #222 1%, rgba(34, 34, 34, 0)), url('/assets-global.website-files.com/Internacion\ domiciliaria-slide.jpg');
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #6ABA5F;
}
#hero .hero {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.hero-wrapper {
    opacity: 1;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    display: flex;
    width: 100%;
}
#hero h1 {
    color: #fff;
    text-align: center;
    font-family: Montserrat, sans-serif;
    text-shadow: 0 2px 1px rgba(0, 0, 0, .2);
    font-size: 55px;
    width: 100%;
    margin: 0 auto;
    line-height: 1.2;
}
#hero .cta {
    color: #fff;
    font-size: 16px;
    border: 2px solid #6ABA5F;
    border-radius: 5px;
    padding: 5px 25px;
    font-weight: 700;
    display: inline-block;
    margin-top: 20px;
    transition: 0.4s ease;
}
#hero .cta:hover {
    color: #fff;
    background: #6ABA5F;
    Border: 1px solid #6ABA5F;
}
#hero p {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    max-width: 700px;
    color: #fff;
    text-align: center;
    line-height: 1.9rem;
    margin: 15px auto;
    font-weight: 300;
}

/* Swiper navigation buttons */
.swiper-button-next,
.swiper-button-prev {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    color: transparent;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.swiper-button-next {
    background-image: url('/assets-global.website-files.com/Flecha_adelante.png');
    right: 10px;
}
.swiper-button-prev {
    background-image: url('/assets-global.website-files.com/Flecha_atras.png');
    left: 10px;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
}

/* Sliders Section */
.slider-section {
    width: 100%;
    padding: 30px 0;
    background: #fafafa;
    overflow: hidden;
}
.w-slider-mask {
    display: flex;
    align-items: center;
    overflow-x: auto;
    flex-wrap: nowrap;
    gap: 32px;
    padding: 10px 0;
    scrollbar-width: none;
}
.w-slider-mask::-webkit-scrollbar {
    height: 8px;
}
.w-slider-mask::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
.w-slider-mask::-webkit-scrollbar-track {
    background: #fafafa;
}
.w-slide {
    flex: 0 0 auto;
    width: 120px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    margin: 0;
    transition: transform 0.2s, box-shadow 0.2s;
}
.w-slide:hover {
    transform: translateY(-6px) scale(1.05);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}
.w-slide,
.slide2,
.slide3,
.slide4,
.slide5,
.slide7,
.slide-2 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.heading-10 {
    justify-content: center;
    align-items: flex-start;
    margin: 40px auto 22px;
    font-family: "poppins";
    display: flex;
    color: #333;
    font-size: 26px;
    line-height: 36px;
}

.slide2 {

    background-image: url(/assets-global.website-files.com/sanidad.png);

}

.slide3 {

    background-image: url(/assets-global.website-files.com/swiss-medical.jpg);

}

.slide4 {

    background-image: url(/assets-global.website-files.com/Logo_osde.png);

}

.slide5 {
    background-image: url(/assets-global.website-files.com/Logo_galeno.png);

}

.slide6 {
    background-image: url(/assets-global.website-files.com/Logo_sancor.png);
}

.slide7 {
    background-image: url(/assets-global.website-files.com/Logo_medife.png);

}

.slide8 {
    background-image: url(/assets-global.website-files.com/Logo_ospe.png)
}

.slide-2 {
    background-image: url(/assets-global.website-files.com/Logo_omint.png);

}
/* End Sliders Section*/
/* About Section */
#about {
    background-color: #fff;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}
#about .about {
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin-top: 65px;
    max-width: 100%;
    display: block;
    min-height: 1vh;
}
.about-flex {
    color: #fff;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    margin-left: 5%;
    margin-right: 5%;
    display: flex;
    position: relative;
}
.col-left {
    background-image: url(/assets-global.website-files.com/pediatria.jpg);
    background-position: 28%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    width: 80%;
    min-height: 440px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.col-right {
    background-color: #525252;
    color: #fff;
    justify-content: flex-end;
    border-radius: 5px;
    align-items: center;
    margin-right: auto;
    display: flex;
    box-shadow: 2px 2px 5px 4px rgba(0, 0, 0, .2);
    line-height: 1.5rem;
}
.about-content-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}
.about-content-wrapper h2 {
    text-shadow: 0 6px 1px rgba(0, 0, 0, .2);
    text-align: center;
    margin-top: 10px;
    font-size: 45px;
    line-height: 1.2;
}
.about-content-wrapper p {
    color: #fff;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
}

/* Services Section */
#services .services {
    flex-direction: column;
    text-align: center;
    max-width: 1500px;
    margin: 0 auto;
    padding: 100px 20px;
}
#services .service-top {
    max-width: 500px;
    margin: 0 auto;
}
#services .service-top p {
    font-family: Montserrat, sans-serif;
    color: #333;
    font-size: 1.4rem;
    margin-top: 5px;
    line-height: 1.9rem;
    font-weight: 300;
    letter-spacing: .05rem;
    text-align: center;
    padding: 0 10px;
}
#services .service-bottom {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto;
    gap: 15px;
    margin-top: 50px;
}
#services .service-item {
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 15px 20px;
    margin: 0;
    box-shadow: 4px 0 10px 3px rgba(0, 0, 0, .2);
}
#services .service-item:nth-child(5) {
    grid-column: 2 / 3;
    justify-self: center;
}
#services .service-item:nth-child(6) {
    grid-column: 3 / 4;
    justify-self: center;
}
#services .service-bottom img {
    height: 80px;
    width: 80px;
    margin-bottom: 20px;
    object-fit: contain;
}
#services .service-top h1 {
    color: #333;
    font-family: "poppins";
    font-size: 38px;
    text-align: center;
    text-shadow: 0 1px rgba(0, 0, 0, .2);
    font-weight: 700;
}
#services .service-item h2 {
    font-family: "inter";
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
    font-weight: 800;
    line-height: 36px;
}
#services .service-item p {
    color: #333;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    font-family: "dm sans";
    line-height: 1.5rem;
}
/* Habla con alguien */
.safe-section {
    background-image: linear-gradient(to bottom, rgba(34, 34, 34, .17), #222), url(/assets-global.website-files.com/hablar\ con\ alguien.jpg);
    background-position: 0 0, 50%;
    background-size: auto, cover;
    min-height: 550px;
}
.safe-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
}
.safe-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 550px;
    display: flex;
}
.safe-heading {
    color: #fff;
    text-align: center;
    text-shadow: 0 6px rgba(0, 0, 0, .2);
    font-size: 45px;
    line-height: 1.2;
    display: block;
}
.safe-paragraph {
    color: #fff;
    line-height: 1.9;
    text-align: center;
    width: 80%;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    display: block;
}
.safe-button-wrapper {
    margin-bottom: 5%;
}
.btn {
    border: 2px solid #6ABA5F;
    border-radius: 5px;
    padding: 5px 25px;
    font-weight: 600;
    transition: 0.5s ease;
}
.btn.light.hero.safe {
    margin-bottom: 100px;
    font-family: Montserrat, sans-serif;
    transition: 0.5s ease;
}
.btn.light.hero {
    margin-right: 10px;
    transition: 0.5s ease;
}
.btn.light.hero.safe:hover {
    background-color: #6ABA5F;
    color: #fff;
    transition: 0.5s ease;
}
.btn.light {
    border-color: #6ABA5F;
    background-color: transparent;
    color: #fff;
    transition: 0.5s ease;
}
/* FAQ */
.div-block-4,
.div-block-5 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
}
.heading-9.faq {
    text-shadow: 0 1px rgba(0, 0, 0, .2);
    justify-content: center;
    align-items: center;
    margin: 100px auto 50px;
    padding: 0;
    font-size: 32px;
    display: flex;
    font-family: "poppins";
    font-weight: 700;
    color: #333;
    text-align: center;
}
.w-layout-blockcontainer {
    max-width: 940px;
    margin: 0 auto;
    display: block;
}
.collection-list {
    gap: 1rem;
    flex-direction: column;
    display: flex;
}
.question-wrapper {
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.text-block-2 {
    text-align: left;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    gap: 1rem;
    flex-direction: column;
    margin-top: 31px;
    font-size: 20px;
    font-weight: 800;
    display: flex;
    color: #333;
}
.answer-wrapper {
    padding-top: 0;
    overflow: hidden;
}
.text-block-3 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    font-size: 18px;
    color: #333;
    line-height: 1.5;
    max-width: 90%;
}
.image-11 {
    width: 2rem;
    height: 2rem;
    transform: rotate(90deg);
    transition: transform 0.2s;
}
/* Contacto */
.section-2 {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    background-color: whitesmoke;
    padding: 1px 0;
}

.heading-6 {
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 3px 1px rgba(0,0,0,.2);
    margin: 71px auto 10px;
    font-family: "poppins";
    font-size: 34px;
    display: flex;
    line-height: 44px;
    font-weight: 700;
    color: #333;
    justify-content: center;
    align-items: center;
}
.paragraph-9 {
    text-align: center;
    width: 80%;
    max-width: 700px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    color: #333;
    line-height: 1.9rem;
}


.quick-stack {
    gap: 2px;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.w-layout-layout {
    gap: 20px;
    grid-auto-columns: 1fr;
    justify-content: center;
    padding: 20px;
    display: grid;
}
.wf-layout-layout {
    display: grid;
}
.cell,
.w-layout-cell {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px;
    padding-left: 70px;
    font-family: Montserrat, sans-serif;
    font-size: 10px;
    display: flex;
    width: 100%;
    max-width: 400px;
    box-sizing: border-box;

}
.flex-block-copy {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    width: 500px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 10px;
    display: flex;
}
.image-7 {
    width: 35px;
    height: 35px;
    max-width: 100%;
    text-align: left;
    margin-bottom: 6px;
    display: block;
    border: 0;
}
.image-8{
    width: 35px;
    height: 35px;
    max-width: 100%;
    text-align: left;
    margin-bottom: 36px;
    display: block;
    border: 0;
}
.heading-7 {
    font-family: Montserrat, sans-serif;
    color: #333;
    text-align: left;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    line-height: 30px;
}
.heading-5{
        font-family: Montserrat, sans-serif;
    color: #333;
    text-align: left;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
    font-size: 20px;
    font-weight: 500;
   /*  display: flex; */
    line-height: 30px;
}
.form-block,
.form {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: 0;
    max-width: 500px;
    display: flex;
    width: 100%;
}
.heading-8 {
    text-align: left;
    margin: 20px 0 10px 0;
    font-family: "poppins";
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #333;
}
.field-label,
.field-label-2,
.field-label-3 {
    font-family: "dm sans";
    font-weight: 500;
    text-align: left;
    margin-bottom: 5px;
    color: #333;
    font-size: 16px;
    line-height: 1.5;
    display: block;
}
.text-field,
.w-input {
    border-radius: 1px;
    width: 500px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
}
label {
    margin-bottom: 5px;
    font-weight: 400;
    display: block;
}
textarea.w-input {
    height: auto;
    min-height: 80px;
}
.submit-button {
    background-color: transparent;
    color: #000;
    cursor: pointer;
    border: 2px solid #6ABA5F;
    border-radius: 5px;
    margin: 20px 0 0 0;
    font-size: medium;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block;
    line-height: inherit;
    transition: 0.5s ease;
}
.submit-button:hover {
    background-color: #6ABA5F;
    color: #fff;
}
/* Footer */
.footer {
    background-color: #525252;

}
#footer .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    min-height: 120px;
    text-align: center;
}
.footer-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px;
    text-align: center;
}
.footer-logo-column {
    margin-bottom: 15px;
    text-align: center;
    width: 100%;
}
.image-12 {
    margin-top: 7px;
    max-width: 220px;
    height: auto;
    display: inline-block;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
.social-footer-link {
    margin-left: 10px;
    margin-right: 10px;
    transition: all .3s;
    vertical-align: middle;
    display: inline-block;
}
.footer-bottom-wrapper {
    color: #fff;
    text-align: center;
    margin-top: 25px;
    font-size: 1rem;
    letter-spacing: 0.5px;
    width: 100%;
}
.paragraph-11 {
    color: #fff;
    text-align: center;
    -webkit-text-stroke-color: #f4efef;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: "poppins";
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
}
/* Transporte */
.transporte_container .transporte {
    margin-top: 120px;
    margin-bottom: -70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.transporte_container h1 {
    color: #333;
    font-family: "poppins";
    font-size: 38px;
    text-shadow: 0 1px rgba(0, 0, 0, .2);
    font-style: normal;
    font-weight: 700;
    text-align: center;
    margin: 25px 0 10px 0;
    line-height: 1.2;
    padding: 15px 5px;
}

.transporte_container p {
    text-align: center;
    color: #333;
    margin: 10px 90px 10px;
    padding: 0 5px;
    padding-left: 40px;
    width: 75%;
    font-size: 18px;
    line-height: 1.4;
}

.bullet-points {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.left-column ul,
.right-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.left-column li,
.right-column li {
    margin-bottom: 10px;
    color: #333;
    margin: 20px 90px 10px;
    padding-left: 40px;
    font-size: 18px;
    display: block;
    line-height: 1.5rem;
    font-weight: 600;
}
/* WhatsApp Button */
#myBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 50;
    display: block;
    background: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
    border-radius: 50%;
    padding: 0;
    width: 56px;
    height: 56px;
}
#myBtn ul {
    margin: 0;
    padding: 0;
}
#myBtn ul li {
    background-color: #25d366;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
    transition: transform 0.2s cubic-bezier(.4,2,.6,1), box-shadow 0.2s;
}
#myBtn ul li:hover {
    transform: scale(1.15);
    box-shadow: 0 4px 16px rgba(0,0,0,0.22);
}
#myBtn ul li a img {
    max-height: 32px;
    max-width: 32px;
    display: block;
    margin: 0 auto;
}

@media only screen and (min-width:1200px) {
  /* Header */
    .brand img { max-width: 85%; }
    #header .header { min-height: 18vh; }
    #header .hamburger { display: none; }
    #header .nav-list { margin-right: 45px; width: -webkit-fill-available; margin-top: 10px; }
    #header .nav-list ul { position: initial; display: flex; flex-direction: row; justify-content: center; height: auto; width: 120%; background-color: #fff; margin-right: -50px; }
    #header .nav-list ul li { display: inline-block; }
    #header .nav-list ul li a { font-size: 1.1rem; }
    #header .nav-list ul a::after { display: none; }
    #header .nav-list ul a { font-family: inter; font-weight: 800; letter-spacing: .07rem; color: #525252; cursor: pointer; text-transform: uppercase; padding: 4px 19px 4px 26px; display: inline-block; position: relative; }
    #hero .hero { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
    .hero-wrapper { margin-top: 190px; padding: 10px; }
    #hero h1 { font-size: 65px; }
    #hero p { font-size: 22px; }
    .heading-10 { font-size: 38px; line-height: 44px; }
    #about { padding-top: 65px; padding-bottom: 65px; }
    #about .about { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
    .about-flex { justify-content: center; align-items: stretch; }
    .col-right { width: 65%; margin-right: -55px; padding: 45px; }
    .col-left { width: 30%; min-height: 440px; position: absolute; top: 6%; left: 7%; }
    .about-content-wrapper { width: 80%; padding-left: 145px; padding-right: 145px; margin-right: 0; margin-left: 0; }
    .about-content-wrapper h2 { margin-left: -125px; margin-right: -152px; font-size: 45px; }
    .about-content-wrapper p { font-size: 16px; margin-left: -101px; margin-right: -116px; }
    #services .service-bottom { margin-top: 60px; }
    #services .service-top p { margin: 36px -190px 10px; padding-left: 40px; font-size: 18px; font-weight: 500; }
    #services .service-bottom img { height: 90px; width: 90px; margin-top: 10px; }
    #services .services { max-width: 1200px; padding: 100px 20px; }
    #services .service-item { padding: 10px 12px; width: 100%; }
    .safe-section { background-image: linear-gradient(to bottom, rgba(34, 34, 34, .17), #222), url(/assets-global.website-files.com/hablar2.jpg); background-size: auto, 100%; min-height: 400px; height: 250px; padding-left: 15vw; padding-right: 15vw; }
    .safe-heading { font-size: 45px; }
    .safe-paragraph { font-size: 18px; }
      #w-node-_0fa385e4-834c-35ea-8357-785013f227a8-f54a1dfc {display: grid;grid-template-rows: auto auto;grid-template-columns: 1fr 1fr;gap: 32px;width: 100%;max-width: 900px;margin: 0 auto;}
    #footer .container { padding-left: 30px; padding-right: 30px; }
    .footer-wrapper { gap: 20px; }
    .footer-logo-column { margin-bottom: 0; }
    .image-12 { max-width: 500px; }
    .transporte_container h1{margin-bottom: 1px;}
    .transporte_container p{display: block;line-height: 1.5rem;flex-direction: column;align-items: center; }
}

/* Mobile-friendly layout (max-width: 768px) */
@media only screen and (max-width: 768px) {
    #hero { height: auto; min-height: 400px; padding-bottom: 30px; }
    #hero .swiper-container { height: auto; min-height: 300px; }
    #hero .swiper-slide { min-height: 350px; background-size: cover; background-position: center; padding: 0 0 30px 0; }
    #hero .hero { max-width: 100vw; padding: 0 8px; height: auto; }
    .hero-wrapper { margin-top: 150px; padding: 10px 0; min-height: 100px; padding-top: 100px; }
    #hero h1 { font-size: 2rem; margin-top: 10px; line-height: 1.1; padding: 0 5px; }
    #hero p { font-size: 1rem; max-width: 95vw; margin: 10px auto; padding: 0 5px; }
    #hero .cta { font-size: 1rem; padding: 8px 16px; margin-top: 15px; }
    #hero .swiper-slide:nth-child(1) { background-image: linear-gradient(to top, #222 1%, rgba(34, 34, 34, 0)), url('/assets-global.website-files.com/pediatria-movil.jpg'); }
    #hero .swiper-slide:nth-child(2) { background-image: linear-gradient(to top, #222 1%, rgba(34, 34, 34, 0)), url('/assets-global.website-files.com/musicoterapia_movil.jpg'); }
    #hero .swiper-slide:nth-child(3) { background-image: linear-gradient(to top, #222 1%, rgba(34, 34, 34, 0)), url('/assets-global.website-files.com/Google_AI_Studio_2025-08-30T18_08_16.485Z.png'); }
    #hero .swiper-slide:nth-child(4) { background-image: linear-gradient(to top, #222 1%, rgba(34, 34, 34, 0)), url('/assets-global.website-files.com/internacion_movil.jpeg'); }
    .slider-section { padding: 15px 0; }
    .w-slider-mask { gap: 12px; padding: 5px 0; }
    .w-slide { width: 70px; height: 40px; border-radius: 8px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); }
    .heading-10 { font-size: 1.1rem; margin: 20px auto 10px; line-height: 1.2; }
    #about { padding-top: 20px; padding-bottom: 20px; align-items: center; }
    #about .about { margin-top: 20px; }
    .about-flex { flex-direction: column; align-items: center; margin-left: 0; margin-right: 0; gap: 0; }
    .col-left { width: 95vw; min-height: 280px; height: 180px; margin: 0 auto 0 auto; border-radius: 0 0 8px 8px; background-position: center; }
    .col-right { width: 95vw; margin: 0 auto 0 auto; padding: 15px 8px; border-radius: 8px 8px 0 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); flex-direction: column; align-items: center; display: flex; }
    .about-content-wrapper { width: 100%; padding: 0; margin: 0 auto; align-items: center; }
    .about-content-wrapper h2 { font-size: 1.5rem; margin-top: 10px; margin-bottom: 10px; padding: 0 5px; line-height: 1.2; }
    .about-content-wrapper p { font-size: 1rem; padding: 0 5px; margin-bottom: 10px; }
    #services .services { max-width: 100vw; padding: 40px 5px; background-color: whitesmoke; }
    #services .service-top { max-width: 100vw; padding: 0 5px; }
    #services .service-top h1 { font-size: 1.3rem; padding: 0 2px; }
    #services .service-top p { font-size: 1rem; line-height: 1.5rem; padding: 0 2px; }
    #services .service-bottom { grid-template-columns: 1fr !important; gap: 18px; margin-top: 25px; }
    #services .service-item { padding: 10px 5px; width: 90%; max-width: 320px; margin-left: auto; margin-right: auto; }
    #services .service-bottom img { height: 50px; width: 50px; margin-bottom: 10px; }
    #services .service-item h2 { font-size: 1rem; line-height: 1.3; margin-bottom: 6px; }
    #services .service-item p { font-size: 0.95rem; line-height: 1.3; }
    #services .service-item:nth-child(5),
    #services .service-item:nth-child(6) { grid-column: auto; justify-self: stretch; }
    .safe-section { background-image: linear-gradient(to bottom, rgba(34, 34, 34, .17), #222), url(/assets-global.website-files.com/hablar2.jpg); background-size: auto, cover; background-position: -610px 0; min-height: 280px; text-align: center; padding: 70px 0; color: #fff; position: relative; }
    .safe-section::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.45); z-index: 1; }
    .safe-container { max-width: 100vw; padding-right: 5px; position: relative; z-index: 2; }
    .safe-wrapper { min-height: 180px; margin-top: 30px; padding: 10px 0; }
    .safe-heading { font-size: 34px; margin-bottom: 16px; padding-bottom: 10px; line-height: 1.1; }
    .safe-paragraph { font-size: 16px; width: 95vw; padding-bottom: 10px; }
    .safe-button-wrapper { margin-bottom: 20px; }
    .btn { font-size: 1rem; padding: 8px 16px; }
    .div-block-4,
    .div-block-5 { flex-direction: column; align-items: center; justify-content: center; display: flex; width: 100%; padding: 0 5px; }
    .heading-9.faq { font-size: 1.2rem; margin: 40px auto 20px; line-height: 1.2; padding-right: 0; padding-left: 0; }
    .w-layout-blockcontainer { max-width: 100vw; padding: 0 5px; }
    .collection-list { gap: 10px; padding: 0 5px; }
    .question-wrapper { flex-direction: column; align-items: flex-start; gap: 6px; padding: 8px 0; }
    .text-block-2 { width: 100%; font-size: 1rem; margin-top: 16px; padding: 0 5px; }
    .answer-wrapper { padding-top: 0; }
    .text-block-3 { width: 100%; font-size: 0.95rem; margin-top: 8px; padding: 0 5px; }
    .image-11 { width: 1.3rem; height: 1.3rem; }
    .section-2 { margin-top: 40px; border-width: 1px; padding: 0 0; }
    .heading-6 { font-size: 1.2rem; margin: 30px auto 10px; line-height: 1.2; padding: 20px 5px 5px; }
    .paragraph-9 { width: 95vw; font-size: 1rem; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding: 0 5px; }
    .quick-stack,
    .w-layout-layout { width: 100vw; max-width: 100vw; padding: 0 5px; margin-left: 0; margin-right: 0; /* gap: 10px; */grid-column-gap: 0;grid-row-gap: 10px;align-items: flex-start; }
    .cell,
    .w-layout-cell,
    .flex-block-copy { width: 100vw; max-width: 100vw; padding: 0 5px 10px 5px; margin-left: 0; margin-right: 0;margin-top: 6px; font-size: 1rem; flex-direction: column; align-items: center;flex-flow: column; }
    .image-7,
    .image-8 { width: 28px; height: 28px; margin-bottom: 4px; }
    .heading-7,
    .heading-5 { font-size: 1rem; margin-top: 10px; margin-bottom: 6px;margin-left: 0; line-height: 1.2; padding: 0 5px; text-align: center;align-items: stretch;width: 100%; }
    .form-block,
    .form { width: 100vw; max-width: 100vw; padding: 0 5px; margin-left: 0; margin-right: 0; align-items: center;GAP: 5PX; }
    .heading-8 { font-size: 1,1rem; margin: 20px auto 10px; line-height: 1.2; padding: 0 5px; text-align: center; }
    .field-label,
    .field-label-2,
    .field-label-3 { font-size: 1rem; margin-bottom: 3px;text-align: center; }
    .text-field,
    .w-input { width: 95vw; min-width: 0; max-width: 100vw; font-size: 1rem; padding: 8px 10px;margin-bottom: 0; }
    .submit-button { font-size: 1rem; padding: 8px 16px; margin: 10px auto; display: block; width: auto; }
    .footer { padding-top: 10px; padding-bottom: 10px; }
    #footer .container { max-width: 100vw; padding-left: 5px; padding-right: 5px; min-height: unset; }
    .footer-wrapper { gap: 10px; }
    .footer-logo-column { margin-bottom: 15px; }
    .image-12 { margin-top: 1px; max-width: 220px; height: auto; }
    .social-footer-link { margin-left: 10px; margin-right: 10px; }
    .footer-bottom-wrapper { margin-top: 25px; font-size: 0.95rem; padding: 0 5px; }
    .paragraph-11 { font-size: 0.95rem; padding-bottom: 10px; padding-top: 10px; margin-bottom: 10px; }
    #myBtn { position: fixed; bottom: 20px; right: 20px; z-index: 50; display: block; background: none; box-shadow: 0 2px 8px rgba(0,0,0,0.18); border-radius: 50%; padding: 0; width: 56px; height: 56px; }
    #myBtn ul { margin: 0; padding: 0; }
    #myBtn ul li { background-color: #25d366; padding: 0; margin: 0; border-radius: 50%; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.18); }
    #myBtn ul li a img { max-height: 32px; max-width: 32px; display: block; margin: 0 auto; }
    .video { margin-top: 70px; padding-bottom: 56.25%; width: 100vw; max-width: 100vw; border-radius: 0; }
    .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
    .transporte_container .transporte { margin-top: 40px;margin-bottom: 0; padding: 0 5px; }
    .transporte_container h1 { font-size: 1.3rem; margin: 20px 0 10px 0; line-height: 1.2; padding: 0 5px; }
    .transporte_container p { font-size: 1rem; margin: 0 auto 20px auto; padding: 0 5px; width: 95vw; line-height: 1.4; }
    .bullet-points { flex-direction: column; gap: 0; margin: 10px 0; }
    .left-column,
    .right-column { width: 100%; padding: 0; }
    .left-column ul,
    .right-column ul { margin: 0 10px; }
    .left-column li,
    .right-column li { font-size: 1rem; margin: 10px 0; padding-left: 0; line-height: 1.4; font-weight: 600; }
}