/*
 * Bosque Guardián Lodge — títulos que en el original eran <h1> y ahora son <h2> (una sola H1 por página, mejor SEO).
 * Reproduce exactamente el aspecto que tenían como <h1>; no cambia nada visible.
 */
h2.bg-h1{font-size:36px;font-weight:700;line-height:45px;letter-spacing:1px}
.nombre-experiencia h2.bg-h1{font-size:32px!important;text-transform:none!important}
@media (max-width:992px){.nombre-experiencia h2.bg-h1{padding-top:40px!important}}
@media (max-width:768px){#nosotros-historia-view h2.bg-h1{padding-top:40px!important}}
@media (max-width:767px){h2.bg-h1{font-size:30px;line-height:42px}}
@media (max-width:320px){h2.bg-h1{font-size:26px;line-height:32px}}

/*
 * Nuestro equipo (Nosotros): la descripción que aparece al pasar el cursor se corta antes de llegar
 * a la franja verde del nombre (en el original un texto largo quedaba montado debajo del nombre).
 */
#equipo-portafolio .team-details > .width-60{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
@media (min-width:992px) and (max-width:1199px){#equipo-portafolio .team-details > .width-60{-webkit-line-clamp:4}}
@media (max-width:991px){#equipo-portafolio .team-details > .width-60{-webkit-line-clamp:8}}

/*
 * Nosotros: la franja blanca de separación (#row-white-1 / #row-white-2) tiene sentido en escritorio,
 * donde la historia va al lado de la foto; en tablet y móvil quedaba como una franja blanca suelta
 * entre el banner verde y el bloque rosado. Se oculta por debajo de 992 px (pedido de Diego, 22/10).
 */
@media (max-width:991px){#row-white-1,#row-white-2{display:none}}

/* Pie: el correo largo de la franja superior se salía de su columna en tablet (768–991 px) y generaba
   scroll horizontal en todas las páginas (también en el original). Se permite cortar la línea. */
#footer .footer-top h6 a{overflow-wrap:anywhere}