/* Start custom CSS *//* === GENAX: desplazamiento suave a las secciones (#consulta-externa, #cirugia, #procedimientos-ambulatorios) === */
html{scroll-behavior:smooth}
#consulta-externa,#cirugia,#procedimientos-ambulatorios{scroll-margin-top:24px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* === GENAX: viñeta cian de botones y etiquetas === */
.genax-punto::before{content:"";display:inline-block;flex:0 0 auto;width:.3em;height:.3em;border-radius:50%;background:#22c3c3;margin-right:.55em}

/* === GENAX: círculo blanco con la flecha cian (Flecha.svg, id 151) en los botones de sección === */
.genax-tab-flecha{display:inline-flex;align-items:center}
.genax-tab-flecha::before{content:"";display:inline-block;flex:0 0 auto;width:1.25em;height:1.25em;border-radius:50%;background:#ffffff url("https://genax.hitdata.com.co/wp-content/uploads/2026/10/Flecha.svg") center/50% auto no-repeat;margin-right:.75em}

/* === GENAX: línea curva clara (Consulta externa) === */
.genax-curva{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 99 H230 C330 99 350 1 450 1 H1000' fill='none' stroke='%23bcdcec' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}

/* === GENAX: línea curva azul con círculo (Cirugía) === */
.genax-curva-oscura{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M0 99 H280 C350 99 390 1 460 1 H1000' fill='none' stroke='%2301207b' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat}/* End custom CSS */