/* ########## UPDATES 27/01/26 - PA ############# */ /* ### START GLOBAL COMPONENTS ### */ .title-one, .title-medic { background-color: hsl(var(--primary-sub)); .custom-breadcrumb ol { font-size: 0.875rem; color: hsl(var(--neutral-6)); } } .title-one { > div { @media (min-width: 1280px) { padding-top: 64px; padding-bottom: 64px; } } .shape-container { @media (max-width: 767px) { display: none; } } } /* ### END GLOBAL COMPONENTS ### */ /* ### START HEADER ### */ header { background-color: hsl(var(--white)); .custom-header-links-container { a { color: hsl(var(--primary)); font-weight: 600; font-size: 14px; } } .header-desktop { .custom-logo { height: 68px !important; } } .custom-container-buttons { .custom-search-input { &:hover { border-bottom: 1px solid hsl(var(--primary)); border-radius: 0px; } background-color: transparent; input { &::placeholder { color: hsl(var(--primary)); } } .search-icon { background-color: transparent; path { fill: hsl(var(--primary)); } } button { background-color: transparent; } } .secondary-header-button-1 { border: none; } .secondary-header-button-2 { button { border-radius: 100px; padding: 8px 20px; min-height: 50px; background-color: hsl(var(--primary)); } } } } /* ### END HEADER ### */ /* ### START MENU MOBILE ### */ .menu-mobile { .custom-box-buttons { border-color: hsl(var(--primary-sub)); .custom-search-input { border-bottom: 1px solid hsl(var(--primary)); border-radius: 0px; background-color: transparent; input { &::placeholder { color: hsl(var(--primary)); } } .search-icon { background-color: transparent; path { fill: hsl(var(--primary)); } } button { background-color: transparent; } } .custom-buttons { .custom-button-1 { border-radius: 16px; border-color: hsl(var(--primary-sub)); } .custom-button-2 { button { border-radius: 100px; padding: 8px 20px; min-height: 50px; background-color: hsl(var(--primary)); } } } } } /* ### END MENU MOBILE ### */ /* ### START FOOTER ### */ .footer { .footer-links { background-color: hsl(var(--secondary)); } .footer-download-stores { .footer-apple-store { img { height: 40px; padding: 0; border: none; } } .footer-google-play { height: 40px; img { width: 135px; height: 40px; padding: 0; border: none; } } } } /* ### END FOOTER ### */ /* ### START HOME PAGE ### */ .home { .hero-slider-cta { .customSwiper { position: relative; z-index: 20; overflow: visible; .swiper-slide { opacity: 0; } .swiper-slide-active { opacity: 1; } .custom-controls { padding: 0; @media (max-width: 767px) { padding: 25px 0; } .slide-arrows { z-index: 990; position: absolute; top: 50%; left: -35px; right: -35px; justify-content: space-between; transform: translateY(-50%); padding: 0 1rem; @media (max-width: 767px) { top: unset; bottom: 0; left: -10px; right: -10px; } .custom-prev, .custom-next { border-radius: 100%; background-color: hsl(var(--secondary)); border: none; svg { stroke: hsl(var(--white)); } } } .custom-pagination { display: none; @media (max-width: 767px) { display: flex; justify-content: center; padding-top: 16px; } .swiper-pagination-bullet { background-color: hsl(var(--primary-alt)); } .swiper-pagination-bullet-active { background-color: hsl(var(--secondary)); } } } } } .banner-row { background-color: hsl(var(--white-sub)); padding: 64px 0; @media (max-width: 767px) { padding: 40px 0; } .custom-banner-row-content { background-color: hsl(var(--white-sub)); color: hsl(var(--black)); } a { button { border-radius: 100px; font-weight: 600; } } } .testimonial-slider { .customSwiper { position: relative; z-index: 20; .custom-controls { padding: 0; @media (max-width: 767px) { padding: 25px 0; } .slide-arrows { z-index: 40; position: absolute; top: 40%; left: -10px; right: -10px; justify-content: space-between; transform: translateY(-40%); padding: 0 1rem; @media (max-width: 767px) { top: unset; bottom: 0; left: -10px; right: -10px; } .custom-prev, .custom-next { border-radius: 100%; background-color: hsl(var(--secondary)); border: none; svg { stroke: hsl(var(--white)); } } } .custom-pagination { display: none; @media (max-width: 767px) { display: flex; justify-content: center; padding-top: 16px; } .swiper-pagination-bullet { background-color: hsl(var(--primary-alt)); } .swiper-pagination-bullet-active { background-color: hsl(var(--secondary)); } } } } } .grid-list { padding: 64px 0; @media (max-width: 767px) { padding: 40px 0; } &:has(.swiper) { padding: 64px 0 0; @media (max-width: 767px) { padding: 40px 0 0; } } h3 { position: relative; } .custom-grid-list-header { display: flex; justify-content: space-between; margin-bottom: 24px; .custom-grid-cta-buttons { a { button { border-radius: 100px; font-size: 14px; span { display: none; } } } } } .card-two { border-radius: 16px; overflow: hidden; border: 1px solid hsl(var(--primary-sub)); &:hover { border-color: hsl(var(--primary)); } .custom-card-two-container { display: flex; flex-direction: column; .custom-card-two-description { font-size: 1rem; margin-top: 8px; margin-bottom: 24px; color: hsl(var(--black)); } .custom-card-two-btn-container { justify-self: end; height: 100%; @media (min-width: 1024px) and (max-width: 1279px) { flex-direction: column; gap: 16px; justify-content: flex-end; a, button { margin: 0; width: 100%; } } button { font-size: 0.875rem; @media (max-width: 767px) { font-size: 0.75rem; } } .card-two-cta-1 { border-radius: 0 0 4px 4px; background-color: hsl(var(--primary)) !important; color: hsl(var(--white)) !important; } .card-two-cta-2 { border-radius: 100px; border: 1px solid hsl(var(--primary)); } } } } .swiper { padding: 0 0 64px; @media (max-width: 767px) { padding: 0 0 40px; } display: flex; flex-direction: column-reverse; position: inherit; .custom-controls { display: flex; padding-bottom: 24px; padding-top: 0px; .custom-pagination { display: none; } .custom-prev, .custom-next { border-radius: 100%; background-color: hsl(var(--secondary)); border: none; svg { stroke: hsl(var(--white)); } } } } } section:not(:nth-of-type(2)) { .grid-list .card-two { .custom-card-two-description { margin: 16px 0 0; } .custom-card-two-btn-container { display: none; } } } } /* ### END HOME PAGE ### */ /* ### START UNIDADES PAGE ### */ .unidades { .unit { .custom-filter-btn { button { border-radius: 100px; border-color: hsl(var(--primary-alt)); } } .unit-content { .custom-unit-controls { flex-direction: column-reverse; gap: 24px; .custom-unit-cities { padding-top: 24px; border-top: 1px solid hsl(var(--primary-sub)); > div:nth-child(2) { order: 3; } > div:nth-child(3) { order: 2; } > div:nth-child(4) { order: 5; } > div:nth-child(5) { order: 6; } > div:nth-child(6) { order: 4; } > div:nth-child(7) { order: 7; } > div:nth-child(8) { order: 8; } > div { color: hsl(var(--secondary)); border-color: hsl(var(--primary-alt)); &.active, &:hover { background-color: hsl(var(--primary-alt)); color: hsl(var(--secondary)); } } } .custom-input-container { width: 100%; justify-content: space-between; @media (max-width: 767px) { flex-direction: row; } .custom-filter-btn { margin: 0; @media (max-width: 767px) { width: unset; > button { padding: 12px; > span:last-of-type { display: none; } } } } .input-box { border: none; position: relative; @media (max-width: 767px) { width: 100%; } > div { box-shadow: none; input { border-color: hsl(var(--primary-alt)); border-radius: 100px; @media (min-width: 767px) { min-width: 280px; } @media (min-width: 768px) and (max-width: 1279px) { min-width: 500px; } @media (min-width: 1280px) { min-width: 812px; } &::placeholder { color: hsl(var(--secondary)); } } } .custom-search-btn { background-color: hsl(var(--primary)); padding: 8px; border-radius: 9999px; width: 40px; height: 40px; border: none; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); @media (max-width: 767px) { top: 45%; } span { display: none; } &::after { content: ""; flex: 0 0 auto; width: 19px; height: 19px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml,"); } } } } } .unit-grid { .custom-unit-card { overflow: hidden; border-radius: 16px; border: 1px solid hsl(var(--primary-sub)); &:hover { border-color: hsl(var(--primary)); } h5 { color: hsl(var(--primary)); } p { color: hsl(var(--black)); font-size: 1rem; margin: 8px 0 48px; } .unit-content-card-btns { @media (min-width: 767px) and (max-width: 1279px) { flex-direction: column; gap: 16px; a > button { width: 100%; } } .unit-btn-details { color: hsl(var(--white)); background-color: hsl(var(--primary)); border: none; border-radius: 100px; } .unit-btn-address { color: hsl(var(--primary)); border: 1px solid hsl(var(--primary)); border-radius: 100px; padding: 0px 24px; text-decoration: none; span { display: none; } } } } } } } } /* ### END UNIDADES PAGE ### */ /* ### START UNIDADES DETALHES PAGE ### */ .unit-info { .unit-two { padding: 64px 0 0; @media (max-width: 767px) { padding: 40px 0 0; } > div { display: flex; flex-direction: column-reverse; gap: 24px; > img { margin: 0; aspect-ratio: 2.5 / 1; border-radius: 16px; @media (max-width: 767px) { aspect-ratio: 4 / 3; } } .custom-address-box { @media (max-width: 767px) { align-items: flex-start; } h3 { font-size: 1.5rem; @media (max-width: 767px) { font-size: 1.25rem; } } .custom-container-buttons { flex-direction: row-reverse; button { border-radius: 100px; border: 1px solid hsl(var(--primary)); font-size: 0.875rem; &.custom-unit-button-1 { padding: 8px 20px; } &.custom-unit-button-2 { &::after { content: ""; width: 18px; height: 20px; margin-left: 12px; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: center; background-size: contain; } } } } } } } .unit-cards { > div { @media (min-width: 768px) and (max-width: 1023px) { grid-template-columns: 1fr 1fr; } } .card-business-hours, .card-services, .card-contacts, .card-facilities { border-color: transparent; border-radius: 8px; background-color: hsl(var(--white-sub)); padding: 32px; @media (max-width: 767px) { padding: 24px; } h4 { font-size: 1.5rem; margin-bottom: 16px; @media (max-width: 767px) { font-size: 1.25rem; } } h5 { font-size: 1.25rem; @media (max-width: 767px) { font-size: 1.125rem; } } span { color: hsl(var(--black)); font-size: 0.875rem; } } .card-business-hours { .custom-bussiness-hours-days { row-gap: 24px; strong { font-weight: 600; } } } .card-services { > div { gap: 16px; .custom-card-services-item { padding: 4px 16px; border-radius: 100px; background-color: hsl(var(--primary-sub)); } } } .card-facilities { @media (max-width: 1023px) { grid-column: 1 / -1; } > div { gap: 16px; @media (min-width: 1023px) { flex-direction: column; } .custom-card-facilities-item { font-size: 1rem; svg { color: hsl(var(--primary-alt)); } } } } } .content-rich { > div { padding-top: 0; padding-bottom: 64px; @media (max-width: 767px) { padding-top: 40px; } } } } /* ### END UNIDADES DETALHES PAGE ### */ /* ### START SERVICOS PAGE ### */ .servicos { .service-paged-list { .card-two { border-radius: 16px; overflow: hidden; border: 1px solid hsl(var(--primary-sub)); &:hover { border-color: hsl(var(--primary)); } .custom-card-two-container { display: flex; flex-direction: column; .custom-card-two-description { font-size: 1rem; margin: 16px 0 0; color: hsl(var(--black)); } } } } } /* ### END SERVICOS PAGE ### */ /* ### START VACINAS PAGE ### */ .vacinas { .vacines-with-filter { padding: 64px 0; @media (max-width: 767px) { padding: 40px 0; } .custom-filter-category { > div { @media (min-width: 1024px) { justify-content: center; } } } .grid-list { > div { padding: 0; .custom-grid-list-header { margin: 0; } .custom-grid-list-header-mobile { margin: 0; } .grid-list-container { .card-two { .card-two.card-two.card-two { box-shadow: none !important; } .card-two.card-two.card-two:hover { box-shadow: none !important; } border-radius: 16px; overflow: hidden; border: 1px solid hsl(var(--primary-sub)); .custom-card-two-container { display: flex; flex-direction: column; .custom-card-two-title { margin-bottom: 8px; } .custom-card-two-description { font-size: 1rem; margin: 0 0 24px; color: hsl(var(--black)); } .custom-card-two-btn-container { justify-self: end; height: 100%; @media (min-width: 1024px) and (max-width: 1279px) { flex-direction: column; gap: 16px; justify-content: flex-end; a, button { margin: 0; width: 100%; } } button { font-size: 0.875rem; @media (max-width: 767px) { font-size: 0.75rem; } } .card-two-cta-1 { border-radius: 100px; } .card-two-cta-2 { border-radius: 100px; border: 1px solid hsl(var(--primary)); } } } } } } } } .block-blocksgrid-list { .grid-list { background-color: hsl(var(--primary-sub)); @media (min-width: 768px) { padding: 64px 0; } .custom-grid-list-header { display: flex; justify-content: space-between; gap: 24px; button { border-radius: 100px; span { display: none; } } } .grid-list-container { .card-two { border-radius: 16px; overflow: hidden; border: 1px solid hsl(var(--primary-sub)); &:hover { border: 1px solid hsl(var(--primary)); } .custom-card-two-container { display: flex; flex-direction: column; .custom-card-categories { margin-bottom: 8px; span { border-radius: 100px; background-color: hsl(var(--primary-sub)); font-size: 0.75rem; } } .custom-card-two-title { margin-bottom: 8px; } .custom-card-two-description { font-size: 1rem; margin: auto 0 0; color: hsl(var(--black)); } .custom-card-two-btn-container { display: none; } } } } } } } /* ### END VACINAS PAGE ### */ /* ### START VACINAS DETALHES PAGE ### */ .detalhes-vacina-page { .title-one { background-color: hsl(var(--primary-sub)); } .vacina-heading { padding-top: 40px; padding-bottom: 0px; } .content-rich { > div { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1.25rem; padding-left: 1.25rem; @media (min-width: 640px) { max-width: 640px; } @media (min-width: 768px) { max-width: 768px; } @media (min-width: 1024px) { max-width: 1024px; } @media (min-width: 1280px) { max-width: 1280px; padding: 40px 2rem; } @media (min-width: 1536px) { max-width: 1536px; } } } .buy-vacine-wrapper { button { border-radius: 100px; background-color: hsl(var(--primary)); border-color: hsl(var(--primary)); color: white; font-size: 0.875rem; } } .grid-list { @media (min-width: 768px) { padding: 64px 0; } .grid-list-container { .card-two { border-radius: 16px; overflow: hidden; border: 1px solid hsl(var(--primary-sub)); &:hover { border: 1px solid hsl(var(--primary)); } .custom-card-two-container { display: flex; flex-direction: column; margin-top: auto; .custom-card-categories { margin-bottom: 8px; span { border-radius: 100px; background-color: hsl(var(--primary-sub)); font-size: 0.75rem; } } .custom-card-two-title { margin-bottom: 8px; } .custom-card-two-description { font-size: 1rem; margin: 0 0 24px; color: hsl(var(--black)); } .custom-card-two-btn-container { justify-self: end; margin-top: auto; @media (min-width: 1024px) and (max-width: 1279px) { flex-direction: column; gap: 16px; justify-content: flex-end; a, button { margin: 0; width: 100%; } } button { font-size: 0.875rem; @media (max-width: 767px) { font-size: 0.75rem; } } @layer components { .card-two-cta-1 { background-color: hsl(var(--primary)); color: #fff; border-radius: 100px; } .card-two-cta-2 { border-radius: 100px; padding: 12px; border: 1px solid hsl(var(--primary)); text-decoration: none; } } } } } } } /* ### END VACINAS DETALHES PAGE ### */ /* ### START FALE CONOSCO PAGE ### */ .fale-conosco { .contact-two { @media (min-width: 768px) { padding: 64px 0; } h2 { margin: 0 0 80px; font-size: 2rem; @media (max-width: 767px) { font-size: 1.75rem; margin-bottom: 48px; } } .inputGroup { > div { border-radius: 100px; } button { border-radius: 100px; border: 1px solid hsl(var(--black)); box-shadow: none; } .custom-input-container { input { border-radius: 100px; border: 1px solid hsl(var(--black)); box-shadow: none; } } textarea { border: 1px solid hsl(var(--black)); box-shadow: none; border-radius: 16px; } } .custom-upload-box { border-color: hsl(var(--black)); border-radius: 16px; .custom-file-icon-container { background-color: hsl(var(--white-sub)); svg { fill: hsl(var(--white-sub)); stroke: hsl(var(--primary)); } } } } } /* ### END FALE CONOSCO PAGE ### */ /* ### START BLOG PAGE ### */ .blog { .blog-list { .custom-filters { > div { background-color: transparent; border: 1px solid hsl(var(--primary-sub)); border-radius: 100px; color: hsl(var(--primary)); &.active, &:hover { @apply shadow-sm; color: hsl(var(--white)); background-color: hsl(var(--primary)); border-color: hsl(var(--primary)); } } } .paged-list { padding: 40px 0 0; > div { max-width: none; padding: 0; .card-two { border-radius: 16px; overflow: hidden; border: 1px solid hsl(var(--primary-sub)); &:hover { border: 1px solid hsl(var(--primary)); } .custom-card-two-container { display: flex; flex-direction: column; .custom-card-two-description { margin: 8px 0 0; } .custom-card-two-btn-container { display: none; } } } .load-more-button { color: hsl(var(--white)); background-color: hsl(var(--primary)); border-radius: 100px; } } } } } /* ### END BLOG PAGE ### */ /* ### START BLOG POST PAGE ### */ .blog-page { .title-blog-one { @media (max-width: 767px) { background-color: hsl(var(--primary-sub)); } .shape-container { height: 470px; } .title-blog-one-content { width: 100%; margin-right: auto; margin-left: auto; padding: 40px 0 0; @media (min-width: 640px) { max-width: 640px; } @media (min-width: 768px) { max-width: 768px; padding-left: 1.25rem; padding-right: 1.25rem; } @media (min-width: 1024px) { max-width: 1024px; } @media (min-width: 1280px) { max-width: 1280px; padding: 4rem 2rem 0; } @media (min-width: 1536px) { max-width: 1536px; } > div { @media (max-width: 767px) { padding-left: 1.25rem; padding-right: 1.25rem; } .custom-breadcrumb ol { font-size: 0.875rem; color: hsl(var(--neutral-6)); } } > img { aspect-ratio: 3 /1; border-radius: 8px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.05); @media (max-width: 767px) { aspect-ratio: 4/3; border-radius: 0; } } .share-link-buttons { color: hsl(var(--primary)); margin: 0; } } } .content-blog { .custom-share-footer { padding: 64px 0 0; @media (max-width: 767px) { padding: 40px 0 0; } .btn-shred-link { background-color: transparent; } .custom-categories { span { color: hsl(var(--black)); } } } } .separator { display: none; } .custom-related-blogs { background-color: hsl(var(--white-sub)); .card-two { border-radius: 16px; overflow: hidden; border: 1px solid hsl(var(--primary-sub)); &:last-of-type { display: none; } &:hover { border: 1px solid hsl(var(--primary-alt)); } .custom-card-two-container { display: flex; flex-direction: column; .custom-card-categories { span { color: hsl(var(--black)); } } .custom-card-two-description { margin: 8px 0 0; } .custom-card-two-btn-container { display: none; } } } } } /* ### END BLOG POST PAGE ### */ /* ### START CONVENIOS PAGE ### */ .convenios { .logo-full-grid { @media (min-width: 768px) { padding: 64px 0; } & > div { justify-content: flex-start; align-items: flex-start; gap: 1.5rem; @media (min-width: 1024px) { gap: 2.5rem; } h4 { font-size: 1.25rem; text-align: left; font-weight: 400; color: hsl(var(--black)); @media (max-width: 767px) { font-size: 1.125rem; font-weight: 700; } } ul { justify-content: flex-start; gap: 1.25rem; @media (min-width: 768px) { gap: 58px; } li { border-radius: 16px; border: 2px solid hsl(var(--primary-sub)); border-radius: 16px; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } } } } } /* ### END CONVENIOS PAGE ### */ /* ### START SOBRE NOS PAGE ### */ .sobre-nos { .title-one { > div { @media (min-width: 768px) { max-width: 924px; } } } .content-rich { > div { @media (min-width: 768px) { padding-top: 64px; padding-bottom: 64px; max-width: 924px; } img { border-radius: 12px; } } } .content-2col-rich { padding-top: 64px; padding-bottom: 64px; gap: 80px; @media (max-width: 1023px) { padding-top: 0; padding-bottom: 40px; flex-direction: column-reverse; gap: 24px; } > div { padding-top: 0; max-width: 570px; width: 100%; justify-content: center; @media (min-width: 1536px) { max-width: 640px; } .custom-heading-title { margin-bottom: 24px; } } > img { border-radius: 8px; border: 1px solid hsl(var(--primary-sub)); max-width: 600px; aspect-ratio: 600 / 400; @media (max-width: 1023px) { max-width: 100%; } @media (min-width: 1536px) { max-width: 680px; aspect-ratio: 680 / 450; } } } section.block-blockscontent-rich:nth-of-type(6) { .content-rich { > div { @media (max-width: 767px) { padding-top: 0; } } } } } /* ### END SOBRE NOS PAGE ### */ /* ### START EXAMES PAGE ### */ .exames { .list-exams { @media (min-width: 1024px) { padding: 64px 0; } .custom-heading { @media (min-width: 1024px) { flex-direction: row; align-items: center; gap: 2.5rem; } @media (min-width: 1280px) { gap: 5rem; } h3 { white-space: nowrap; font-size: 1.375rem; @media (min-width: 1024px) { font-size: 1.5rem; } } .input-box { border-bottom: 1px solid hsl(var(--primary-alt)); width: 100%; max-width: none; border-radius: 4px; > div { @apply ring-primary-alt; input { border: none; box-shadow: none; } .search-icon { path { fill: hsl(var(--primary)); } } } } } .letters-buttons { border: 1px solid hsl(var(--primary-sub)); padding: 8px; border-radius: 8px; margin: 32px 0; @media (max-width: 767px) { margin: 24px 0 8px; } button { border: none; } } ul { li { border-radius: 4px; border-color: hsl(var(--primary-sub)); padding: 32px 0; &:hover { background-color: unset; text-decoration: underline; } @media (max-width: 767px) { padding: 24px 0; } } } .list-exams-pagination-container { button { border-radius: 100px; } } .list-exams-perpage-input { border-color: hsl(var(--primary-sub)); } } } /* ### END EXAMES PAGE ### */ /* ### START EXAMES INFO PAGE ### */ .exam-info { .content-rich > div { padding-bottom: 0; @media (min-width: 768px) { padding-top: 64px; } } .list-exams { @media (min-width: 1024px) { padding: 64px 0; } .custom-heading { @media (min-width: 1024px) { flex-direction: row; align-items: center; gap: 2.5rem; } @media (min-width: 1280px) { gap: 5rem; } h3 { white-space: nowrap; font-size: 1.375rem; @media (min-width: 1024px) { font-size: 1.5rem; } } .input-box { border-bottom: 1px solid hsl(var(--primary-alt)); width: 100%; max-width: none; border-radius: 4px; > div { @apply ring-primary-alt; input { border: none; box-shadow: none; } .search-icon { path { fill: hsl(var(--primary)); } } } } } .letters-buttons { border: 1px solid hsl(var(--primary-sub)); padding: 8px; border-radius: 8px; margin: 32px 0; @media (max-width: 767px) { margin: 24px 0 8px; } button { border: none; } } ul { li { border-radius: 4px; border-color: hsl(var(--primary-sub)); padding: 32px 0; &:hover { background-color: unset; text-decoration: underline; } @media (max-width: 767px) { padding: 24px 0; } } } .list-exams-pagination-container { button { border-radius: 100px; } } .list-exams-perpage-input { border-color: hsl(var(--primary-sub)); } } } /* ### END EXAMES INFO PAGE ### */ /* ### START ATENDIMENTO MOVEL PAGE ### */ .atendimento-movel { .title-one { > div { @media (min-width: 768px) { max-width: 924px; } } } .content-2col-rich { padding-top: 64px; padding-bottom: 64px; flex-direction: column; max-width: 924px; gap: 40px; @media (max-width: 1023px) { padding-top: 40px; padding-bottom: 40px; } > div { padding: 0; width: 100%; gap: 40px; @media (max-width: 1023px) { gap: 24px; } a { align-self: center; button { border-radius: 100px; span { display: none; } &::after { content: ""; right: 4px; width: 29px; height: 29px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml,"); } } } } > img { border-radius: 16px; border: 1px solid hsl(var(--primary-sub)); aspect-ratio: 16 / 9; max-width: 100%; @media (max-width: 1023px) { max-width: 100%; } } } } /* ### END ATENDIMENTO MOVEL PAGE ### */ /* ### START NOSSO APP PAGE ### */ .nosso-app { .title-one { > div { @media (min-width: 768px) { max-width: 924px; } } } .content-rich { > div { padding-bottom: 0; @media (min-width: 768px) { padding-top: 64px; max-width: 924px; } } } .button-cta-list { > div { @media (min-width: 768px) { max-width: 924px; } > div { @media (max-width: 767px) { flex-direction: column; } img { height: 64px; } } } } section.block-blockscontent-rich:nth-of-type(4) { .content-rich { > div { padding-top: 0; padding-bottom: 64px; @media (max-width: 767px) { padding-bottom: 40px; } } } } } /* ### END NOSSO APP PAGE ### */ /* ### START ESPACO KIDS PAGE ### */ .espaco-kids { .title-one { > div { @media (min-width: 768px) { max-width: 924px; } } } .content-rich { > div { @media (min-width: 768px) { padding-bottom: 64px; padding-top: 64px; max-width: 924px; } } } .full-image { > div { max-width: 924px; padding-top: 0px; padding-bottom: 4rem; } } } /* ### END ESPACO KIDS PAGE ### */ /* ### START ASSESSORIA DE IMPRENSA PAGE ### */ .assessoria-de-imprensa { .title-one { > div { @media (min-width: 768px) { max-width: 924px; } } } .full-image { > div { max-width: 924px; padding-bottom: 0rem; @media (max-width: 767px) { padding-top: 40px; } } } .content-rich { > div { padding-top: 20px; padding-bottom: 20px; @media (min-width: 768px) { padding-bottom: 40px; padding-top: 40px; max-width: 924px; } } } .button-cta-list { padding-top: 0px; padding-bottom: 64px; @media (max-width: 767px) { padding-bottom: 40px; } > div { @media (min-width: 768px) { max-width: 924px; } .button-cta-1 { button { color: hsl(var(--black)); font-weight: normal; } } .button-cta-2 { button { text-decoration: underline; @media (max-width: 767px) { font-size: 0.875rem; } } } } } }} /* ================================ CORREÇÃO: LINK SEM HREF NO TÍTULO DO CARD Remove hover/underline e aparência de link ================================ */ /* Link do título sem href */ .card-two .custom-card-two-title a:not([href]), .card-two .custom-card-two-title a[href=""] { cursor: default; text-decoration: none; pointer-events: none; } /* Garante que o hover não aplique underline */ .card-two .custom-card-two-title a:not([href]):hover, .card-two .custom-card-two-title a[href=""]:hover { text-decoration: none; } /* Caso o underline venha do h5 (hover:underline) */ .card-two .custom-card-two-title:has(a:not([href])), .card-two .custom-card-two-title:has(a[href=""]) { text-decoration: none; } .card-two .custom-card-two-title:has(a:not([href])):hover, .card-two .custom-card-two-title:has(a[href=""]):hover { text-decoration: none; } /* ### END ASSESSORIA DE IMPRENSA PAGE ### */

Espaço Kids

Espaço Kids