.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap"); :root {
--azul-medico: #0d5c96;
--azul-oscuro-cta: #104B8A;
--borde-radio-hero: 20px;
--borde-radio-card: 18px;
--borde-radio-icon: 50px;
--max-width: 1200px;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Arial, sans-serif;
overflow-x: hidden;
} .container {
max-width: var(--max-width);
margin: 0 auto;
padding: 0 20px;
} .site-header {
background-color: #ffffff;
box-shadow: 0 2px 15px rgba(0,0,0,0.05);
position: sticky;
top: 0;
z-index: 10000;
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 90px;
position: relative;
}
.logo img {
max-height: 80px;
width: auto;
display: block;
}
.main-navigation .nav-list {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 40px;
align-items: center;
}
.main-navigation .nav-list li a {
font-family: 'Poppins', sans-serif;
text-decoration: none;
color: #104B8A;
font-weight: 600;
font-size: 18px;
transition: color 0.3s;
}
.main-navigation .nav-list li a:hover,
.main-navigation .nav-list li.current-menu-item a {
color: var(--azul-medico);
}
.btn-agendar {
background-color: var(--azul-medico);
color: #ffffff;
padding: 12px 28px;
text-decoration: none;
border-radius: 50px;
font-weight: bold;
transition: background-color 0.3s, transform 0.2s;
display: inline-block;
}
.btn-agendar:hover {
background-color: #08436e;
transform: scale(1.05);
} .menu-toggle {
display: none;
background: none;
border: none;
cursor: pointer;
padding: 10px;
z-index: 10001;
}
.hamburger {
display: block;
width: 28px;
height: 3px;
background-color: var(--azul-medico);
position: relative;
transition: all 0.3s;
}
.hamburger::before,
.hamburger::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: var(--azul-medico);
left: 0;
transition: all 0.3s;
}
.hamburger::before { top: -8px; }
.hamburger::after { top: 8px; }
@media (max-width: 992px) {
.menu-toggle {
display: block;
}
.header-cta {
display: none;
} .nav-menu-wrapper {
display: none;
position: absolute;
top: 90px;
left: 0;
width: 100%;
background-color: #ffffff;
box-shadow: 0 15px 30px rgba(0,0,0,0.15);
border-top: 1px solid #edf2f7;
z-index: 99999;
} .nav-menu-wrapper.active {
display: block;
}
.main-navigation .nav-list {
display: flex;
flex-direction: column;
text-align: center;
padding: 20px 0;
margin: 0;
gap: 0; }
.main-navigation .nav-list li {
width: 100%;
border-bottom: 1px solid #f4f7f9;
}
.main-navigation .nav-list li:last-child {
border-bottom: none;
}
.main-navigation .nav-list li a {
display: block;
padding: 16px 20px;
font-size: 18px;
}
} .site-footer {
background-color: #f5f5f5;
color: #333;
padding: 70px 0 20px;
font-family: 'Poppins', sans-serif;
}
.footer-inner {
display: flex;
justify-content: space-between;
gap: 40px;
flex-wrap: wrap;
align-items: flex-start;
}
.footer-info {
flex: 1 1 280px;
}
@media (min-width: 993px) {
.footer-info { max-width: 320px; }
}
.footer-info .footer-logo img {
max-height: 95px;
width: auto;
margin-bottom: 20px;
display: block;
}
.footer-name {
color: #0d5c96;
font-size: 22px;
font-weight: 700;
margin: 0 0 12px;
}
.footer-mission {
font-size: 15px;
line-height: 1.6;
margin: 0;
}
.footer-title {
color: #0d5c96;
font-size: 18px;
font-weight: 700;
margin-bottom: 20px;
}
.quick-links {
list-style: none;
padding: 0;
margin: 0;
}
.quick-links li { margin-bottom: 12px; }
.quick-links a {
text-decoration: none;
color: #4a4a4a;
transition: color 0.3s;
font-weight: 500;
}
.quick-links a:hover { color: #0d5c96; }
.footer-contact p {
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 12px;
}
.footer-contact p i {
color: #0d5c96;
font-size: 20px;
}
.footer-contact p a {
text-decoration: none;
color: #4a4a4a;
font-weight: 500;
}
.footer-social .social-icons {
display: flex;
gap: 18px;
}
.footer-social .social-icons a {
text-decoration: none;
color: #0d5c96;
font-size: 26px;
transition: transform 0.3s, color 0.3s;
}
.footer-social .social-icons a:hover {
transform: scale(1.1);
color: #08436e;
}
.footer-bottom {
text-align: center;
margin-top: 50px;
padding-top: 25px;
border-top: 1px solid #ddd;
color: #777;
font-size: 14px;
} @media (max-width: 992px) {
.site-footer {
padding: 50px 0 20px; }
.footer-inner {
flex-direction: column;
align-items: center;
text-align: center;
gap: 25px; }
.footer-info .footer-logo img {
margin: 0 auto 15px; max-height: 85px; }
.footer-info {
margin-bottom: 10px; }
.footer-title {
margin-bottom: 12px; }
.footer-contact p {
justify-content: center;
}
.footer-social .social-icons {
justify-content: center;
}
} .hero-gastro {
background-color: #fbfbfc;
padding: 80px 0;
}
.hero-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
}
.hero-content {
flex: 0 1 52%;
}
.especialista-badge {
display: inline-block;
background-color: var(--azul-medico);
color: #ffffff;
font-size: 13px;
font-weight: 700;
padding: 8px 18px;
border-radius: 50px;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.hero-title {
font-family: 'Poppins', sans-serif;
color: var(--azul-oscuro-cta);
font-size: 42px;
font-weight: 700;
line-height: 1.2;
margin: 0 0 20px;
}
.hero-description {
font-size: 17px;
color: #4a4a4a;
line-height: 1.6;
margin-bottom: 35px;
}
.hero-buttons {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.hero-buttons a {
text-decoration: none;
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 15px;
padding: 14px 28px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
transition: all 0.3s;
}
.btn-agendar-hero {
background-color: var(--azul-oscuro-cta);
color: #ffffff;
border: 2px solid var(--azul-oscuro-cta);
}
.btn-agendar-hero:hover {
background-color: #0d5c96;
border-color: #0d5c96;
}
.btn-llamar-hero {
background-color: #ffffff;
color: var(--azul-oscuro-cta);
border: 2px solid var(--azul-oscuro-cta);
}
.btn-llamar-hero:hover {
background-color: #f0f4f7;
}
.hero-image {
flex: 0 1 45%;
}
.image-wrapper {
width: 100%;
height: 520px;
border-radius: var(--borde-radio-hero);
overflow: hidden;
box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}
.image-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
display: block;
} @media (max-width: 992px) {
.hero-gastro { padding: 50px 0; }
.hero-inner {
flex-direction: column-reverse;
text-align: center;
gap: 35px;
}
.hero-content, .hero-image { flex: 1 1 100%; width: 100%; }
.hero-title { font-size: 30px; }
.hero-description { font-size: 15px; margin-bottom: 25px; } .hero-buttons {
flex-direction: column;
width: 100%;
max-width: 320px;
margin: 0 auto;
gap: 12px;
}
.hero-buttons a {
width: 100%;
}
.image-wrapper { height: 380px; }
} .beneficios-section {
background-color: #fbfbfc;
padding: 40px 0 80px;
}
.beneficios-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.beneficio-card {
background-color: #ffffff;
border-radius: var(--borde-radio-card);
padding: 25px 20px;
text-align: center;
box-shadow: 0 10px 25px rgba(0,0,0,0.04);
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
transition: transform 0.3s;
}
.beneficio-card:hover { transform: translateY(-5px); }
.icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
background-color: #d9eff7;
border-radius: var(--borde-radio-icon);
}
.icon-wrapper i {
color: var(--azul-medico);
font-size: 22px;
}
.beneficio-text {
font-family: 'Poppins', sans-serif;
color: var(--azul-oscuro-cta);
font-weight: 600;
font-size: 15px;
margin: 0;
line-height: 1.4;
}
@media (max-width: 992px) {
.beneficios-wrapper { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 576px) {
.beneficios-wrapper { grid-template-columns: 1fr; max-width: 340px; margin: 0 auto; }
} .servicios-section {
background-color: #ffffff;
padding: 80px 0;
}
.section-header {
text-align: center;
margin-bottom: 50px;
max-width: 750px;
margin-left: auto;
margin-right: auto;
}
.section-title {
font-family: 'Poppins', sans-serif;
color: var(--azul-oscuro-cta);
font-size: 32px;
font-weight: 700;
margin-bottom: 15px;
}
.section-subtitle { font-size: 16px; color: #555; line-height: 1.6; } .servicios-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.servicio-card {
background-color: #ffffff;
border: 1px solid #e4e9f0;
border-radius: 12px;
padding: 30px 20px;
transition: transform 0.3s, box-shadow 0.3s;
display: flex;
flex-direction: column; width: calc((100% - 60px) / 4);
}
.servicio-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0,0,0,0.06);
}
.servicio-icon { font-size: 26px; color: #007b83; margin-bottom: 20px; }
.servicio-name {
font-family: 'Poppins', sans-serif;
color: var(--azul-oscuro-cta);
font-size: 18px;
font-weight: 700;
margin: 0 0 12px;
}
.servicio-desc { color: #666; font-size: 14px; line-height: 1.6; margin: 0; } @media (max-width: 1024px) { 
.servicio-card { 
width: calc((100% - 20px) / 2); 
} 
} @media (max-width: 576px) { 
.servicio-card { 
width: 100%; 
} 
} .doctora-section {
background-color: #f4f7f9;
padding: 80px 0;
}
.doctora-inner {
display: flex;
align-items: center;
gap: 60px;
}
.doctora-image-col { flex: 0 1 45%; position: relative; }
.doctora-image-wrapper { position: relative; z-index: 1; }
.doctora-image-wrapper::before {
content: '';
position: absolute;
top: 15px;
bottom: -15px;
left: -15px;
right: 15px;
background-color: #e4edf4;
border-radius: 24px;
z-index: -1;
}
.doctora-image-wrapper img {
width: 100%;
height: 450px;
object-fit: cover;
object-position: center top;
border-radius: 20px;
display: block;
box-shadow: 0 15px 35px rgba(0,0,0,0.05);
}
.doctora-content-col { flex: 0 1 55%; }
.doctora-title {
font-family: 'Poppins', sans-serif;
color: var(--azul-oscuro-cta);
font-size: 32px;
font-weight: 700;
margin: 0 0 10px;
}
.doctora-subtitle { color: #007b83; font-size: 20px; font-weight: 600; margin: 0 0 20px; }
.doctora-desc { color: #555; font-size: 15px; line-height: 1.6; margin-bottom: 25px; }
.doctora-list { list-style: none; padding: 0; margin: 0 0 30px; }
.doctora-list li {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 12px;
color: #333;
font-size: 15px;
font-weight: 500;
}
.doctora-list li i { color: #007b83; font-size: 20px; margin-top: 2px; }
.btn-conocer {
background-color: var(--azul-oscuro-cta);
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 15px;
padding: 14px 28px;
border-radius: 8px;
text-decoration: none;
display: inline-block;
transition: background-color 0.3s;
}
.btn-conocer:hover { background-color: #0d5c96; }
@media (max-width: 992px) {
.doctora-inner { flex-direction: column; gap: 40px; text-align: center; }
.doctora-image-col, .doctora-content-col { width: 100%; }
.doctora-image-wrapper img { height: 380px; }
.doctora-list li { justify-content: center; text-align: left; }
} .cta-preventiva-section {
background-color: #ffffff;
padding: 40px 0 80px;
}
.cta-banner {
background-color: #0d5c96;
border-radius: 20px;
padding: 45px 50px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
overflow: hidden;
}
.cta-content {
flex: 0 1 60%;
color: #ffffff;
position: relative;
z-index: 2;
}
.cta-title {
font-family: 'Poppins', sans-serif;
font-size: 28px;
font-weight: 700;
margin: 0 0 15px;
color: #ffffff;
}
.cta-desc {
font-size: 15px;
line-height: 1.6;
margin-bottom: 20px;
color: #e4f0f7;
}
.cta-highlight {
display: inline-flex;
align-items: center;
gap: 10px;
background-color: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.25);
padding: 10px 18px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
margin-bottom: 25px;
}
.btn-cyan {
background-color: #6cf0df;
color: #0b5b8c;
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 15px;
padding: 14px 32px;
border-radius: 8px;
text-decoration: none;
display: inline-block;
transition: transform 0.2s;
}
.btn-cyan:hover { transform: scale(1.05); color: #0b5b8c; }
.cta-graphic {
flex: 0 1 35%;
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
z-index: 1;
}
.circle-bg {
width: 220px;
height: 220px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.circle-bg i { font-size: 85px; color: rgba(255, 255, 255, 0.7); } @media (max-width: 992px) {
.cta-banner {
flex-direction: column;
text-align: center;
padding: 40px 25px;
gap: 35px;
}
.cta-content, .cta-graphic {
width: 100%;
flex: 1 1 100%;
}
.cta-highlight {
justify-content: center;
display: flex;
}
.cta-graphic {
justify-content: center;
}
.circle-bg {
width: 160px;
height: 160px;
}
.circle-bg i { font-size: 65px; }
} .contacto-final-section {
background-size: cover;
background-position: center;
padding: 50px 0;
position: relative;
}
.contacto-header {
text-align: center;
margin-bottom: 30px;
max-width: 650px;
margin-left: auto;
margin-right: auto;
}
.contacto-title {
font-family: 'Poppins', sans-serif;
color: var(--azul-oscuro-cta);
font-size: 32px;
font-weight: 700;
margin: 0 0 10px;
}
.contacto-subtitle { color: #4a4a4a; font-size: 16px; line-height: 1.5; margin: 0; }
.contacto-cards-wrapper {
display: flex;
justify-content: center;
}
.contacto-card {
background-color: #ffffff;
border-radius: 16px;
padding: 25px 45px;
text-align: center;
text-decoration: none;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0 15px 35px rgba(0,0,0,0.08);
transition: transform 0.3s;
width: 100%;
max-width: 360px;
}
.contacto-card:hover { transform: translateY(-5px); }
.contacto-icon {
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #e3f0fa;
color: var(--azul-oscuro-cta);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.contacto-icon i { font-size: 22px; transform: rotate(90deg); }
.contacto-label { color: #666; font-size: 13px; font-weight: 600; margin-bottom: 4px; }
.contacto-number {
font-family: 'Poppins', sans-serif;
color: var(--azul-oscuro-cta);
font-size: 28px;
font-weight: 700;
} .page-banner { width: 100%; display: block; background-color: #e4edf4; }
.banner-img { width: 100%; height: auto; display: block; }
.main-content { padding: 60px 20px; min-height: 400px; } .quienes-hero-section { background-color: #ffffff; padding: 60px 0; }
.quienes-hero-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
}
.quienes-hero-content { flex: 0 1 55%; }
.quienes-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background-color: #7ef5e6;
color: #007b83;
font-size: 13px;
font-weight: 700;
padding: 8px 16px;
border-radius: 50px;
margin-bottom: 20px;
}
.quienes-title {
font-family: 'Poppins', sans-serif;
color: var(--azul-oscuro-cta);
font-size: 38px;
font-weight: 700;
line-height: 1.2;
margin: 0 0 20px;
}
.quienes-desc { color: #555; font-size: 16px; line-height: 1.6; margin: 0 0 30px; }
.quienes-checkmarks { display: flex; gap: 20px; flex-wrap: wrap; }
.check-item { display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; color: #333; }
.check-item i { color: #007b83; font-size: 20px; }
.quienes-hero-image { flex: 0 1 45%; }
.quienes-image-wrapper {
width: 100%;
height: 480px;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 15px 35px rgba(0,0,0,0.06);
}
.quienes-image-wrapper img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }
.quienes-grid-section { padding: 20px 0 60px; background-color: #ffffff; }
.quienes-grid-top { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.quienes-card {
background: #ffffff;
border: 1px solid #eef2f5;
border-radius: 20px;
padding: 35px 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.04);
}
.card-icon-box {
width: 45px;
height: 45px;
background-color: #0d5c96;
color: #ffffff;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
margin-bottom: 20px;
}
.card-icon-box.icon-cyan { background-color: #7ef5e6; color: #007b83; }
.card-title { font-family: 'Poppins', sans-serif; color: var(--azul-oscuro-cta); font-size: 22px; font-weight: 700; margin: 0 0 15px; }
.card-text { color: #555; font-size: 15px; line-height: 1.7; margin-bottom: 25px; }
.card-quote { font-style: italic; color: #444; font-size: 14px; border-top: 1px dashed #e0e6ed; padding-top: 20px; margin: 0; }
.timeline-edu { border-left: 3px solid #007b83; padding-left: 20px; margin-left: 10px; display: flex; flex-direction: column; gap: 20px; }
.edu-item { position: relative; }
.edu-item::before { content: ''; position: absolute; left: -27px; top: 5px; width: 11px; height: 11px; background-color: #007b83; border-radius: 50%; }
.edu-degree { font-family: 'Poppins', sans-serif; color: #0d5c96; font-size: 16px; font-weight: 600; margin: 0 0 4px; }
.edu-univ { color: #666; font-size: 14px; margin: 0; }
.quienes-especialidades-section { background-color: #f4f7f9; padding: 60px 0 80px; }
.quienes-grid-bottom { display: grid; grid-template-columns: 35% 62%; justify-content: space-between; gap: 30px; }
.section-heading { font-family: 'Poppins', sans-serif; color: var(--azul-oscuro-cta); font-size: 24px; font-weight: 700; margin: 0 0 25px; }
.cert-list { display: flex; flex-direction: column; gap: 12px; }
.cert-card { background: #ffffff; border-radius: 12px; padding: 18px 20px; display: flex; align-items: center; gap: 15px; font-weight: 600; font-size: 14px; color: #333; }
.cert-card i { color: #0d5c96; font-size: 20px; }
.areas-wrapper-card { background: #ffffff; border-radius: 24px; padding: 40px; }
.areas-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.area-box { background: #f9fbfd; border-radius: 14px; padding: 25px 20px; border: 1px solid #edf2f7; }
.area-box i { color: #007b83; font-size: 22px; margin-bottom: 15px; display: block; }
.area-title { font-family: 'Poppins', sans-serif; color: var(--azul-oscuro-cta); font-size: 16px; font-weight: 600; margin: 0 0 8px; }
.area-desc { color: #666; font-size: 13px; line-height: 1.6; margin: 0; }
.quienes-credenciales-bar { padding: 30px 0; border-top: 1px solid #edf2f7; border-bottom: 1px solid #edf2f7; background-color: #fafbfc; }
.credenciales-inner { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 15px; }
.cred-item { font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 600; color: #8896a6; text-transform: uppercase; }
.quienes-cta-banner { background-color: #084371; padding: 60px 0; text-align: center; }
.cta-banner-title { font-family: 'Poppins', sans-serif; color: #ffffff; font-size: 26px; font-weight: 700; line-height: 1.35; margin: 0 0 30px; max-width: 750px; margin-left: auto; margin-right: auto; }
.btn-cta-agendar { background-color: #007b83; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 15px; font-weight: 600; padding: 15px 40px; border-radius: 8px; text-decoration: none; display: inline-block; } @media (max-width: 992px) {
.quienes-hero-inner { flex-direction: column; text-align: center; }
.quienes-hero-content, .quienes-hero-image { width: 100%; }
.quienes-title { font-size: 30px; }
.quienes-checkmarks { justify-content: center; }
.quienes-image-wrapper { height: 380px; }
.quienes-grid-top, .quienes-grid-bottom { grid-template-columns: 1fr; gap: 35px; }
.areas-wrapper-card { padding: 30px 20px; }
.areas-grid { grid-template-columns: 1fr; }
.quienes-card { padding: 25px 20px; }
} .contacto-hero-banner { width: 100%; overflow: hidden; line-height: 0; }
.banner-img-responsive { width: 100%; height: auto; display: block; }
.contacto-seccion-wrapper { padding: 60px 0 80px; background-color: #f8fafc; }
.contacto-container { max-width: 850px; margin: 0 auto; }
.contacto-header-text { text-align: center; margin-bottom: 40px; }
.contacto-titulo { font-family: 'Poppins', sans-serif; color: #084371; font-size: 32px; font-weight: 700; margin: 0 0 12px; }
.contacto-subtitulo { color: #55697d; font-size: 15px; line-height: 1.6; max-width: 600px; margin: 0 auto; }
.contacto-card-wrapper { display: flex; justify-content: center; margin-bottom: 50px; }
.contacto-card-unica {
background: #084371;
color: #ffffff;
text-decoration: none;
border-radius: 16px;
padding: 30px 50px;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0 12px 30px rgba(8, 67, 113, 0.25);
width: 100%;
max-width: 380px;
}
.card-icon-phone { font-size: 28px; margin-bottom: 10px; color: #7ef5e6; }
.card-label { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 700; color: #cfd8e3; margin-bottom: 6px; }
.card-numero { font-family: 'Poppins', sans-serif; font-size: 28px; font-weight: 800; }
.mapa-iframe-wrapper { border-radius: 20px; overflow: hidden; border: 4px solid #ffffff; box-shadow: 0 15px 35px rgba(0,0,0,0.06); }
.mapa-iframe-wrapper iframe { display: block; width: 100%; height: 420px; }
.waze-btn-container { text-align: center; margin-top: 20px; }
.btn-waze {
display: inline-flex;
align-items: center;
gap: 10px;
background-color: #33ccff;
color: #003366;
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 700;
padding: 12px 28px;
border-radius: 50px;
text-decoration: none;
}
.btn-waze i { font-size: 20px; }
@media (max-width: 768px) {
.contacto-titulo { font-size: 26px; }
.contacto-card-unica { padding: 25px 20px; max-width: 100%; }
.card-numero { font-size: 24px; }
.mapa-iframe-wrapper iframe { height: 320px; }
} .consultas-section { background-color: #fcfcfc; padding: 60px 0; }
.consultas-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; gap: 20px; }
.consultas-title { font-family: 'Poppins', sans-serif; color: var(--azul-oscuro-cta); font-size: 28px; font-weight: 700; margin: 0 0 10px; }
.consultas-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.consulta-card { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 12px; padding: 30px 25px; display: flex; flex-direction: column; }
.consulta-icon { width: 45px; height: 45px; background-color: #f0f4f8; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
.consulta-icon i { color: var(--azul-oscuro-cta); font-size: 20px; }
.consulta-name { font-family: 'Poppins', sans-serif; color: var(--azul-oscuro-cta); font-size: 20px; font-weight: 600; margin: 0 0 12px; }
.consulta-desc { color: #666; font-size: 14px; line-height: 1.6; margin: 0 0 25px; flex-grow: 1; }
.btn-consulta-unica { background-color: var(--azul-oscuro-cta); color: #ffffff; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 14px; text-align: center; padding: 12px 20px; border-radius: 8px; text-decoration: none; width: 100%; }
.procedimientos-section { background-color: #f4f7f9; padding: 60px 0; }
.procedimientos-inner { display: flex; align-items: center; gap: 50px; }
.procedimientos-image-col { flex: 0 1 45%; position: relative; }
.proc-image-wrapper img { width: 100%; height: auto; border-radius: 16px; display: block; }
.proc-badge { position: absolute; bottom: -20px; right: -20px; background-color: #0b4573; color: #ffffff; padding: 20px; border-radius: 12px; width: 220px; }
.proc-badge-header { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; margin-bottom: 8px; color: #55ead6; }
.proc-badge-text { font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 700; margin: 0; }
.procedimientos-content-col { flex: 0 1 55%; }
.procedimientos-title { font-family: 'Poppins', sans-serif; color: var(--azul-oscuro-cta); font-size: 28px; font-weight: 700; margin: 0 0 30px; }
.proc-card { background-color: #ffffff; border: 1px solid #eaeaea; border-radius: 12px; padding: 30px; margin-bottom: 20px; }
.proc-card-header { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; }
.proc-icon { width: 45px; height: 45px; background-color: #7ef5e6; color: #007b83; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; }
.proc-name { font-family: 'Poppins', sans-serif; color: var(--azul-oscuro-cta); font-size: 20px; font-weight: 700; margin: 0; }
.proc-desc { color: #555; font-size: 15px; line-height: 1.6; margin: 0 0 20px; }
.proc-highlight { color: #007b83; font-weight: 600; font-size: 14px; margin: 0 0 20px; }
.cta-final-servicios { background-color: var(--azul-oscuro-cta); padding: 60px 0; text-align: center; }
.cta-final-title { font-family: 'Poppins', sans-serif; color: #ffffff; font-size: 30px; font-weight: 700; margin: 0 0 15px; }
.cta-final-desc { color: #e4f0f7; font-size: 16px; margin: 0 0 30px; }
.btn-cta-blanco { background-color: #ffffff; color: var(--azul-oscuro-cta); font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 15px; padding: 14px 35px; border-radius: 8px; text-decoration: none; display: inline-block; }
@media (max-width: 992px) {
.consultas-grid { grid-template-columns: repeat(2, 1fr); }
.procedimientos-inner { flex-direction: column; gap: 50px; }
.procedimientos-image-col, .procedimientos-content-col { width: 100%; }
.proc-badge { right: 10px; bottom: -10px; }
}
@media (max-width: 576px) {
.consultas-grid { grid-template-columns: 1fr; }
} .contacto-form-section {
background-image: url(https://frcgastro.com/wp-content/uploads/2026/07/bg4-scaled.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 70px 0;
}
.form-container-inner {
max-width: 680px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(5px);
padding: 45px 40px;
border-radius: 24px;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
}
.form-section-title {
font-family: 'Poppins', sans-serif;
color: #008f82; font-size: 26px;
font-weight: 700;
text-align: center;
margin: 0 0 30px;
letter-spacing: 0.5px;
} .custom-cf7-wrapper .row {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.custom-cf7-wrapper .col-md-12 {
width: 100%;
padding: 0 10px;
margin-bottom: 15px;
}
.custom-cf7-wrapper .col-md-6 {
width: 50%;
padding: 0 10px;
margin-bottom: 15px;
} .custom-cf7-wrapper input[type="text"],
.custom-cf7-wrapper input[type="email"],
.custom-cf7-wrapper input[type="number"] {
width: 100%;
background-color: #eaeef2; border: none;
border-radius: 12px;
padding: 16px 20px;
font-family: 'Poppins', sans-serif;
font-size: 15px;
color: #4a4a4a;
outline: none;
transition: background-color 0.3s, box-shadow 0.3s;
box-sizing: border-box;
}
.custom-cf7-wrapper input[type="text"]::placeholder,
.custom-cf7-wrapper input[type="email"]::placeholder,
.custom-cf7-wrapper input[type="number"]::placeholder {
color: #7d8995;
}
.custom-cf7-wrapper input[type="text"]:focus,
.custom-cf7-wrapper input[type="email"]:focus,
.custom-cf7-wrapper input[type="number"]:focus {
background-color: #e0e6ec;
box-shadow: 0 0 0 2px #008f82;
} .custom-cf7-wrapper .wpcf7-acceptance {
display: block;
margin: 15px 0 25px;
}
.custom-cf7-wrapper .wpcf7-list-item {
margin: 0;
}
.custom-cf7-wrapper .wpcf7-list-item-label {
font-size: 13.5px;
color: #666;
line-height: 1.5;
display: inline-block;
}
.custom-cf7-wrapper input[type="checkbox"] {
margin-right: 10px;
transform: scale(1.1);
} .custom-cf7-wrapper input[type="submit"].green-btn,
.custom-cf7-wrapper input[type="submit"] {
background-color: #0d9b8a; color: #ffffff;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 700;
border: none;
border-radius: 12px;
padding: 15px 30px;
width: 100%;
cursor: pointer;
transition: background-color 0.3s, transform 0.2s;
}
.custom-cf7-wrapper input[type="submit"]:hover {
background-color: #097e70;
transform: translateY(-2px);
} .contacto-mapa-footer {
padding: 50px 0 80px;
background-color: #ffffff;
} @media (max-width: 768px) {
.custom-cf7-wrapper .col-md-6 {
width: 100%; }
.form-container-inner {
padding: 30px 20px;
}
.form-section-title {
font-size: 22px;
}
} .btn-flotante-llamada {
position: fixed;
bottom: 30px;
right: 30px;
background-color: #007b83; color: #ffffff;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px; box-shadow: 0 6px 15px rgba(0, 123, 131, 0.4);
z-index: 9999;
text-decoration: none;
transition: all 0.3s ease;
}
.btn-flotante-llamada:hover {
background-color: #005f66;
color: #ffffff;
transform: scale(1.05);
box-shadow: 0 8px 20px rgba(0, 123, 131, 0.6);
} .flotante-texto {
position: absolute;
right: 65px; background-color: #333333;
color: #ffffff;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 500;
padding: 8px 16px;
border-radius: 8px;
white-space: nowrap; opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
} .flotante-texto::after {
content: '';
position: absolute;
top: 50%;
right: -6px;
transform: translateY(-50%);
border-width: 6px 0 6px 6px;
border-style: solid;
border-color: transparent transparent transparent #333333;
} .btn-flotante-llamada:hover .flotante-texto {
opacity: 1;
visibility: visible;
right: 80px; } @media (max-width: 768px) {
.btn-flotante-llamada {
width: 55px;
height: 55px;
font-size: 24px;
bottom: 20px;
right: 20px;
} .btn-flotante-llamada:hover .flotante-texto {
right: 70px;
}
} .quienes-hero-section { 
background-color: #ffffff; padding: 80px 0 120px; 
}
.quienes-grid-section { padding: 60px 0 80px; 
background-color: #ffffff; 
} @media (max-width: 992px) {
.quienes-hero-section {
padding: 60px 0 80px; }
.quienes-grid-section {
padding: 40px 0 60px;
}
} .site-header .logo img {
max-width: 240px !important; height: auto;
display: block;
} @media (max-width: 768px) {
.site-header .logo img {
max-width: 190px !important; }
}