body {
    background: #F5F5F5;
    font-family: 'Open Sans', sans-serif;
    color: #5b5b5b;
    max-width: 576px;
    margin: 80px auto 0px auto;
  }
  nav {
    max-width: 576px !important;
    margin: 0 auto
  }

  /* Fuentes */

  @font-face {
    font-family: 'Cairo';
    src: url('fonts/Cairo-Regular.eot');
    src: local('Cairo-Regular'),
        url('fonts/Cairo-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Cairo-Regular.woff2') format('woff2'),
        url('fonts/Cairo-Regular.woff') format('woff'),
        url('fonts/Cairo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }  
  @font-face {
    font-family: 'Cairo';
    src: url('fonts/Cairo-SemiBold.eot');
    src: local('Cairo-SemiBold'),
        url('fonts/Cairo-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Cairo-SemiBold.woff2') format('woff2'),
        url('fonts/Cairo-SemiBold.woff') format('woff'),
        url('fonts/Cairo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
  }  
  @font-face {
    font-family: 'Cairo';
    src: url('fonts/Cairo-Bold.eot');
    src: local('Cairo Bold'), local('Cairo-Bold'),
        url('fonts/Cairo-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Cairo-Bold.woff2') format('woff2'),
        url('fonts/Cairo-Bold.woff') format('woff'),
        url('fonts/Cairo-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
  }

  /* open-sans-300 - latin */
    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 300;
      src: url('fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
           url('fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
           url('fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
           url('fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
    }    
    /* open-sans-regular - latin */
    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
           url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
           url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
           url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
    }
    /* open-sans-600 - latin */
    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 600;
      src: url('fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
           url('fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
           url('fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
           url('fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
    }
    /* open-sans-700 - latin */
    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 700;
      src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
           url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
           url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
           url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
    }
    /* open-sans-800 - latin */
    @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 800;
      src: url('fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
      src: local(''),
           url('fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
           url('fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
           url('fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
           url('fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
    }
  
  /* Quita de estilos por defecto */
  a {
    text-decoration: none;
    color: #0067B9;
    font-weight: 600 !important;    
  }

  h1, h2, h3, h4, h4, h5 {
    font-family: 'Cairo';
  }

  h1, h2, h3{
    color: #0067B9 !important;
  }
  h1, h2 {
    font-weight: bold;
  }
  h3, h4, h5, h6 {
    font-weight: 600;
  }

  h1 {
    font-size: 26px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 22px;
  }
  h4 {
    font-size: 20px;
  }
  h5 {
    font-size: 16px;
  }
  ul {
    padding-left: 0px ;
  }
  li {
    list-style: none;
  }

  /* Customización Botones */
  .btn {
    color: #5b5b5b;
  }
  .btn-primary {
    color: #fff;
    background-color: #0067B9;
    border-color: #0d6efd;
    font-weight: 600;
  }
  .btn-primary:hover {
    background-color: #00589F !important;
  }
  .btn-light {
    color: #0067B9;
  }
  .btn-light:hover {
    color: #00589F;
  }
  .btn-ligth {
    color: #0d6efd;
  }
  .btn-link {
    color: #0067B9;
    font-weight: 600;
    text-decoration: none;
  }

  /* Extensión de cuerpos tipográficos */
  .fs-5 { 
    font-size: 18px !important;
  }
  .fs-7, .fs-7 p {
    font-size: 14px;
  }
  .fs-8, .fs-8 p {
    font-size: 12px;
  }
  .fs-9, .fs-9 p {
    font-size: 10px;
  }
  .fw-500 {
    font-weight: 500 !important;
  }
  .fw-600 {
    font-weight: 600 !important;
  }
  

  /* Colores */
  .t-texto {
    color: #5b5b5b;
  }
  .t-primario {
    color: #0067B9;
  }
  .t-secundario, .t-secundario a {
    color: #78D5E1 !important;
  }
  .t-blanco, .t-blanco a {
    color: white !important;
  }
  .b-primario {
    background-color: #0084D5 !important;
  }
  .b-secundario {
    background-color: #0084D5;
  }
  .b-terciario {
    background-color: #00589F;
  }
  .b-blanco {
    background-color: white !important;
  }

  /* Subir arriba btn */
  #subirarriba {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: #ffffffc7;
    border-radius: 35px;
  }
  #subirarriba i {
    z-index: 99;
    font-size: 1rem;
    border-radius:50px;
    color: #0067B9;
    padding: 20px 16px;
  }

  #subirarriba i:hover {
    color: #5b5b5b;
  }

  /* Carousel novedades */
  .carousel-noticias .carousel-item {
    position: relative;
  }
  .carousel-noticias .carousel-txt {
    z-index: 0;
    position: absolute;
    height: 50%;
    width: 100%;
    left: 0%;
    right: 0%;
    bottom: 0;

  }
  .carousel-noticias .carousel-degrade {
    background: rgb(25,42,85);
    background: linear-gradient(0deg, rgba(25,42,85,0.9500175070028011) 0%, rgba(25,42,85,0.7903536414565826) 44%, rgba(31,50,98,0) 100%);
  }

  /* En noticias ligth */
  .carousel-noticias .carousel-degrade-light {
    background: rgb(138, 138, 138, 0.95);
    background: linear-gradient(0deg,  rgba(199, 204, 203, 0.79) 0%, rgba(102, 102, 102, 0) 100%);
  }
  .carousel-control-prev-icon, .carousel-control-next-icon{
    filter: drop-shadow(2px 4px 6px black)  !important;
  }

  .carousel-noticias .carousel-inner {
    max-height: 336px;   
  }
  .carousel-whatsapp .carousel-inner {
    max-height: 336px; 
  }
  .carousel-whatsapp .position-absolute{
    bottom: 0px;
    z-index: 1;
  }
  .carousel-whatsapp span{
    font-weight: 600;
  }
  .translate-y-sm {
    transform: translateY(15%)
  }
  .translate-y-lg {
    transform: translateY(100%)
  }
  @media only screen and (min-width: 460px) {
    .carousel-noticias .carousel-degrade {
      bottom: 50px !important;      
    }
    .translate-y-200 {
      transform: translateY(160%)
    }
  }

 /* Whatsapp */
  .wsp-banner {
    background-image: url(./../imagenes/banner-wsp.webp);
    height: 80px;
    width: auto;
    background-color: #E7EBEF;
  }
  .wsp-riva {
    background: url(./../imagenes/rs-riva.webp?v=1.0) no-repeat;
    height: 98px;
    width: 98px;
    position: absolute;
    top: -50px;
    left: calc(50% - 49px);
  }
  .a-icono {
    left: 1rem;
    top: calc(50% - 13px);
    position: absolute;
    font-size: 1.75rem;
  }
  .btn-icono {
    position: relative;
  } 
  .btn-icono i{
    font-size: 30px;
    position: absolute;
    left: 20px;
    top: calc(50% - 15px);
  } 
  .fondo {
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .color-wsp {
    background: rgb(0,187,45);
    background: linear-gradient(0deg, rgba(0,187,45,1) 0%, rgba(29,228,77,1) 100%);
    border: 0px;
  }

  /* Somos Rivadavia */
  .somos-rivadavia {
    background-image: url(./../imagenes/fondo-somos-rivadavia.svg);
    background-position: right bottom;
  }
  .somos-rivadavia img {
    width: 75%;
    height: auto;
  }

  /* Descarga de App */
  .descarga-app {
    top: calc(50% - 180px);
  }
  /* Turnos Online */
  .turnos-online h2{
    left: calc(50% - 95px);
  }
  .turnos-online i {
    right: 10px;
    color: white;
  }

  /* FAQ Info util para Asegurado*/
  .accordion-item:first-child {
    border-top: 0px
  }
  .accordion-item, .accordion-item:last-child {
    border-bottom: 1px solid #D3D3D3 !important;
  }
  .accordion-button:focus.accordion-button:focus {
    box-shadow: none;
  }
  .accordion-button:not(.collapsed) {
    background-color: white;
  }
  .faq h2, .faq h6 {
    color: #0067B9 !important;
  }
  .faq-btn {
    background-color: white;
    border-bottom: 1px solid #d3d3d3;
  }
  .accordion-button:focus.accordion-button:focus {
    border-bottom: 0px;
  }

  /* Páginas internas */
  .pag-contacto i, .pag-servicios-asistencia i {
    color: #0067B9;
    font-size: 19px;
  }
  .pag-contacto a, .pag-servicios-asistencia a, .pag-centros span {
    padding-left: 5px;
  }
  .h-260 {
    height: 260px;
    overflow: hidden;
  }
  .vector {
    background: no-repeat;
    height: 60px;
    width: 60px;
    background-position-y: center;
  }
  .mision {
    background-image: url(./../imagenes/mision.webp);
  }
  .vision {
    background-image: url(./../imagenes/vision.webp);
  }
  .responsabilidad {
    background-image: url(./../imagenes/responsabilidad.webp);
  }
  .pag-centros i {
    font-size: 19px;
  }

  /* Header */
  #t-navbar .t-texto a, #t-navbar .t-texto i {
    color: #5b5b5b !important;
  }
  .dropdown-menu {
    background-color: #f8f9fa;
    border: 0px;      
  }
  .navbar-movil .nav-item {
    padding: 10px;
    border-bottom: 1px solid #D3D3D3;
    justify-content: space-between;
    align-items: center;
  }
  .navbar-movil .nav-item a, .navbar-movil .nav-item i {
    color: #0067B9 !important;
  }
  .sub-item {
    align-items: center;
    padding: 10px;
  }
  .sublvl-item {
    align-items: center;
    padding: 10px 0px 10px 10px;
  }
  .dropdown-toggle::after {
    margin: 12px 12px 0px 0px;
    float: right !important;
  }
  .sub-item .dropdown-toggle::after {
    margin: 12px 7px 0px 0px;
    float: right !important;
  }
  .dropdown-item i {
    padding-right: 10px;
  }
  .dropdown-link {
    display: block;
    width: 100%;
    padding: 0.25rem 0rem 0.25rem 1rem;
    clear: both;
    color: #0067B9;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
  }

  /* Footer */
  .redes {
    width: auto;
    padding: 15px;
  }
  .redes-btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .li-paginas li{
    padding:  10px 0px;
  }
  .pag-relacionadas {
    margin: 20px 0px;
    display: grid;
  }
  .pag-relacionadas a {
    padding: 7px 0px;
  }

  /* Formulario PAS */
  .form-pas h4, .form-pas h6 {
    margin: 25px 0px 20px;
  }
  .form-pas .form-floating {
    margin-bottom: 10px;
  }
  .form-floating textarea{
    height: 100px;
  }
  .banner-formulario-pas .btn-absolute-btm{
    bottom: 10px;
  }
  
  /* Modificación Data Picker */
  #datepicker .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    width: 100% !important;
    font-family: 'Open Sans';
    
  }

/* Modal  */
 #overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1032;
  }

  /* Estilos del modal */
  #modal {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0 auto;
  }