Atención para toda la familia
Agenda tu
atención en Sanus
Encuentra la atención que necesitas
y reserva de forma simple.
Selecciona el servicio que necesitas y accede
directamente a la agenda correspondiente.
Niños
Adolescentes
Adultos
Consultas médicas
Reserva con nuestros médicos y especialistas
en distintas áreas de la salud.
Odontología
Agenda tu atención odontológica
directamente en nuestra plataforma.
Exámenes cardiológicos
Electrocardiograma, Holter de presión,
Holter de arritmia y Ecocardiograma.
Rayos X
Agenda tus radiografías en Sanus,
con atención para niños y adultos.
Vacunatorio
Agenda tu vacunación de manera
rápida y segura en Sanus.
Procedimientos de enfermería
Curaciones, administración de medicamentos
y otros procedimientos.
Espirometrías
Agenda tu examen de espirometría
de forma rápida y sencilla.
Sanus
Horarios de atención
Lunes a viernes
09:00 – 19:00
Sábado
09:00 – 13:00
Domingo
Cerrado
Recuerda
La disponibilidad de horarios puede variar
según el tipo de prestación.
¿Dudas o consultas?
Escríbenos y te ayudamos a encontrar
la atención que necesitas.
S · LANDING RESERVA DE HORA
REDISEÑO 2026 · VERSIÓN COMPLETA
========================================================= */
#sanus-reserva,
#sanus-reserva * {
box-sizing: border-box;
}
#sanus-reserva {
--purple: #8752df;
--purple-dark: #6938bf;
--purple-soft: #f5effd;
--navy: #172338;
--text: #637087;
--border: #e7e0ef;
--medical: #8445e6;
--dental: #328ee5;
--cardio: #24b966;
--xray: #ff9418;
--vaccine: #f43f75;
--nursing: #15b9b0;
--spirometry: #ef7416;
width: 100%;
padding: 28px 20px 64px;
background: #ffffff;
color: var(--navy);
font-family: inherit;
}
/* =========================================================
CONTENEDOR
========================================================= */
.sr-container {
width: min(1400px, 100%);
margin: 0 auto;
}
/* =========================================================
HERO
========================================================= */
.sr-hero {
position: relative;
min-height: 405px;
display: grid;
grid-template-columns: 48% 52%;
overflow: hidden;
border: 1px solid rgba(135,82,223,.17);
border-radius: 28px;
background:
linear-gradient(
135deg,
#ffffff 0%,
#fbf9fe 48%,
#f3edfc 100%
);
box-shadow:
0 18px 48px rgba(50,33,80,.06);
}
.sr-hero-content {
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
padding: 42px 42px 42px 58px;
}
/* =========================================================
HERO · TEXTOS
========================================================= */
.sr-kicker {
margin: 0 0 11px !important;
color: var(--purple) !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 850 !important;
letter-spacing: 1.1px !important;
text-transform: uppercase !important;
}
#sanus-reserva .sr-title,
#sanus-reserva .sr-title span {
text-transform: none !important;
}
.sr-title {
max-width: 570px;
margin: 0 0 14px !important;
color: var(--navy) !important;
font-size: clamp(39px, 3.5vw, 54px) !important;
line-height: 1 !important;
font-weight: 850 !important;
letter-spacing: -1.8px !important;
}
.sr-title span {
color: var(--purple);
}
.sr-lead {
max-width: 520px;
margin: 0 0 14px !important;
color: var(--navy) !important;
font-size: clamp(19px, 1.45vw, 23px) !important;
line-height: 1.22 !important;
font-weight: 700 !important;
letter-spacing: -.35px !important;
}
.sr-copy {
max-width: 520px;
margin: 0 !important;
color: var(--text) !important;
font-size: 15px !important;
line-height: 1.52 !important;
}
/* =========================================================
ETAPAS
========================================================= */
.sr-stages {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
margin-top: 18px;
}
.sr-stage {
min-height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 13px;
border: 1px solid rgba(135,82,223,.19);
border-radius: 999px;
background: rgba(255,255,255,.9);
color: var(--purple-dark);
font-size: 12px;
line-height: 1;
font-weight: 800;
}
/* =========================================================
BOTONES HERO
========================================================= */
.sr-hero-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 9px;
margin-top: 22px;
}
.sr-btn {
min-height: 47px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 20px;
border-radius: 11px;
text-decoration: none !important;
font-size: 13px;
line-height: 1;
font-weight: 800;
transition:
transform .18s ease,
background .18s ease,
border-color .18s ease,
box-shadow .18s ease;
}
.sr-btn-primary {
border: 1px solid var(--purple);
background: var(--purple);
color: #ffffff !important;
box-shadow:
0 8px 20px rgba(135,82,223,.17);
}
.sr-btn-primary:hover {
transform: translateY(-2px);
border-color: var(--purple-dark);
background: var(--purple-dark);
}
.sr-btn-secondary {
border: 1px solid rgba(135,82,223,.28);
background: #ffffff;
color: var(--purple-dark) !important;
}
.sr-btn-secondary:hover {
transform: translateY(-2px);
border-color: var(--purple);
}
/* =========================================================
HERO · IMAGEN
========================================================= */
.sr-hero-image {
position: relative;
min-width: 0;
height: 405px;
overflow: hidden;
}
.sr-hero-image img {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
object-fit: cover;
object-position: center center;
}
.sr-hero-image::before {
content: "";
position: absolute;
z-index: 2;
left: 0;
top: 0;
width: 90px;
height: 100%;
pointer-events: none;
background:
linear-gradient(
90deg,
rgba(248,244,253,.80),
rgba(248,244,253,0)
);
}
/* =========================================================
RESERVA
========================================================= */
#agenda-sanus {
scroll-margin-top: 95px;
}
.sr-booking {
padding-top: 58px;
}
.sr-booking-head {
max-width: 820px;
margin: 0 auto 34px;
text-align: center;
}
.sr-booking-eyebrow {
margin: 0 0 8px !important;
color: var(--purple) !important;
font-size: 12px !important;
font-weight: 850 !important;
letter-spacing: 1.1px !important;
text-transform: uppercase !important;
}
#sanus-reserva .sr-booking-title,
#sanus-reserva .sr-booking-title span {
text-transform: none !important;
}
.sr-booking-title {
margin: 0 0 11px !important;
color: var(--navy) !important;
font-size: clamp(30px, 2.6vw, 40px) !important;
line-height: 1.07 !important;
font-weight: 850 !important;
letter-spacing: -1.1px !important;
}
.sr-booking-title span {
color: var(--purple);
}
.sr-booking-copy {
max-width: 650px;
margin: 0 auto !important;
color: var(--text) !important;
font-size: 15px !important;
line-height: 1.55 !important;
}
/* =========================================================
GRID
========================================================= */
.sr-grid {
display: grid;
grid-template-columns:
repeat(4, minmax(0,1fr));
gap: 18px;
}
.sr-card:nth-child(5) {
grid-column: 1 / 2;
}
.sr-card:nth-child(6) {
grid-column: 2 / 3;
}
.sr-card:nth-child(7) {
grid-column: 3 / 4;
}
/* =========================================================
TARJETAS
========================================================= */
.sr-card {
position: relative;
min-width: 0;
min-height: 290px;
display: flex;
flex-direction: column;
padding: 24px 22px 20px;
overflow: hidden;
border: 1px solid var(--border);
border-radius: 21px;
background: #ffffff;
transition:
transform .2s ease,
border-color .2s ease,
box-shadow .2s ease;
}
.sr-card:hover {
transform: translateY(-4px);
border-color: rgba(135,82,223,.25);
box-shadow:
0 14px 30px rgba(45,30,68,.075);
}
.sr-card.cardio {
border-color: rgba(36,185,102,.30);
background:
linear-gradient(
180deg,
rgba(238,252,244,.76),
#ffffff 45%
);
}
/* =========================================================
TARJETA · PARTE SUPERIOR
========================================================= */
.sr-card-top {
min-height: 54px;
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
margin-bottom: 17px;
}
/* =========================================================
ICONOS
========================================================= */
.sr-icon {
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 52px;
border-radius: 15px;
}
.sr-icon svg {
width: 27px;
height: 27px;
stroke: currentColor;
}
.medical .sr-icon {
color: var(--medical);
background: #f1e7ff;
}
.dental .sr-icon {
color: var(--dental);
background: #e7f3ff;
}
.cardio .sr-icon {
color: var(--cardio);
background: #e6f8ed;
}
.xray .sr-icon {
color: var(--xray);
background: #fff0df;
}
.vaccine .sr-icon {
color: var(--vaccine);
background: #ffe8f0;
}
.nursing .sr-icon {
color: var(--nursing);
background: #e2f8f6;
}
.spirometry .sr-icon {
color: var(--spirometry);
background: #fff0e4;
}
/* =========================================================
FONASA
========================================================= */
.sr-fonasa {
width: 65px;
min-height: 45px;
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
border: 1px solid rgba(0,0,0,.04);
border-radius: 9px;
background: rgba(255,255,255,.96);
}
.sr-fonasa img {
display: block;
width: 57px;
max-width: 100%;
height: auto;
}
/* =========================================================
TEXTO TARJETAS
========================================================= */
#sanus-reserva .sr-card h3 {
min-height: 43px;
margin: 0 0 9px !important;
color: var(--navy) !important;
font-size: 19px !important;
line-height: 1.12 !important;
font-weight: 850 !important;
letter-spacing: -.4px !important;
text-transform: none !important;
}
.sr-card p {
margin: 0 !important;
color: var(--text) !important;
font-size: 13.5px !important;
line-height: 1.48 !important;
}
/* =========================================================
BOTONES TARJETAS
========================================================= */
.sr-card-actions {
display: grid;
gap: 8px;
margin-top: auto;
padding-top: 20px;
}
.sr-card-btn {
width: 100%;
min-height: 47px;
display: flex;
align-items: center;
justify-content: center;
padding: 9px 10px;
border-radius: 11px;
color: #ffffff !important;
text-decoration: none !important;
text-align: center;
font-size: 13px;
line-height: 1.15;
font-weight: 850;
transition:
transform .18s ease,
filter .18s ease,
box-shadow .18s ease;
}
.sr-card-btn:hover {
transform: translateY(-2px);
filter: brightness(.96);
box-shadow:
0 7px 16px rgba(32,32,50,.10);
}
.medical .sr-card-btn {
background: var(--medical);
}
.dental .sr-card-btn {
background: var(--dental);
}
.xray .sr-card-btn {
background: var(--xray);
}
.vaccine .sr-card-btn {
background: var(--vaccine);
}
.nursing .sr-card-btn {
background: var(--nursing);
}
.spirometry .sr-card-btn {
background: var(--spirometry);
}
/* CARDIO */
.cardio .sr-card-actions {
gap: 7px;
}
.cardio .sr-card-btn {
min-height: 43px;
font-size: 12px;
}
.cardio .sr-card-btn.cardio-outline {
border: 1.5px solid var(--cardio);
background: #ffffff;
color: #159b51 !important;
}
.cardio .sr-card-btn.cardio-main {
background: var(--cardio);
color: #ffffff !important;
}
/* =========================================================
BLOQUE HORARIOS
========================================================= */
.sr-hours {
position: relative;
display: grid;
grid-template-columns:
230px
1fr
auto;
align-items: center;
gap: 28px;
margin-top: 32px;
padding: 27px 30px;
overflow: hidden;
border-radius: 21px;
background:
linear-gradient(
105deg,
#9257e2 0%,
#7541c9 57%,
#6033ad 100%
);
color: #ffffff;
box-shadow:
0 15px 34px rgba(105,56,191,.16);
}
/* DECORACIÓN */
.sr-hours::before {
content: "";
position: absolute;
width: 240px;
height: 240px;
right: -80px;
top: -145px;
border-radius: 50%;
background: rgba(255,255,255,.055);
pointer-events: none;
}
.sr-hours::after {
content: "";
position: absolute;
width: 150px;
height: 150px;
left: -75px;
bottom: -110px;
border-radius: 50%;
background: rgba(255,255,255,.035);
pointer-events: none;
}
/* =========================================================
TÍTULO HORARIOS
========================================================= */
.sr-hours-heading {
position: relative;
z-index: 2;
display: flex;
align-items: center;
gap: 14px;
}
.sr-hours-icon {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 50px;
border-radius: 14px;
background: rgba(255,255,255,.14);
}
.sr-hours-icon svg {
width: 25px;
height: 25px;
stroke: currentColor;
}
.sr-hours-heading-text span {
display: block;
margin-bottom: 3px;
color: rgba(255,255,255,.72);
font-size: 10px;
font-weight: 800;
letter-spacing: .9px;
text-transform: uppercase;
}
.sr-hours-heading-text strong {
display: block;
color: #ffffff;
font-size: 18px;
line-height: 1.15;
}
/* =========================================================
HORARIOS · DÍAS
========================================================= */
.sr-hours-list {
position: relative;
z-index: 2;
display: grid;
grid-template-columns:
repeat(3, minmax(0,1fr));
min-width: 0;
}
.sr-hour {
min-width: 0;
padding: 4px 22px;
border-left:
1px solid rgba(255,255,255,.18);
}
.sr-hour:first-child {
border-left: 0;
}
.sr-hour span {
display: block;
margin-bottom: 5px;
color: rgba(255,255,255,.72);
font-size: 11px;
line-height: 1.2;
}
.sr-hour strong {
display: block;
color: #ffffff;
font-size: 15px;
line-height: 1.2;
font-weight: 800;
}
/* =========================================================
WHATSAPP HORARIOS
========================================================= */
.sr-hours-action {
position: relative;
z-index: 2;
min-width: 205px;
}
.sr-hours-whatsapp {
width: 100%;
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 20px;
border-radius: 11px;
background: #ffffff;
color: var(--purple-dark) !important;
text-decoration: none !important;
text-align: center;
font-size: 12.5px;
font-weight: 850;
transition:
transform .18s ease,
box-shadow .18s ease;
}
.sr-hours-whatsapp:hover {
transform: translateY(-2px);
box-shadow:
0 7px 18px rgba(40,20,70,.16);
}
.sr-hours-whatsapp svg {
width: 18px;
height: 18px;
flex: 0 0 18px;
stroke: currentColor;
}
/* =========================================================
AYUDA / RECORDATORIO
========================================================= */
.sr-support {
display: grid;
grid-template-columns:
1fr 1fr;
margin-top: 14px;
overflow: hidden;
border: 1px solid #eee7f7;
border-radius: 18px;
background:
linear-gradient(
90deg,
#f8f4fe,
#fcfaff
);
}
.sr-support-item {
min-height: 82px;
display: flex;
align-items: center;
gap: 14px;
padding: 18px 22px;
}
.sr-support-item + .sr-support-item {
border-left: 1px solid #e5daf3;
}
.sr-support-icon {
width: 41px;
height: 41px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 41px;
border-radius: 12px;
background: #eee3fd;
color: var(--purple);
}
.sr-support-icon svg {
width: 21px;
height: 21px;
stroke: currentColor;
}
.sr-support-text strong {
display: block;
margin-bottom: 3px;
color: var(--purple-dark);
font-size: 13.5px;
}
.sr-support-text span {
display: block;
color: var(--text);
font-size: 12px;
line-height: 1.42;
}
/* =========================================================
TABLET
========================================================= */
@media (max-width:1050px) {
.sr-hero {
grid-template-columns: 49% 51%;
min-height: 390px;
}
.sr-hero-content {
padding: 38px 30px 38px 40px;
}
.sr-title {
font-size: 42px !important;
}
.sr-hero-image {
height: 390px;
}
.sr-grid {
grid-template-columns:
repeat(2, minmax(0,1fr));
}
.sr-card:nth-child(5),
.sr-card:nth-child(6),
.sr-card:nth-child(7) {
grid-column: auto;
}
.sr-card:nth-child(7) {
grid-column: 1 / -1;
width: calc(50% - 9px);
justify-self: center;
}
.sr-hours {
grid-template-columns:
210px
1fr;
gap: 22px;
}
.sr-hours-action {
grid-column: 1 / -1;
width: 100%;
}
.sr-hours-whatsapp {
width: 100%;
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width:767px) {
#sanus-reserva {
padding: 12px 11px 42px;
}
.sr-container {
width: 100%;
}
/* HERO */
.sr-hero {
display: flex;
flex-direction: column;
min-height: 0;
border-radius: 21px;
}
.sr-hero-content {
order: 1;
width: 100%;
padding: 29px 21px 25px;
}
.sr-kicker {
margin-bottom: 9px !important;
font-size: 10.5px !important;
}
.sr-title {
max-width: 100%;
margin-bottom: 12px !important;
font-size: 34px !important;
line-height: 1.01 !important;
letter-spacing: -1.1px !important;
}
.sr-lead {
max-width: 100%;
margin-bottom: 10px !important;
font-size: 18px !important;
line-height: 1.2 !important;
}
.sr-copy {
max-width: 100%;
font-size: 13.5px !important;
line-height: 1.48 !important;
}
/* ETAPAS */
.sr-stages {
width: 100%;
gap: 6px;
margin-top: 16px;
}
.sr-stage {
flex: 1;
min-width:
calc(33.333% - 5px);
min-height: 36px;
padding: 0 6px;
font-size: 11px;
}
/* BOTONES HERO */
.sr-hero-actions {
flex-direction: column;
width: 100%;
gap: 8px;
margin-top: 19px;
}
.sr-btn {
width: 100%;
min-height: 48px;
}
/* FOTO */
.sr-hero-image {
order: 2;
width: 100%;
height: 220px;
}
.sr-hero-image img {
height: 220px;
object-position: 61% center;
}
.sr-hero-image::before {
display: none;
}
/* RESERVA */
.sr-booking {
padding-top: 42px;
}
.sr-booking-head {
margin-bottom: 25px;
padding: 0 7px;
text-align: left;
}
.sr-booking-eyebrow {
margin-bottom: 7px !important;
font-size: 10.5px !important;
}
.sr-booking-title {
margin-bottom: 9px !important;
font-size: 29px !important;
line-height: 1.06 !important;
letter-spacing: -.8px !important;
}
.sr-booking-copy {
margin: 0 !important;
font-size: 13.5px !important;
line-height: 1.48 !important;
}
/* TARJETAS */
.sr-grid {
display: grid;
grid-template-columns: 1fr;
gap: 11px;
}
.sr-card,
.sr-card:nth-child(5),
.sr-card:nth-child(6),
.sr-card:nth-child(7) {
width: 100%;
min-height: 0;
grid-column: auto;
justify-self: stretch;
padding: 17px 16px;
border-radius: 17px;
}
.sr-card:hover {
transform: none;
}
.sr-card-top {
min-height: 44px;
margin-bottom: 12px;
}
.sr-icon {
width: 44px;
height: 44px;
flex: 0 0 44px;
border-radius: 13px;
}
.sr-icon svg {
width: 23px;
height: 23px;
}
.sr-fonasa {
width: 61px;
min-height: 40px;
}
.sr-fonasa img {
width: 53px;
}
#sanus-reserva .sr-card h3 {
min-height: 0;
margin-bottom: 6px !important;
font-size: 18px !important;
line-height: 1.12 !important;
}
.sr-card p {
font-size: 12.5px !important;
line-height: 1.42 !important;
}
.sr-card-actions {
padding-top: 15px;
}
.sr-card-btn {
min-height: 45px;
font-size: 12.5px;
}
.cardio .sr-card-btn {
min-height: 43px;
font-size: 11.5px;
}
/* =====================================================
HORARIOS MOBILE
===================================================== */
.sr-hours {
grid-template-columns: 1fr;
gap: 18px;
margin-top: 22px;
padding: 21px 18px;
border-radius: 18px;
}
.sr-hours-heading {
gap: 12px;
}
.sr-hours-icon {
width: 44px;
height: 44px;
flex: 0 0 44px;
border-radius: 13px;
}
.sr-hours-icon svg {
width: 22px;
height: 22px;
}
.sr-hours-heading-text strong {
font-size: 17px;
}
.sr-hours-list {
grid-template-columns: 1fr;
border-top:
1px solid rgba(255,255,255,.18);
}
.sr-hour {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 11px 1px;
border-left: 0;
border-bottom:
1px solid rgba(255,255,255,.18);
}
.sr-hour span {
margin: 0;
font-size: 11.5px;
}
.sr-hour strong {
font-size: 13.5px;
}
.sr-hours-action {
min-width: 0;
}
.sr-hours-whatsapp {
min-height: 48px;
font-size: 12.5px;
}
/* =====================================================
INFORMACIÓN MOBILE
===================================================== */
.sr-support {
grid-template-columns: 1fr;
margin-top: 11px;
border-radius: 17px;
}
.sr-support-item {
min-height: 0;
padding: 15px;
}
.sr-support-item + .sr-support-item {
border-left: 0;
border-top:
1px solid #e5daf3;
}
.sr-support-icon {
width: 39px;
height: 39px;
flex: 0 0 39px;
}
.sr-support-text strong {
font-size: 13px;
}
.sr-support-text span {
font-size: 11.5px;
}
}
/* =========================================================
MOBILE PEQUEÑO
========================================================= */
@media (max-width:390px) {
.sr-title {
font-size: 31px !important;
}
.sr-booking-title {
font-size: 27px !important;
}
.sr-stage {
font-size: 10.5px;
}
}
Atención para toda la familia
Agenda tu
atención en Sanus
Encuentra la atención que necesitas
y reserva de forma simple.
Selecciona el servicio que necesitas y accede
directamente a la agenda correspondiente.
Niños
Adolescentes
Adultos
Consultas médicas
Reserva con nuestros médicos y especialistas
en distintas áreas de la salud.
Odontología
Agenda tu atención odontológica
directamente en nuestra plataforma.
Exámenes cardiológicos
Electrocardiograma, Holter de presión,
Holter de arritmia y Ecocardiograma.
Rayos X
Agenda tus radiografías en Sanus,
con atención para niños y adultos.
Vacunatorio
Agenda tu vacunación de manera
rápida y segura en Sanus.
Procedimientos de enfermería
Curaciones, administración de medicamentos
y otros procedimientos.
Espirometrías
Agenda tu examen de espirometría
de forma rápida y sencilla.
Sanus
Horarios de atención
Lunes a viernes
09:00 – 19:00
Sábado
09:00 – 13:00
Domingo
Cerrado
Recuerda
La disponibilidad de horarios puede variar
según el tipo de prestación.
¿Dudas o consultas?
Escríbenos y te ayudamos a encontrar
la atención que necesitas.
