/** Extra large devices (large desktops) */
body{
    font-family: "montserratregular";
    font-size: 1rem;
    color: rgba(102,101,100,1);
    line-height: 1rem;
}
a {
    font-family:'montserratregular';
    color: rgba(102,101,100,0.9);
    text-decoration: none;
}
a:hover {
    opacity: 0.8;
    text-decoration: none;
}
.max-width {
  max-width:1280px;width:100%;margin:0 auto;padding:.5rem;padding-top:0;
}
.text-montserratbold {
  font-family:'montserratbold';
}
.text-montserratextrabold {
  font-family:'montserratextrabold';
}
.text-montserratregular {
  font-family:'montserratregular';
}
.text-p5rem {
  font-size: .5rem;
}
.text-p6rem {
  font-size: .6rem;
}
.text-p7rem {
  font-size: .7rem;
}
.text-p8rem {
  font-size: .8rem;
}
.text-p9rem {
  font-size: .9rem;
}
.text-1rem {
  font-size: 1rem;
}
.text-1p1rem {
  font-size: 1.1rem;
}
.text-1p2rem {
  font-size: 1.2rem;
}
.text-1p3rem {
  font-size: 1.3rem;
}
.text-1p4rem {
  font-size: 1.4rem;
}
.text-1p5rem {
  font-size: 1.5rem;
}
.text-1p6rem {
  font-size: 1.6rem;
}
.text-1p8rem {
  font-size: 1.8rem;
}
.text-2rem {
  font-size: 2rem;
}
.text-2p5rem {
  font-size: 2.5rem;
}
.text-3rem {
  font-size: 3rem;
}
.text-lh-p5rem {
  line-height: .5rem;
}
.text-lh-p6rem {
  line-height: .6rem;
}
.text-lh-p7rem {
  line-height: .7rem;
}
.text-lh-p8rem {
  line-height: .8rem;
}
.text-lh-p9rem {
  line-height: .9rem;
}
.text-lh-1rem {
  line-height: 1rem;
}
.text-lh-1p1rem {
  line-height: 1.1rem;
}
.text-lh-1p2rem {
  line-height: 1.2rem;
}
.text-lh-1p3rem {
  line-height: 1.3rem;
}
.text-lh-1p4rem {
  line-height: 1.4rem;
}
.text-lh-1p5rem {
  line-height: 1.5rem;
}
.text-lh-1p6rem {
  line-height: 1.6rem;
}
.text-lh-1p7rem {
  line-height: 1.7rem;
}
.text-lh-1p8rem {
  line-height: 1.8rem;
}
.text-lh-2rem {
  line-height: 2rem;
}
.text-lh-2p5rem {
  line-height: 2.5rem;
}
.text-lh-3rem {
  line-height: 3rem;
}
.text-gris-oscuro {
  color: #1D1D1B;
}
.text-gris {
  color: #666564;
}
.bg-gris {
  background-color: #F2F2F2;
}
.bg-white {
  background-color: #FFFFFF;
}
.menu {
    font-family:'montserratbold';
    color: rgba(177,177,177,1);
    font-size: 0.9rem;
    line-height: 0.8rem;
}
.menu a {
    font-family:'montserratbold';
    color: rgba(177,177,177,1);
    font-size: 0.9rem;
    line-height: 0.8rem;
    text-decoration: none;
}
.menu a:hover,
.menu a:focus {
  color: rgba(0,78,109,1);
}
.menu a.active {
  font-family: 'montserratbold';
  color: rgba(0,78,109,1);
}
.icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 2px solid #4D4D4D;
  border-radius: 50%;
  color: #4D4D4D;
  text-decoration: none;
  background: transparent;
  transition: all 0.2s ease;
}
.icon-btn:hover {
  background-color: #4D4D4D;
  color: #fff;
}
.card-title {
    font-size: 1.8rem;
}
/** Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
  .icon-btn {
    width: 22px;
    height: 22px;
  }
  .menu, .menu a {
    font-size: 0.8rem;
    line-height: 0.6rem;
}
}
/** Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {  
}
/** Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
}
/* ===== Banner / carousel DUX: texto separado de la imagen =====
    Medidas tomadas del diseño de Illustrator (agenda_tu_turno.svg).
    Podés mover este bloque a css/style.css cuando quieras. */
