@charset "UTF-8";


/*=============================================
  SCROLL SUAVE
 =============================================*/
html {
  scroll-behavior: smooth;
}


/*=============================================
 NAVBAR FIJO
 =============================================*/
body { padding-top: 86px; }


/*=============================================
  FLECHA TOP
 =============================================*/
.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 15px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  background: rgba(52, 58, 64, 0.5);
  line-height: 46px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: white;
}

.scroll-to-top:hover {
  background: #343a40;
}

.scroll-to-top i {
  font-weight: 800;
}



/*=============================================
  cdm-dismar
 =============================================*/
.bg-primary, .badge-primary, .btn-primary {
    color: #fff;
    background-color: #0692d0 !important;
}


  .navbar {
    background-color: #fff;
  }


  .bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

.cursorLink {
  cursor:pointer;
}


/*=============================================
  LISTA INFORMACION LEGAL
 =============================================*/
.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    background: transparent;
    border-bottom: 1px solid white;
    border-top: 0;
    border-bottom: 1;
    border-bottom: 1;
    padding-left: 2px;
}

/*=============================================
CAMBIO DE TAMAÑO
=============================================*/
  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }

 
 }


/*=============================================
VALORACION ESTRELLAS
=============================================*/

.rating {
     /* float:left;*/
    }

    /* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
      follow these rules. Every browser that supports :checked also supports :not(), so
      it doesn’t make the test unnecessarily selective */
    .rating:not(:checked) > input {
        position:absolute;
        top:-9999px;
        clip:rect(0,0,0,0);
    }

    .rating:not(:checked) > label {
        float:right;
        width:1em;
        /* padding:0 .1em; */
        overflow:hidden;
        white-space:nowrap;
        cursor:pointer;
        font-size:300%;
        /* line-height:1.2; */
        color:#ddd;
    }

    .rating:not(:checked) > label:before {
        content: '★ ';
    }

    .rating > input:checked ~ label {
        color: #ffc107;
        
    }

    .rating:not(:checked) > label:hover,
    .rating:not(:checked) > label:hover ~ label {
        color: #ffc107;
        
    }

    .rating > input:checked + label:hover,
    .rating > input:checked + label:hover ~ label,
    .rating > input:checked ~ label:hover,
    .rating > input:checked ~ label:hover ~ label,
    .rating > label:hover ~ input:checked ~ label {
        color: #ffc107;
        
    }

    .rating > label:active {
        position:relative;
        top:2px;
        left:2px;
    }