/*----------------------------------
  Style for new image Wellness
  ------------------------------------*/
  
  /* Genericos */
  .bck-banner-privilegios { background-image: url(../img/wellness/privilegios-beneficios/banner-privilegios-beneficios.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; }
  .div-tit { position: relative; background-color: #2e6e92; width: 100%; height: 100%; min-height: 40px; margin: 0 auto; border-radius: 10px; }
  .div-tit p { font-size: 1.5rem !important; }
  .div-tit:before { content: ''; position: absolute; top: -5px; left: -5px; width: 100%; height: 100%; border: 1px solid #aeb3b4; border-radius: 10px; }
  .max-width-small { max-width: 320px; }
  .max-width-large { max-width: 720px; }
  .bck-gris { background-color:#eceef2; }
  .bck-bco { background-color:#ffffff; }
  .br-20 { border-radius: 20px; }
  .btlrr-20 { border-top-left-radius: 20px; border-top-right-radius: 20px; }
  .btlbblr-20 { border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
  .relativa { position: relative; }
  .g-padding-t-20--xs { padding-top: 1.25rem; }
  .g-padding-b-20--xs {  padding-bottom: 1.25rem; }
  .g-color--blue-cs { color: #23bbbb; }
  .g-color--blue-cs1 { color: #186db4; }
  .g-margin-b-30 {  margin-bottom: 30px; }
  .ocultar-img { display: none; margin-bottom: 15px; }
  .border-b { border-bottom: 3px solid #477390; width: 90%; margin: 5px auto 10px auto; }
  .linea { border: 1px solid #477390; width: 100%; margin: 10px auto; }
  .s-btn--azul { display: inline-block; color: #fff; background: #003C71; border-width: 0.0625rem; border-style: solid; border-color: #003C71; }
  .s-btn--azul:focus, .s-btn--azul:hover { color: #003C71; background: transparent; border-color: #173a78; }
  .btn-pab { padding-bottom: 0px!important; position: absolute; left: 0; right: 0; bottom: 0; }
  .btn-pab2 { padding-bottom: 0px!important; position: absolute; left: 0; right: 0; bottom: 10px; }
  .h500 { height: 500px; }
  .h550 { height: 550px; }

  /* home */
  .seccion-new-home p { line-height: 1.2em; }
  .seccion-new-home .p-tit { font-size: 1.25rem; height: 75px; }
  .seccion-new-home .p-sub-tit { font-size: 1.20rem }
  .seccion-new-home .p-normal { font-size: 1rem; }
  .seccion-new-home .row-eq-height .s-btn { width: 100%; max-width: fit-content; padding: 5px 20px; }

  /* privilegios beneficios */
  .seccion-1 p, .seccion-2 p, .seccion-3 p, .seccion-4 p, .seccion-5 p, .seccion-6 p, .row-eq-height ul li, .row-eq-height-vertical ul li { font-size: 1rem; }
  .row-eq-height { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; }
  .row-eq-height > [class*="col-"] { flex-grow: 1; flex-shrink: 1; margin: 30px 0px; }
  .row-eq-height h2 { width: 100%; position: absolute; top: 0;; left: 0; background-color: rgb(7, 65, 127, 0.70); color: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; z-index: 2; }
  .row-eq-height img { width: 100%; }
  .row-eq-height ul li { margin-bottom: 0rem; list-style-type: none; color: #656565; }
  .row-eq-height ul li:before { font-family: 'Font Awesome 5 Free'; content: "\f058"; margin-right: 5px; font-size: 15px; color: #fff; background-color: #0bbabb; border-radius: 100%; } 
  .row-eq-height-vertical { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; border: 2px solid #ddd; border-radius: 20px; }
  .row-eq-height-vertical > [class*="col-"] { flex-grow: 1; flex-shrink: 1; padding: 0px !important; }
  .row-eq-height-vertical img { width: 100%; }  
  .row-eq-height-vertical ul li { margin-bottom: 0rem; list-style-type: none; color: #656565; }
  .row-eq-height-vertical ul li:before { font-family: 'Font Awesome 5 Free'; content: "\f058"; margin-right: 5px; font-size: 15px; color: #fff; background-color: #0bbabb; border-radius: 100%; }
  .row-eq-height .s-btn, .row-eq-height-vertical .s-btn, .seccion-2 .s-btn { width: 100%; max-width: 320px; padding: 0px 10px; }
  .bck-img-vertical { background-position: -5% 0%; background-repeat: no-repeat; background-size: auto; }
  .seccion-3 .row-eq-height > [class*="col-"] { margin: 30px 0px 0px 0px; }
  .dentalia { max-width: 75px; height: auto; margin: 0px 0px 10px 0px; padding: 0px 5px; }

  /* responsivo */
 @media (max-width: 1199px) {
  .bck-img-vertical { background-position: -35% 0%; }
  .seccion-new-home .p-tit { height: 85px; }
 }

 @media (max-width: 992px) { 
  .row-eq-height > [class*="col-"], .seccion-3 .row-eq-height > [class*="col-"] { margin: 10px 20px; }
  .row.seccion-5, .row.seccion-6 .div-tit, .row.seccion-6 .row-eq-height-vertical { margin: 10px 20px!important; }
  .row-eq-height h2 { position: relative; margin-bottom: 0rem; }
  .bck-img-vertical { background-size: 63% }
  .btlbblr-20 { border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
  .btlrr-20 { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;} 
  .seccion-new-home .p-tit, .h500, .h550 { height: auto; }
  .btn-pab, .btn-pab2 { padding-bottom: 30px !important; position: relative; }
 }

 @media (max-width: 991px) {
  .bck-banner-privilegios { margin-top: 80px; }
  .bck-img-vertical { background-image: inherit !important; } 
  .ocultar-img { display: block; }
 }
 
 @media (max-width: 767px) {
  .img-planes .g-width-16-percent--md { width: 33%!important; }
 }

 @media (max-width: 699px) { 
  .max-width-large { max-width: 600px; }
 }

 @media (max-width: 599px) { 
  .max-width-large { max-width: 520px; }
  .img-planes .g-width-16-percent--md { width: 45%!important; }
  .s-btn--azul { font-size: 0.8rem !important; padding: 0.5rem 1.5rem; }
  .seccion-1 p, .seccion-2 p, .seccion-3 p, .seccion-4 p, .seccion-5 p, .seccion-6 p,
  .row-eq-height ul li, .row-eq-height-vertical ul li { font-size: 1.2rem; }
  .seccion-new-home .p-normal { font-size: 1.2rem; }  
  .row-eq-height .s-btn, .row-eq-height-vertical .s-btn, .seccion-2 .s-btn { padding: 10px 10px; white-space: normal; font-size: 1rem; }
 }

 @media (max-width: 499px) { 
  .max-width-large { max-width: 320px; padding: 5px; }
  .s-btn--azul { font-size: 0.75rem !important; }
 }