#carouselDux, #dux, #psicoterapia, #psiquiatria {
    --banner-min-h: 36rem;      /* alto del banner (desktop) */
    --banner-pad-y: 6.5rem;     /* padding arriba/abajo del bloque de texto */
    --banner-pad-l: 2.625rem;   /* padding izquierdo del bloque (ahí arrancan las líneas) */
    --banner-pad-r: 7rem;       /* padding derecho, deja aire antes de la foto */
    --banner-text-indent: 5rem; /* indentación EXTRA solo del párrafo (por eso el texto queda más a la derecha que las líneas) */
    --banner-font-size: 2.4rem;
    --banner-line-top-w: 9rem;  /* la línea de arriba es corta */
}
@media (max-width: 1199.98px) {
    #carouselDux, #dux, #psicoterapia, #psiquiatria {
        --banner-min-h: 30rem;
        --banner-pad-y: 4rem;
        --banner-pad-l: 2rem;
        --banner-pad-r: 3rem;
        --banner-text-indent: 2.5rem;
        /*--banner-font-size: 1.85rem;*/
        --banner-line-top-w: 6rem;
    }
}
@media (max-width: 767.98px) {
    #carouselDux, #dux, #psicoterapia, #psiquiatria {
        --banner-min-h: 0;
        --banner-pad-y: 2.5rem;
        --banner-pad-l: 1.5rem;
        /*--banner-pad-r: 1.5rem;   */
        /*--banner-text-indent: 0rem;*/
        /*--banner-font-size: 1.35rem;*/
        --banner-line-top-w: 4rem;
    }
}

#carouselDux .banner-row, #dux .banner-row, #psicoterapia .banner-row, #psiquiatria .banner-row { min-height: var(--banner-min-h); }
#carouselDux .banner-text, #dux .banner-text, #psicoterapia .banner-text, #psiquiatria .banner-text {
    background-color: #004e6d;
    color: #fff;
    min-height: var(--banner-min-h);
}
#carouselDux .banner-content, #dux .banner-content, #psicoterapia .banner-content, #psiquiatria .banner-content {
    width: 100%;
    padding: var(--banner-pad-y) var(--banner-pad-r) var(--banner-pad-y) var(--banner-pad-l);
}
/* líneas: mismo color sólido y mismo grosor (1px), distinto ANCHO cada una */
#carouselDux .banner-line, #dux .banner-line, #psicoterapia .banner-line, #psiquiatria .banner-line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    border: 0;
    opacity: 1;
    margin: 0;
}
#carouselDux .banner-line.top, #dux .banner-line.top, #psicoterapia .banner-line.top, #psiquiatria .banner-line.top {
    width: var(--banner-line-top-w);
    margin: 0 0 3rem;
}
#carouselDux .banner-line.bottom, #dux .banner-line.bottom, #psicoterapia .banner-line.bottom, #psiquiatria .banner-line.bottom {
    margin: 4rem 0 0;
}
#carouselDux .banner-title, #dux .banner-title, #psicoterapia .banner-title, #psiquiatria .banner-title {
    font-size: var(--banner-font-size);
    font-weight: 300;
    line-height: 1.4;
    margin: 0;
    padding-left: var(--banner-text-indent);
}
#carouselDux .banner-title strong, #dux .banner-title strong, #psicoterapia .banner-title strong, #psiquiatria .banner-title strong {
    font-weight: 700;
}
#carouselDux .banner-img-wrap, #dux .banner-img-wrap, #psicoterapia .banner-img-wrap, #psiquiatria .banner-img-wrap {
    min-height: var(--banner-min-h);
    overflow: hidden;
}
#carouselDux .banner-img-wrap img, #dux .banner-img-wrap img, #psicoterapia .banner-img-wrap img , #psiquiatria .banner-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Variante "info": título + párrafos, sin líneas ni indentación especial
    (slide "Dux" con foto a la izquierda) */
