<style>
html,
body {
margin: 0;
padding: 0;
overflow-x: hidden !important;
}
.atendemos-v4,
.atendemos-v4 * {
box-sizing: border-box;
}
.atendemos-v4 {
--azul: #0B75BB;
--azul-oscuro: #075F99;
--azul-profundo: #053D63;
--verde: #84C341;
--verde-oscuro: #65A832;
--texto: #24313A;
--gris: #647782;
--suave: #F3F9FC;
--borde: #DCECF4;
--blanco: #FFFFFF;
width: 100%;
max-width: 100%;
overflow-x: hidden;
font-family: "Trebuchet MS", Arial, sans-serif;
color: var(--texto);
background: #ffffff;
}
/* HEADER */
.at-header {
width: 100%;
background: #ffffff;
border-bottom: 1px solid var(--borde);
position: sticky;
top: 0;
z-index: 999;
box-shadow: 0 8px 22px rgba(0,0,0,0.05);
}
.at-header-inner {
max-width: 1200px;
margin: 0 auto;
padding: 13px 24px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}
.at-logo {
display: flex;
align-items: center;
text-decoration: none;
}
.at-logo img {
width: 230px;
max-width: 100%;
height: auto;
display: block;
}
.at-menu {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
flex-wrap: wrap;
}
.at-menu a {
color: var(--texto);
text-decoration: none;
font-size: 15px;
font-weight: 700;
padding: 10px 13px;
border-radius: 10px;
transition: all 0.25s ease;
}
.at-menu a:hover {
color: var(--azul);
background: var(--suave);
}
.at-menu .at-menu-btn {
background: var(--verde);
color: #ffffff !important;
padding: 11px 18px;
border-radius: 30px;
box-shadow: 0 10px 22px rgba(132,195,65,0.28);
}
.at-menu .at-menu-btn:hover {
background: var(--verde-oscuro);
}
/* HERO */
.at-hero {
width: 100%;
min-height: 700px;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
background: var(--azul);
}
.at-hero-slides {
position: absolute;
inset: 0;
z-index: 1;
}
.at-hero-slide {
position: absolute;
inset: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
transform: scale(1.04);
transition: opacity 1s ease-in-out;
}
.at-hero-slide.active {
opacity: 1;
}
.at-hero-overlay {
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(5,61,99,0.92) 0%, rgba(7,95,153,0.78) 46%, rgba(11,117,187,0.35) 100%);
z-index: 2;
}
.at-hero-content {
position: relative;
z-index: 3;
max-width: 1200px;
margin: 0 auto;
width: 100%;
padding: 95px 24px;
}
.at-hero-box {
max-width: 700px;
color: #ffffff;
}
.at-eyebrow {
display: inline-block;
background: rgba(255,255,255,0.16);
border: 1px solid rgba(255,255,255,0.28);
color: #ffffff;
padding: 9px 18px;
border-radius: 30px;
font-size: 13px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 22px;
}
.at-hero h1 {
color: #ffffff;
font-size: 64px;
line-height: 1.04;
margin: 0 0 22px 0;
font-weight: 900;
letter-spacing: -1px;
text-shadow: 0 5px 20px rgba(0,0,0,0.22);
}
.at-hero p {
color: #EAF7FF;
font-size: 20px;
line-height: 1.68;
margin: 0 0 34px 0;
max-width: 660px;
}
.at-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
}
.at-btn {
display: inline-block;
text-decoration: none;
padding: 15px 30px;
border-radius: 35px;
font-size: 15px;
font-weight: 900;
transition: all 0.25s ease;
}
.at-btn-primary {
background: var(--verde);
color: #ffffff !important;
box-shadow: 0 12px 26px rgba(0,0,0,0.18);
}
.at-btn-primary:hover {
background: var(--verde-oscuro);
transform: translateY(-2px);
}
.at-btn-secondary {
background: #ffffff;
color: var(--azul) !important;
}
.at-btn-secondary:hover {
background: #EAF7FF;
color: var(--azul-oscuro) !important;
}
.at-hero-dots {
position: absolute;
z-index: 5;
left: 50%;
bottom: 28px;
transform: translateX(-50%);
display: flex;
gap: 10px;
}
.at-dot {
width: 12px;
height: 12px;
background: rgba(255,255,255,0.48);
border-radius: 50%;
cursor: pointer;
transition: all 0.25s ease;
}
.at-dot.active {
background: #ffffff;
transform: scale(1.2);
}
/* TARJETA FLOTANTE */
.at-floating {
position: relative;
z-index: 20;
padding: 0 24px;
margin-top: -58px;
}
.at-floating-grid {
max-width: 1200px;
margin: 0 auto;
background: #ffffff;
border: 1px solid var(--borde);
border-radius: 28px;
overflow: hidden;
box-shadow: 0 18px 44px rgba(0,0,0,0.13);
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.at-floating-item {
padding: 28px 24px;
border-right: 1px solid var(--borde);
}
.at-floating-item:last-child {
border-right: none;
}
.at-floating-item strong {
display: block;
color: var(--azul);
font-size: 30px;
margin-bottom: 8px;
font-weight: 900;
}
.at-floating-item span {
color: var(--gris);
font-size: 15px;
line-height: 1.6;
}
/* SECCIONES */
.at-section {
width: 100%;
padding: 82px 24px;
background: #ffffff;
}
.at-section-soft {
background: var(--suave);
}
.at-title {
text-align: center;
color: var(--texto);
font-size: 42px;
line-height: 1.15;
margin: 0 0 18px 0;
font-weight: 900;
}
.at-title span {
color: var(--azul);
}
.at-description {
max-width: 870px;
margin: 0 auto 48px auto;
text-align: center;
color: var(--gris);
font-size: 17px;
line-height: 1.75;
}
/* SERVICIOS PRINCIPALES */
.at-services-grid {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 22px;
}
.at-service-card {
background: #ffffff;
border: 1px solid var(--borde);
border-radius: 28px;
padding: 30px 24px;
box-shadow: 0 10px 28px rgba(0,0,0,0.06);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.at-service-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 6px;
width: 100%;
background: linear-gradient(90deg, var(--azul), var(--verde));
}
.at-service-card::after {
content: "";
position: absolute;
right: -45px;
bottom: -45px;
width: 130px;
height: 130px;
border-radius: 50%;
background: rgba(132,195,65,0.12);
}
.at-service-card:hover {
transform: translateY(-7px);
box-shadow: 0 18px 38px rgba(0,0,0,0.10);
border-color: rgba(11,117,187,0.25);
}
.at-service-icon {
width: 66px;
height: 66px;
border-radius: 22px;
background:
radial-gradient(circle at top right, rgba(132,195,65,0.35), transparent 45%),
linear-gradient(135deg, #F3F9FC, #ffffff);
border: 1px solid var(--borde);
color: var(--azul);
display: flex;
align-items: center;
justify-content: center;
font-size: 33px;
margin-bottom: 20px;
position: relative;
z-index: 2;
}
.at-service-body {
position: relative;
z-index: 2;
}
.at-service-body h3 {
color: var(--azul-oscuro);
font-size: 21px;
line-height: 1.25;
margin: 0 0 12px 0;
font-weight: 900;
}
.at-service-body p {
color: var(--gris);
font-size: 15px;
line-height: 1.65;
margin: 0 0 18px 0;
}
.at-service-body a {
color: var(--verde-oscuro);
text-decoration: none;
font-size: 15px;
font-weight: 900;
}
/* PORTAFOLIO */
.at-portfolio {
max-width: 1180px;
margin: 0 auto;
}
.at-portfolio-intro {
max-width: 980px;
margin: 0 auto 34px auto;
background: #ffffff;
border: 1px solid var(--borde);
border-radius: 26px;
padding: 28px;
box-shadow: 0 10px 28px rgba(0,0,0,0.05);
text-align: center;
}
.at-portfolio-intro h3 {
color: var(--azul);
font-size: 28px;
margin: 0 0 10px 0;
font-weight: 900;
}
.at-portfolio-intro p {
color: var(--gris);
font-size: 16px;
line-height: 1.7;
margin: 0;
}
.at-accordion {
display: grid;
gap: 14px;
}
.at-accordion details {
background: #ffffff;
border: 1px solid var(--borde);
border-radius: 22px;
box-shadow: 0 8px 22px rgba(0,0,0,0.045);
overflow: hidden;
}
.at-accordion summary {
cursor: pointer;
list-style: none;
padding: 20px 24px;
color: var(--azul-oscuro);
font-size: 19px;
font-weight: 900;
display: flex;
justify-content: space-between;
gap: 16px;
align-items: center;
}
.at-accordion summary::-webkit-details-marker {
display: none;
}
.at-accordion summary::after {
content: "+";
width: 30px;
height: 30px;
background: var(--suave);
color: var(--azul);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.at-accordion details[open] summary::after {
content: "−";
background: var(--verde);
color: #ffffff;
}
.at-portfolio-body {
padding: 0 24px 24px 24px;
}
.at-service-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 16px 0;
}
.at-service-tags span {
display: inline-block;
background: var(--suave);
color: var(--azul-oscuro);
border: 1px solid var(--borde);
border-radius: 22px;
padding: 8px 12px;
font-size: 13px;
font-weight: 800;
}
.at-procedure-list {
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: 9px;
}
.at-procedure-list li {
color: var(--texto);
font-size: 15px;
line-height: 1.55;
padding: 13px 14px;
background: #FBFDFE;
border: 1px solid #EAF2F6;
border-radius: 14px;
}
.at-procedure-list b {
color: var(--azul);
}
/* NOSOTROS */
.at-about {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 45px;
align-items: center;
}
.at-about-text h2 {
color: var(--texto);
font-size: 42px;
line-height: 1.15;
margin: 0 0 18px 0;
font-weight: 900;
}
.at-about-text p {
color: var(--gris);
font-size: 17px;
line-height: 1.75;
margin: 0 0 18px 0;
}
.at-list {
list-style: none;
padding: 0;
margin: 25px 0 30px 0;
}
.at-list li {
color: var(--texto);
font-size: 16px;
line-height: 1.55;
margin-bottom: 12px;
padding-left: 32px;
position: relative;
}
.at-list li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
width: 22px;
height: 22px;
border-radius: 50%;
background: var(--verde);
color: #ffffff;
font-size: 13px;
font-weight: 900;
display: flex;
align-items: center;
justify-content: center;
}
.at-about-img {
min-height: 480px;
border-radius: 34px;
background:
radial-gradient(circle at top right, rgba(132,195,65,0.35), transparent 34%),
radial-gradient(circle at bottom left, rgba(255,255,255,0.18), transparent 32%),
linear-gradient(135deg, #0B75BB 0%, #075F99 48%, #053D63 100%);
box-shadow: 0 18px 44px rgba(0,0,0,0.14);
position: relative;
overflow: hidden;
padding: 34px;
display: flex;
align-items: center;
justify-content: center;
}
.at-about-img::before {
content: "";
position: absolute;
width: 260px;
height: 260px;
border-radius: 50%;
border: 38px solid rgba(255,255,255,0.10);
top: -70px;
right: -70px;
}
.at-about-img::after {
content: "";
position: absolute;
width: 190px;
height: 190px;
border-radius: 50%;
background: rgba(132,195,65,0.22);
bottom: -55px;
left: -45px;
}
.at-about-mini {
position: relative;
z-index: 3;
max-width: 430px;
width: 100%;
background: rgba(255,255,255,0.96);
border-radius: 28px;
padding: 32px;
box-shadow: 0 16px 34px rgba(0,0,0,0.16);
text-align: left;
}
.at-about-mini strong {
display: block;
color: var(--azul);
font-size: 30px;
font-weight: 900;
margin-bottom: 10px;
line-height: 1.15;
}
.at-about-mini span {
display: block;
color: var(--gris);
font-size: 16px;
line-height: 1.7;
margin-bottom: 22px;
}
.at-about-icons {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.at-about-icon-card {
background: var(--suave);
border: 1px solid var(--borde);
border-radius: 18px;
padding: 16px 14px;
text-align: center;
}
.at-about-icon-card b {
display: block;
color: var(--verde-oscuro);
font-size: 26px;
margin-bottom: 6px;
}
.at-about-icon-card small {
display: block;
color: var(--azul-oscuro);
font-size: 13px;
font-weight: 800;
line-height: 1.35;
}
/* PROGRAMAS */
.at-programs {
max-width: 1100px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 14px;
justify-content: center;
}
.at-chip {
background: #ffffff;
color: var(--azul-oscuro);
border: 1px solid var(--borde);
border-radius: 28px;
padding: 13px 20px;
font-size: 15px;
font-weight: 800;
box-shadow: 0 6px 16px rgba(0,0,0,0.04);
}
.at-chip span {
color: var(--verde-oscuro);
}
/* GALERÍA */
.at-gallery-grid {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
}
.at-gallery-item {
min-height: 230px;
border-radius: 22px;
overflow: hidden;
display: block;
background-size: cover;
background-position: center;
box-shadow: 0 10px 24px rgba(0,0,0,0.08);
border: 1px solid var(--borde);
transition: all 0.3s ease;
}
.at-gallery-item:hover {
transform: translateY(-5px);
box-shadow: 0 16px 34px rgba(0,0,0,0.12);
}
.at-gallery-item.big {
grid-column: span 2;
grid-row: span 2;
min-height: 478px;
}
/* RESEÑAS */
.at-reviews {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.at-review {
background: #ffffff;
border: 1px solid var(--borde);
border-radius: 24px;
padding: 28px;
box-shadow: 0 10px 28px rgba(0,0,0,0.05);
}
.at-stars {
color: #FFC107;
font-size: 19px;
margin-bottom: 14px;
}
.at-review p {
color: var(--gris);
font-size: 15.5px;
line-height: 1.7;
margin: 0 0 18px 0;
}
.at-review strong {
color: var(--azul);
font-size: 15px;
}
/* CONTACTO */
.at-contact {
background:
linear-gradient(120deg, rgba(11,117,187,0.96), rgba(5,61,99,0.95)),
url("https://atendemosips.com/wp-content/uploads/2023/05/contactanos.png");
background-size: cover;
background-position: center;
color: #ffffff;
}
.at-contact-grid {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 34px;
align-items: stretch;
}
.at-contact-info h2 {
color: #ffffff;
font-size: 42px;
line-height: 1.15;
margin: 0 0 18px 0;
font-weight: 900;
}
.at-contact-info p {
color: #EAF7FF;
font-size: 17px;
line-height: 1.75;
margin: 0 0 24px 0;
}
.at-contact-items {
display: grid;
gap: 14px;
}
.at-contact-item {
background: rgba(255,255,255,0.12);
border: 1px solid rgba(255,255,255,0.20);
color: #ffffff;
border-radius: 18px;
padding: 16px 18px;
font-size: 15.5px;
line-height: 1.6;
}
.at-contact-item strong {
display: block;
color: #ffffff;
margin-bottom: 5px;
}
.at-form {
background: #ffffff;
color: var(--texto);
border-radius: 30px;
padding: 34px;
box-shadow: 0 18px 42px rgba(0,0,0,0.18);
}
.at-form h3 {
color: var(--azul);
font-size: 28px;
margin: 0 0 18px 0;
font-weight: 900;
}
.at-form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
}
.at-field {
margin-bottom: 14px;
}
.at-field-full {
grid-column: 1 / -1;
}
.at-field label {
display: block;
color: var(--texto);
font-size: 14px;
font-weight: 800;
margin-bottom: 8px;
}
.at-field input,
.at-field select,
.at-field textarea {
width: 100%;
border: 1px solid var(--borde);
border-radius: 14px;
padding: 14px;
font-family: Arial, sans-serif;
font-size: 15px;
outline: none;
color: var(--texto);
background: #ffffff;
}
.at-field textarea {
min-height: 110px;
resize: vertical;
}
.at-submit {
width: 100%;
background: var(--verde);
color: #ffffff;
border: none;
border-radius: 30px;
padding: 15px 24px;
font-size: 15px;
font-weight: 900;
cursor: pointer;
transition: all 0.25s ease;
}
.at-submit:hover {
background: var(--verde-oscuro);
}
/* FOOTER */
.at-footer {
background: var(--azul-profundo);
color: #DDEEF7;
padding: 52px 24px;
}
.at-footer-grid {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.1fr 1fr 1fr;
gap: 34px;
}
.at-footer h3 {
color: #ffffff;
font-size: 22px;
font-weight: 900;
margin: 0 0 16px 0;
}
.at-footer p,
.at-footer a {
color: #DDEEF7;
font-size: 15px;
line-height: 1.75;
text-decoration: none;
margin: 0;
}
.at-footer a:hover {
color: #ffffff;
}
.at-footer-links {
display: flex;
flex-direction: column;
gap: 8px;
}
.at-copy {
background: #032F4D;
color: #CDE5F0;
text-align: center;
padding: 15px 20px;
font-size: 14px;
}
.at-wa {
position: fixed;
right: 22px;
bottom: 22px;
width: 62px;
height: 62px;
background: #25D366;
color: #ffffff !important;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 30px;
z-index: 9999;
box-shadow: 0 14px 28px rgba(0,0,0,0.25);
}
@media (max-width: 1024px) {
.at-header-inner {
flex-direction: column;
justify-content: center;
text-align: center;
}
.at-menu {
justify-content: center;
}
.at-hero {
min-height: 620px;
}
.at-hero h1 {
font-size: 52px;
}
.at-floating-grid,
.at-services-grid,
.at-about,
.at-contact-grid,
.at-footer-grid,
.at-reviews {
grid-template-columns: repeat(2, 1fr);
}
.at-gallery-grid {
grid-template-columns: repeat(2, 1fr);
}
.at-gallery-item.big {
grid-column: span 1;
grid-row: span 1;
min-height: 260px;
}
}
@media (max-width: 767px) {
.at-logo img {
width: 195px;
}
.at-menu {
gap: 5px;
}
.at-menu a {
font-size: 13px;
padding: 8px 9px;
}
.at-hero {
min-height: 610px;
}
.at-hero-content {
padding: 68px 22px;
}
.at-hero h1 {
font-size: 40px;
}
.at-hero p {
font-size: 17px;
}
.at-hero-actions {
flex-direction: column;
}
.at-btn {
width: 100%;
max-width: 320px;
text-align: center;
}
.at-floating {
padding: 0 22px;
margin-top: -34px;
}
.at-floating-grid,
.at-services-grid,
.at-about,
.at-contact-grid,
.at-footer-grid,
.at-reviews,
.at-form-row,
.at-gallery-grid {
grid-template-columns: 1fr;
}
.at-floating-item {
border-right: none;
border-bottom: 1px solid var(--borde);
}
.at-floating-item:last-child {
border-bottom: none;
}
.at-section {
padding: 62px 22px;
}
.at-title,
.at-about-text h2,
.at-contact-info h2 {
font-size: 32px;
}
.at-description {
font-size: 16px;
margin-bottom: 34px;
}
.at-about-img {
min-height: 420px;
padding: 24px;
}
.at-about-mini {
padding: 26px 22px;
}
.at-about-icons {
grid-template-columns: 1fr;
}
.at-gallery-item,
.at-gallery-item.big {
min-height: 250px;
}
.at-form {
padding: 26px 20px;
}
.at-footer {
text-align: center;
}
.at-footer-links {
align-items: center;
}
}
</style>
<div class="atendemos-v4">
<header class="at-header">
<div class="at-header-inner">
<a href="#inicio" class="at-logo">
<img src="https://atendemosips.com/wp-content/uploads/2026/08/logo-atendemos-scaled.png" alt="Atendemos IPS">
</a>
<nav class="at-menu">
<a href="#inicio">Inicio</a>
<a href="#servicios">Servicios</a>
<a href="#portafolio">Portafolio</a>
<a href="#nosotros">Nosotros</a>
<a href="#galeria">Galería</a>
<a href="#contacto" class="at-menu-btn">Solicitar cita</a>
</nav>
</div>
</header>
<section class="at-hero" id="inicio">
<div class="at-hero-slides">
<div class="at-hero-slide active" style="background-image:url('https://atendemosips.com/wp-content/uploads/2023/05/WhatsApp-Image-2023-05-26-at-9.43.34-AM.jpeg');"></div>
<div class="at-hero-slide" style="background-image:url('https://atendemosips.com/wp-content/uploads/2023/05/WhatsApp-Image-2023-05-26-at-9.43.34-AM-1.jpeg');"></div>
<div class="at-hero-slide" style="background-image:url('https://atendemosips.com/wp-content/uploads/2023/05/WhatsApp-Image-2023-05-26-at-9.43.33-AM.jpeg');"></div>
<div class="at-hero-slide" style="background-image:url('https://atendemosips.com/wp-content/uploads/2023/05/WhatsApp-Image-2023-05-26-at-9.43.22-AM.jpeg');"></div>
</div>
<div class="at-hero-overlay"></div>
<div class="at-hero-content">
<div class="at-hero-box">
<span class="at-eyebrow">Atención humana · Integral · Especializada</span>
<h1>Servicios integrales para el cuidado de tu salud</h1>
<p>
Atendemos IPS integra medicina, terapias, tamizajes, procedimientos, salud mental y programas especializados para brindar una atención oportuna, humana y segura.
</p>
<div class="at-hero-actions">
<a href="#contacto" class="at-btn at-btn-primary">Solicitar cita</a>
<a href="#servicios" class="at-btn at-btn-secondary">Conocer servicios</a>
</div>
</div>
</div>
<div class="at-hero-dots">
<span class="at-dot active" data-slide="0"></span>
<span class="at-dot" data-slide="1"></span>
<span class="at-dot" data-slide="2"></span>
<span class="at-dot" data-slide="3"></span>
</div>
</section>
<section class="at-floating">
<div class="at-floating-grid">
<div class="at-floating-item">
<strong>IPS</strong>
<span>Servicios de salud organizados por áreas asistenciales.</span>
</div>
<div class="at-floating-item">
<strong>REPS</strong>
<span>Oferta estructurada con códigos, modalidad y complejidad.</span>
</div>
<div class="at-floating-item">
<strong>Integral</strong>
<span>Medicina, terapias, diagnóstico, salud mental y prevención.</span>
</div>
<div class="at-floating-item">
<strong>Cartagena</strong>
<span>Ubicación en Manga, Bolívar - Colombia.</span>
</div>
</div>
</section>
<section class="at-section" id="servicios">
<h2 class="at-title">Servicios <span>Atendemos IPS</span></h2>
<p class="at-description">
Organizamos nuestra oferta por líneas de atención para facilitar la orientación del paciente y la gestión de citas.
</p>
<div class="at-services-grid">
<div class="at-service-card">
<div class="at-service-icon">💙</div>
<div class="at-service-body">
<h3>Manejo integral del dolor</h3>
<p>Consultas, programa de dolor y cuidados paliativos, infiltraciones, ondas de choque y procedimientos intervencionistas.</p>
<a href="#portafolio">Ver portafolio →</a>
</div>
</div>
<div class="at-service-card">
<div class="at-service-icon">🩺</div>
<div class="at-service-body">
<h3>Consulta médica</h3>
<p>Medicina general, medicina interna, medicina laboral y valoración por especialidades según disponibilidad.</p>
<a href="#portafolio">Ver portafolio →</a>
</div>
</div>
<div class="at-service-card">
<div class="at-service-icon">🦴</div>
<div class="at-service-body">
<h3>Ortopedia y ortopedia infantil</h3>
<p>Consulta especializada, manejo de pie equinovaro, aplicación de yesos, ecografía de cadera y procedimientos asociados.</p>
<a href="#portafolio">Ver portafolio →</a>
</div>
</div>
<div class="at-service-card">
<div class="at-service-icon">🧠</div>
<div class="at-service-body">
<h3>Salud mental y neuropsicología</h3>
<p>Psicología, psiquiatría, pruebas cognitivas, psicoterapia, evaluación emocional y rehabilitación cognitiva.</p>
<a href="#portafolio">Ver portafolio →</a>
</div>
</div>
<div class="at-service-card">
<div class="at-service-icon">🗣️</div>
<div class="at-service-body">
<h3>Apoyo terapéutico</h3>
<p>Fisioterapia, fonoaudiología, terapia ocupacional, nutrición y servicios de rehabilitación funcional.</p>
<a href="#portafolio">Ver portafolio →</a>
</div>
</div>
<div class="at-service-card">
<div class="at-service-icon">👶</div>
<div class="at-service-body">
<h3>Tamizajes y diagnóstico</h3>
<p>Tamizaje neonatal, tamizaje visual, potenciales evocados, audiometría, otoemisiones y pruebas complementarias.</p>
<a href="#portafolio">Ver portafolio →</a>
</div>
</div>
<div class="at-service-card">
<div class="at-service-icon">🌿</div>
<div class="at-service-body">
<h3>Inmunología y alergias</h3>
<p>Consulta especializada, pruebas de alergia, inmunoterapia, extractos alergénicos y procedimientos relacionados.</p>
<a href="#portafolio">Ver portafolio →</a>
</div>
</div>
<div class="at-service-card">
<div class="at-service-icon">🏃</div>
<div class="at-service-body">
<h3>Promoción y prevención</h3>
<p>Charlas, actividades educativas, salud reproductiva, prevención, bienestar y medicina del deporte.</p>
<a href="#contacto">Solicitar información →</a>
</div>
</div>
</div>
</section>
<section class="at-section at-section-soft" id="portafolio">
<h2 class="at-title">Portafolio de <span>servicios habilitados</span></h2>
<p class="at-description">
Resumen organizado de la oferta de servicios según el archivo técnico de servicios, tecnologías, modalidad, complejidad y CUPS.
</p>
<div class="at-portfolio">
<div class="at-portfolio-intro">
<h3>Consulta rápida por línea de atención</h3>
<p>
Esta sección permite mostrar la información formal sin saturar la página principal. Para contratación, auditoría o consulta técnica, se puede crear una página adicional con la tabla completa.
</p>
</div>
<div class="at-accordion">
<details open>
<summary>Dolor y cuidados paliativos</summary>
<div class="at-portfolio-body">
<div class="at-service-tags">
<span>REPS: DHSS0269706</span>
<span>Modalidad: Intramural / Teleconsulta</span>
<span>Complejidad: Baja / Mediana</span>
</div>
<ul class="at-procedure-list">
<li><b>890243:</b> Consulta de primera vez por especialista en dolor y cuidados.</li>
<li><b>890343:</b> Consulta de control o seguimiento por especialista en dolor.</li>
<li><b>Programa dolor:</b> Consulta de ingreso y control con médico experto en dolor, psicología y nutrición.</li>
<li><b>O48201:</b> Inyección de agente anestésico para nervio periférico.</li>
<li><b>861411:</b> Inyección de material miorelajante, toxina botulínica, sin incluir medicamento.</li>
<li><b>849601:</b> Ondas de choque, litotricia ortopédica, sesión por miembro.</li>
</ul>
</div>
</details>
<details>
<summary>Medicina general, medicina interna y medicina laboral</summary>
<div class="at-portfolio-body">
<div class="at-service-tags">
<span>Medicina general: DHSS0269709</span>
<span>Medicina laboral: DHSS0593803</span>
<span>Medicina interna: DHSS0617988</span>
</div>
<ul class="at-procedure-list">
<li><b>890201:</b> Consulta de primera vez por medicina general.</li>
<li><b>890301:</b> Consulta de control o seguimiento por medicina general.</li>
<li><b>895100:</b> Electrocardiograma de ritmo.</li>
<li><b>950101:</b> Visiometría.</li>
<li><b>890301:</b> Medicina laboral, examen físico de ingreso, rutina o retiro.</li>
<li><b>890366:</b> Consulta por especialidad de medicina interna.</li>
</ul>
</div>
</details>
<details>
<summary>Nutrición y dietética</summary>
<div class="at-portfolio-body">
<div class="at-service-tags">
<span>REPS: DHSS0269710</span>
<span>Modalidad: Intramural / Teleconsulta</span>
<span>Complejidad: Baja</span>
</div>
<ul class="at-procedure-list">
<li><b>890206:</b> Consulta de primera vez por nutrición y dietética.</li>
<li><b>890306:</b> Consulta de control o seguimiento por nutrición y dietética.</li>
</ul>
</div>
</details>
<details>
<summary>Ortopedia y traumatología</summary>
<div class="at-portfolio-body">
<div class="at-service-tags">
<span>REPS: DHSS0269711</span>
<span>Modalidad: Intramural</span>
<span>Complejidad: Mediana</span>
</div>
<ul class="at-procedure-list">
<li><b>890280:</b> Consulta de primera vez por especialista en ortopedia y traumatología.</li>
<li><b>890380:</b> Consulta de control o seguimiento por especialista en ortopedia y traumatología.</li>
<li><b>861401:</b> Infiltración intralesional con medicamento hasta de cinco lesiones.</li>
<li><b>890380:</b> Consulta de control o seguimiento por especialista, columnólogo.</li>
</ul>
</div>
</details>
<details>
<summary>Ortopedia infantil</summary>
<div class="at-portfolio-body">
<div class="at-service-tags">
<span>REPS: DHSS0566321</span>
<span>Modalidad: Intramural</span>
<span>Complejidad: Mediana</span>
</div>
<ul class="at-procedure-list">
<li><b>935308:</b> Manipulación y aplicación de yeso para malformación congénita del pie, unilateral.</li>
<li><b>935308-1:</b> Manipulación y aplicación de yeso para malformación congénita del pie, bilateral.</li>
<li><b>890281:</b> Consulta de primera vez por especialista en ortopedia y traumatología pediátrica.</li>
<li><b>890381:</b> Consulta de control o seguimiento por especialista en ortopedia pediátrica.</li>
<li><b>881701:</b> Ecografía de cadera método Graff.</li>
</ul>
</div>
</details>
<details>
<summary>Psicología, neuropsicología y salud mental</summary>
<div class="at-portfolio-body">
<div class="at-service-tags">
<span>Psicología: DHSS0269713</span>
<span>Psiquiatría: DHSS0738943</span>
<span>Complejidad: Baja</span>
</div>
<ul class="at-procedure-list">
<li><b>890208:</b> Consulta de primera vez por psicología.</li>
<li><b>890308:</b> Consulta de control o seguimiento por psicología.</li>
<li><b>890297:</b> Consulta de primera vez por neuropsicología.</li>
<li><b>930102:</b> Administración de pruebas cognitivas.</li>
<li><b>940701:</b> Administración de pruebas neuropsicológicas.</li>
<li><b>943102:</b> Psicoterapia individual.</li>
<li><b>890284:</b> Consulta de primera vez por especialista en psiquiatría.</li>
<li><b>890384:</b> Consulta de control o seguimiento por especialista en psiquiatría.</li>
<li><b>943101:</b> Psicoterapia individual por psiquiatría.</li>
</ul>
</div>
</details>
<details>
<summary>Fonoaudiología y audiología</summary>
<div class="at-portfolio-body">
<div class="at-service-tags">
<span>REPS: DHSS0391127</span>
<span>Modalidad: Intramural</span>
<span>Complejidad: Baja</span>
</div>
<ul class="at-procedure-list">
<li><b>O9541:</b> Audiometría tamiz.</li>
<li><b>890210:</b> Consulta de primera vez por fonoaudiología.</li>
<li><b>890310:</b> Consulta de control o seguimiento por fonoaudiología.</li>
<li><b>954601:</b> Otoemisiones acústicas.</li>
<li><b>891531:</b> Potenciales evocados de latencia media y larga.</li>
<li><b>937101:</b> Terapia fonoaudiológica para problemas del lenguaje oral y escrito.</li>
<li><b>937001:</b> Terapia fonoaudiológica integral.</li>
</ul>
</div>
</details>
<details>
<summary>Terapia ocupacional</summary>
<div class="at-portfolio-body">
<div class="at-service-tags">
<span>REPS: DHSS0623286</span>
<span>Modalidad: Intramural</span>
<span>Complejidad: Baja</span>
</div>
<ul class="at-procedure-list">
<li><b>890213:</b> Consulta de primera vez por terapia ocupacional.</li>
<li><b>890313:</b> Consulta de control por terapia ocupacional.</li>
<li><b>938303:</b> Sesión de terapia ocupacional.</li>
<li><b>938302:</b> Terapia ocupacional en desempeño ocupacional de juego, ocio y esparcimiento.</li>
<li><b>930105:</b> Evaluación del desempeño ocupacional funcional.</li>
</ul>
</div>
</details>
<details>
<summary>Fisioterapia y rehabilitación</summary>
<div class="at-portfolio-body">
<div class="at-service-tags">
<span>REPS: DHSS0391126</span>
<span>Modalidad: Intramural / Teleconsulta</span>
<span>Complejidad: Baja</span>
</div>
<ul class="at-procedure-list">
<li><b>890211:</b> Consulta de primera vez por fisioterapia.</li>
<li><b>890311:</b> Consulta de control o seguimiento por fisioterapia.</li>
<li><b>931701:</b> Presoterapia por miembro o zona.</li>
<li><b>936601:</b> Drenaje linfático con bomba linfática.</li>
<li><b>935602:</b> Aplicación de vendaje multicapa sin insumos.</li>
<li><b>931101:</b> Terapia con energía galvánica y modalidades cinéticas de terapia.</li>
<li><b>893703:</b> Espirometría.</li>
<li><b>492401:</b> Electroestimulación perineal.</li>
</ul>
</div>
</details>
<details>
<summary>Tamizaje neonatal y pruebas diagnósticas</summary>
<div class="at-portfolio-body">
<div class="at-service-tags">
<span>Modalidad: Intramural</span>
<span>Complejidad: Baja</span>
<span>REPS relacionados: DHSS0391127 / DHSS0269709 / DHSS0593804</span>
</div>
<ul class="at-procedure-list">
<li><b>891531:</b> Potenciales evocados de latencia media y larga.</li>
<li><b>950101:</b> Tamizaje visual.</li>
<li><b>908350:</b> Tamizaje metabólico básico, 7 pruebas.</li>
<li><b>908350-1:</b> Tamizaje metabólico ampliado, 12 pruebas.</li>
</ul>
</div>
</details>
<details>
<summary>Inmunología y alergias</summary>
<div class="at-portfolio-body">
<div class="at-service-tags">
<span>REPS: DHSS0624725</span>
<span>Modalidad: Intramural</span>
<span>Complejidad: Mediana</span>
</div>
<ul class="at-procedure-list">
<li><b>890202:</b> Consulta de primera vez por especialista en inmunología y alergias.</li>
<li><b>890302:</b> Consulta de control o seguimiento por especialista en inmunología y alergias.</li>
<li><b>991202:</b> Inmunoterapia específica subcutánea.</li>
<li><b>860203:</b> Pruebas intraepidérmicas de alergia.</li>
<li><b>891301:</b> Prueba de provocación nasal con alérgeno específico.</li>
<li><b>860202:</b> Prueba epicutánea de alergia, prueba de parche.</li>
<li><b>904001:</b> Inmunoterapia con extracto alergénico por vía subcutánea.</li>
<li><b>993102:</b> Inyección o infusión de modificador de refuerzo biológico.</li>
<li><b>991401:</b> Inyección de gama globulina o sueros inmunes.</li>
</ul>
</div>
</details>
</div>
</div>
</section>
<section class="at-section" id="nosotros">
<div class="at-about">
<div class="at-about-text">
<h2>Atención centrada en la persona</h2>
<p>
Atendemos IPS fortalece sus servicios desde una visión humana, segura e integral, enfocada en el alivio del dolor, el acompañamiento terapéutico, la prevención y la continuidad del cuidado.
</p>
<p>
Esta nueva versión visual permite presentar la oferta asistencial de manera clara, moderna y organizada para pacientes, familias, aliados y entidades contratantes.
</p>
<ul class="at-list">
<li>Servicios organizados por líneas asistenciales.</li>
<li>Portafolio técnico con modalidad, complejidad, REPS y CUPS.</li>
<li>Atención integral para diferentes necesidades del paciente.</li>
<li>Orientación rápida por WhatsApp para solicitud de citas e información.</li>
</ul>
<a href="#contacto" class="at-btn at-btn-primary">Agendar valoración</a>
</div>
<div class="at-about-img">
<div class="at-about-mini">
<strong>Bienestar integral para cada paciente</strong>
<span>
Un modelo de atención cercano, humano y organizado, enfocado en mejorar la experiencia del paciente desde el primer contacto.
</span>
<div class="at-about-icons">
<div class="at-about-icon-card">
<b>+</b>
<small>Atención humana</small>
</div>
<div class="at-about-icon-card">
<b>✓</b>
<small>Servicios integrales</small>
</div>
<div class="at-about-icon-card">
<b>★</b>
<small>Calidad asistencial</small>
</div>
<div class="at-about-icon-card">
<b>●</b>
<small>Enfoque preventivo</small>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="at-section at-section-soft">
<h2 class="at-title">Promoción de la salud y prevención</h2>
<p class="at-description">
Actividades educativas dirigidas a entornos laborales, estudiantiles y comunitarios.
</p>
<div class="at-programs">
<div class="at-chip"><span>●</span> Salud reproductiva</div>
<div class="at-chip"><span>●</span> Bullying</div>
<div class="at-chip"><span>●</span> Sexualidad</div>
<div class="at-chip"><span>●</span> Abuso infantil</div>
<div class="at-chip"><span>●</span> Manejo del estrés laboral</div>
<div class="at-chip"><span>●</span> Medicina del deporte</div>
</div>
</section>
<section class="at-section" id="galeria">
<h2 class="at-title">Nuestras <span>actividades</span></h2>
<p class="at-description">
Imágenes institucionales, jornadas, actividades y espacios de atención de Atendemos IPS.
</p>
<div class="at-gallery-grid">
<a class="at-gallery-item big" href="https://atendemosips.com/wp-content/uploads/2023/05/5421c1a4-4c47-4063-aff2-e96b2224ee7d.jpeg" target="_blank" style="background-image:url('https://atendemosips.com/wp-content/uploads/2023/05/5421c1a4-4c47-4063-aff2-e96b2224ee7d.jpeg');"></a>
<a class="at-gallery-item" href="https://atendemosips.com/wp-content/uploads/2023/05/2349dfbe-49aa-4a21-a06b-7ea3edd87d63.jpeg" target="_blank" style="background-image:url('https://atendemosips.com/wp-content/uploads/2023/05/2349dfbe-49aa-4a21-a06b-7ea3edd87d63.jpeg');"></a>
<a class="at-gallery-item" href="https://atendemosips.com/wp-content/uploads/2023/05/1587b9a9-7cbc-49b1-9aea-212f81eeb96c.jpeg" target="_blank" style="background-image:url('https://atendemosips.com/wp-content/uploads/2023/05/1587b9a9-7cbc-49b1-9aea-212f81eeb96c.jpeg');"></a>
<a class="at-gallery-item" href="https://atendemosips.com/wp-content/uploads/2023/05/98ad5066-ba7f-437c-85da-c1786f4c2f30.jpeg" target="_blank" style="background-image:url('https://atendemosips.com/wp-content/uploads/2023/05/98ad5066-ba7f-437c-85da-c1786f4c2f30.jpeg');"></a>
<a class="at-gallery-item" href="https://atendemosips.com/wp-content/uploads/2023/05/94af8384-a614-4804-bbe7-8112447b18c1.jpeg" target="_blank" style="background-image:url('https://atendemosips.com/wp-content/uploads/2023/05/94af8384-a614-4804-bbe7-8112447b18c1.jpeg');"></a>
<a class="at-gallery-item" href="https://atendemosips.com/wp-content/uploads/2023/05/73cb2f7e-783e-4a96-b956-4e8ca2e25ef8.jpeg" target="_blank" style="background-image:url('https://atendemosips.com/wp-content/uploads/2023/05/73cb2f7e-783e-4a96-b956-4e8ca2e25ef8.jpeg');"></a>
<a class="at-gallery-item" href="https://atendemosips.com/wp-content/uploads/2023/05/07cced0e-d29a-4caa-b76d-77d19ccade6c.jpeg" target="_blank" style="background-image:url('https://atendemosips.com/wp-content/uploads/2023/05/07cced0e-d29a-4caa-b76d-77d19ccade6c.jpeg');"></a>
<a class="at-gallery-item" href="https://atendemosips.com/wp-content/uploads/2023/05/5db27e3d-b89f-45c7-a0ed-34fd1b2b8b03.jpeg" target="_blank" style="background-image:url('https://atendemosips.com/wp-content/uploads/2023/05/5db27e3d-b89f-45c7-a0ed-34fd1b2b8b03.jpeg');"></a>
<a class="at-gallery-item" href="https://atendemosips.com/wp-content/uploads/2023/05/4eaf0be9-a2d0-485f-a012-cb30a5a01497.jpeg" target="_blank" style="background-image:url('https://atendemosips.com/wp-content/uploads/2023/05/4eaf0be9-a2d0-485f-a012-cb30a5a01497.jpeg');"></a>
</div>
</section>
<section class="at-section at-section-soft">
<h2 class="at-title">Lo que dicen nuestros pacientes</h2>
<p class="at-description">
La página actual destaca una calificación general de 5 de 5 en Google, basada en evaluaciones de pacientes.
</p>
<div class="at-reviews">
<div class="at-review">
<div class="at-stars">★★★★★</div>
<p>
“Institución de salud, con atención centrada en la persona. Profesionales fabulosos que logran aliviar el dolor.”
</p>
<strong>Paciente Atendemos IPS</strong>
</div>
<div class="at-review">
<div class="at-stars">★★★★★</div>
<p>
“Excelente atención, personal carismático y colaboradores.”
</p>
<strong>Paciente Atendemos IPS</strong>
</div>
<div class="at-review">
<div class="at-stars">★★★★★</div>
<p>
“Excelente atención, buenas instalaciones y profesionales con una gran calidad humana.”
</p>
<strong>Paciente Atendemos IPS</strong>
</div>
</div>
</section>
<section class="at-section at-contact" id="contacto">
<div class="at-contact-grid">
<div class="at-contact-info">
<h2>Solicita tu cita o recibe orientación</h2>
<p>
Comunícate con nosotros para recibir información sobre nuestros servicios, disponibilidad de agenda y orientación inicial.
</p>
<div class="at-contact-items">
<div class="at-contact-item">
<strong>Teléfono celular</strong>
+57 314 7733267
</div>
<div class="at-contact-item">
<strong>Teléfono fijo</strong>
+57 (605) 6924184
</div>
<div class="at-contact-item">
<strong>Correo electrónico</strong>
usuario@atendemosips.com
</div>
<div class="at-contact-item">
<strong>Dirección</strong>
Manga, Ave. Jiménez, Calle 26 #17 - 142, Cartagena, Bolívar - Colombia
</div>
</div>
</div>
<div class="at-form">
<h3>Enviar solicitud por WhatsApp</h3>
<div class="at-form-row">
<div class="at-field">
<label for="atNombre">Nombre completo</label>
<input type="text" id="atNombre" placeholder="Escribe tu nombre">
</div>
<div class="at-field">
<label for="atTelefono">Teléfono</label>
<input type="text" id="atTelefono" placeholder="Número de contacto">
</div>
<div class="at-field at-field-full">
<label for="atServicio">Servicio de interés</label>
<select id="atServicio">
<option value="">Selecciona un servicio</option>
<option>Manejo integral del dolor</option>
<option>Programa dolor y cuidados paliativos</option>
<option>Medicina general</option>
<option>Medicina interna</option>
<option>Medicina laboral</option>
<option>Nutrición y dietética</option>
<option>Ortopedia y traumatología</option>
<option>Ortopedia infantil</option>
<option>Psicología</option>
<option>Neuropsicología</option>
<option>Psiquiatría</option>
<option>Fonoaudiología</option>
<option>Fisioterapia</option>
<option>Terapia ocupacional</option>
<option>Tamizaje neonatal</option>
<option>Inmunología y alergias</option>
<option>Promoción y prevención</option>
<option>Otro servicio</option>
</select>
</div>
<div class="at-field at-field-full">
<label for="atMensaje">Mensaje</label>
<textarea id="atMensaje" placeholder="Cuéntanos brevemente qué necesitas"></textarea>
</div>
<div class="at-field at-field-full">
<button class="at-submit" type="button" id="atEnviarWhatsApp">
Enviar solicitud
</button>
</div>
</div>
</div>
</div>
</section>
<footer class="at-footer">
<div class="at-footer-grid">
<div>
<h3>Atendemos IPS</h3>
<p>
Clínica Integral del Manejo del Dolor. Atención humana, integral y especializada para pacientes y familias.
</p>
</div>
<div>
<h3>Servicios</h3>
<div class="at-footer-links">
<a href="#servicios">Manejo del dolor</a>
<a href="#servicios">Consulta médica</a>
<a href="#servicios">Ortopedia</a>
<a href="#servicios">Salud mental</a>
<a href="#servicios">Apoyo terapéutico</a>
<a href="#portafolio">Portafolio habilitado</a>
</div>
</div>
<div>
<h3>Contacto</h3>
<p>+57 314 7733267</p>
<p>+57 (605) 6924184</p>
<p>usuario@atendemosips.com</p>
<p>Manga, Cartagena - Colombia</p>
</div>
</div>
</footer>
<div class="at-copy">
© 2026 Atendemos IPS. Todos los derechos reservados.
</div>
<a class="at-wa" href="https://wa.me/573147733267?text=Hola,%20quiero%20solicitar%20informaci%C3%B3n%20sobre%20los%20servicios%20de%20Atendemos%20IPS" target="_blank">
☎
</a>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
var slides = document.querySelectorAll(".at-hero-slide");
var dots = document.querySelectorAll(".at-dot");
var actual = 0;
var intervalo;
function mostrarSlide(index) {
slides.forEach(function(slide, i) {
slide.classList.toggle("active", i === index);
});
dots.forEach(function(dot, i) {
dot.classList.toggle("active", i === index);
});
actual = index;
}
function siguienteSlide() {
var siguiente = actual + 1;
if (siguiente >= slides.length) {
siguiente = 0;
}
mostrarSlide(siguiente);
}
function iniciarSlider() {
intervalo = setInterval(siguienteSlide, 5000);
}
function reiniciarSlider() {
clearInterval(intervalo);
iniciarSlider();
}
if (slides.length > 0) {
iniciarSlider();
}
dots.forEach(function(dot) {
dot.addEventListener("click", function() {
var index = parseInt(this.getAttribute("data-slide"), 10);
mostrarSlide(index);
reiniciarSlider();
});
});
var boton = document.getElementById("atEnviarWhatsApp");
if (boton) {
boton.addEventListener("click", function () {
var nombre = document.getElementById("atNombre").value || "";
var telefono = document.getElementById("atTelefono").value || "";
var servicio = document.getElementById("atServicio").value || "";
var mensaje = document.getElementById("atMensaje").value || "";
var texto =
"Hola, quiero solicitar información en Atendemos IPS.%0A%0A" +
"Nombre: " + encodeURIComponent(nombre) + "%0A" +
"Teléfono: " + encodeURIComponent(telefono) + "%0A" +
"Servicio de interés: " + encodeURIComponent(servicio) + "%0A" +
"Mensaje: " + encodeURIComponent(mensaje);
window.open("https://wa.me/573147733267?text=" + texto, "_blank");
});
}
});
</script>