#carouselDux .banner-content.info, #dux .banner-content.info, #psicoterapia .banner-content.info, #psiquiatria .banner-content.info {
    padding: 3rem 3.5rem;
}
#carouselDux .banner-content.info .banner-title, #dux .banner-content.info .banner-title, #psicoterapia .banner-content.info .banner-title, #psiquiatria .banner-content.info .banner-title {
    font-size: 1.8rem;
    font-weight: 400;
    padding-left: 0;
    margin-bottom: 1.75rem;
}
#carouselDux .banner-content.info p, #dux .banner-content.info p, #psicoterapia .banner-content.info p, #psiquiatria .banner-content.info p {
        
    line-height: 1.6;
    font-weight: 300;
    margin-bottom: 1.5rem;
}
#carouselDux .banner-content.info .highlighting, #dux .banner-content.info .highlighting, #psicoterapia .banner-content.info .highlighting, #psiquiatria .banner-content.info .highlighting {
    font-weight: 700;
    margin-bottom: 0;
}
@media (max-width: 1199.98px) {
    #carouselDux .banner-content.info, #dux .banner-content.info, #psicoterapia .banner-content.info, #psiquiatria .banner-content.info { padding: 2.25rem 2rem; }
    #carouselDux .banner-content.info .banner-title, #dux .banner-content.info .banner-title, #psicoterapia .banner-content.info .banner-title, #psiquiatria .banner-content.info .banner-title { font-size: 2rem; }
    #dux .banner-content.info p { font-size: 1.6rem; }
}
@media (max-width: 767.98px) {
    #carouselDux .banner-content.info, #dux .banner-content.info, #psicoterapia .banner-content.info, #psiquiatria .banner-content.info { padding: 2rem 1.5rem; }
    #carouselDux .banner-content.info .banner-title, #dux .banner-content.info .banner-title, #psicoterapia .banner-content.info .banner-title, #psiquiatria .banner-content.info .banner-title { font-size: 2rem; }
    #dux .banner-content.info p { font-size: 1.6rem; }
}

/* ===== Sección #equipo: tarjetas del equipo sobre fondo azul ===== */
#equipo {
    background-color: #002C3F;
}
#equipo .card-title,
#equipo .card-text,
#equipo .ver-mas {
    color: #fff;
}
#equipo .card-title {
    margin-bottom: .15rem;
}
#equipo .card-text {
    line-height: 1.35;
    margin-bottom: .35rem;
    font-size: .95rem;
}
#equipo .ver-mas {
    display: inline-block;
    font-size: .95rem;
    text-decoration: none;
}
#equipo .ver-mas:hover {
    text-decoration: none;
    color: #fff;
}

/* ===== Modal de equipo (bio) ===== */
.team-modal .modal-content {
    border: none;
    border-radius: 1.5rem;
    padding: 1.5rem;
    position: relative;
}
.team-modal .btn-close {
    position: absolute;
    top: 1.75rem;
    right: 1.75rem;
    z-index: 5;
    opacity: .5;
}
.team-modal .team-modal-photo {
    width: 100%;
    height: 100%;
    min-height: 280px;
    object-fit: cover;
    border-radius: 1rem;
    display: block;
}
.team-modal-name {
    font-size: 1.75rem;
    font-weight: 700;
    color: #262626;
    margin-bottom: .9rem;
}
.team-modal-rule {
    border: 0 !important;
    border-top: 1px solid #d8d8d8 !important;
    width: 100%;
    margin: 0 0 1.1rem;
    opacity: 1 !important;
}
.team-modal-role {
    font-size: 1.05rem;
    font-weight: 700;
    color: #262626;
    margin-bottom: 1.25rem;
}
.team-modal-text {
    color: #555;
    line-height: 1.6;
    margin-bottom: 1.25rem;
}
.team-modal-text:last-child {
    margin-bottom: 0;
}
@media (max-width: 767.98px) {
    .team-modal .team-modal-photo { min-height: 220px; margin-bottom: 1.25rem; }
    .team-modal-name { font-size: 1.4rem; }
}
/* ===== Sección #contacto ===== */
#contacto {
    background-color: #004e6d;
}
#contacto .text-1p8rem,
#contacto p {
    color: #fff;
}
#contacto .contacto-icon {
    width: 1.2rem;
    margin-right: .5rem;
    color: #7fc7dd;
    text-align: center;
}
#contacto .contacto-mapa {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 1.5rem;
    display: block;
}
#contacto .contacto-link {
    color: #fff;
    text-decoration: none;
}
#contacto .contacto-link:hover {
    color: #7fc7dd;
    text-decoration: none;
}