:root{
    --primario: #375e97;
    --secundario: #fb6542;
    --terciario: #ffbb00;
    --cuaternario: #3f681c;
}
body{
    margin-top: 0px;
    padding-top: 0px;
}
nav{
    position: fixed;
    background-color:var(--primario) !important;
    padding: 0px 20px;
}
.buscador-principal{
    background-size: cover;
    background-position:center;
    width: 100%;
    height: auto;
}
.link-menu a{
    color:var(--terciario);
}
.link-menu:hover{
    background-color: var(--terciario) !important;
}
.link-menu a:hover{
    color: var(--primario) !important;
}
.logo{
    height: 64px;
    width: 70px;
}
.logo-animado{
    margin-top: 1.5rem;
}
.buscador{
    border-radius: 10px;
    margin-top: 1rem;
}
.buscar{
    margin-top: 1.4rem !important;
}
.btn-buscar{
    background-color: var(--primario) !important;
    color: var(--terciario);
}
.btn-form{
    background-color: var(--primario) !important;
    color: var(--terciario) !important;
}
.font-main{
    color: white;
    font-weight: bold;
}
.negritas{
    font-weight: bold;
}
.link-negocio{
    font-weight: bold;
    color: var(--primario);
}
.desc-negocio{
    color: var(--secundario);
}
.calificacion{
    color: var(--primario);
}
.estrellas{
    color: var(--terciario);
    vertical-align:sub;
}
.footer{
    background-color: var(--primario);
    height: 150px;
}
.menu-footer{
    padding-top: 1.5rem;
    padding-right: 2rem;
}
.join-us{
    background-image: url(../img/join-bg.jpg);
    background-size: cover;
    width: 100%;
    height: 300px;
    font-weight: bold;
}
.btn-join{
    background-color: var(--primario) !important;
    color: var(--terciario) !important;
    font-weight: bold;
}
.slider{
    margin-bottom: 2rem;
}
.home-bienvenida{
    height: 900px;
}
.padding-home{
    padding-top: 5%;
}
.iconos-social{
    font-size: 2rem;
    color: gray;
}
.iconos-social-med{
    font-size: 1.5rem;
    color: gray;
}
.whats-icono:hover{
    color:#26a69a;
}
.face-icono:hover{
    color:#3b5998;
}
.phone-icono:hover{
    color:#6348bf;
}
.insta-icono:hover{
    color:#dc3545;
}
.twitter-icono:hover{
    color:#00ACED;
}
.icono-pagos{
    font-size: 2rem;
    color: gray;
}
.icono-pagos-home{
    font-size: 1.5rem;
    color: gray;
}
.icono-pagos:hover{
    color:var(--primario);
}
.titulo-detalleCliente{
    color:#ce1126; 
    font-weight:bold;
}
.texto-secundario-detallesCliente{
    color:gray;
    font-weight: bold;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* Ocultar combobox en alerta */
.swal2-container .select-wrapper{
    display: none !important;
}
.tituloCalificacion{
    font-size: 1.5rem;
    color: white;
    font-weight:500;
}
.labelAtencion, .labelCalidad, .labelPrecio, .labelUbicacion, .labelProtocolo{
    color:white;
    font-size: 1.5rem;
}
input[name = "calAtencionRadio"], input[name = "calCalidad"], input[name = "calPrecio"], input[name = "calUbicacion"], input[name = "calProtocolo"]{ 
    display:none;
}
.calAtencionSpan, .calCalidadSpan, .calPrecioSpan, .calUbicacionSpan, .calProtocoloSpan{
    direction: rtl;/* right to left */
    unicode-bidi: bidi-override;/* bidi de bidireccional */
}
.labelAtencion:hover, .labelCalidad:hover, .labelPrecio:hover, .labelUbicacion:hover, .labelProtocolo:hover{
    color:var(--terciario);
}
.labelAtencion:hover ~ label, .labelCalidad:hover ~ label, .labelPrecio:hover ~ label, .labelUbicacion:hover ~ label, .labelProtocolo:hover ~ label{
    color:var(--terciario);
}
input[name = "calAtencion"]:checked ~ label, input[name = "calCalidad"]:checked ~ label, input[name = "calPrecio"]:checked ~ label, input[name = "calUbicacion"]:checked ~ label, input[name = "calProtocolo"]:checked ~ label {
    color:var(--terciario);
}
.sliderResenas{
    max-height: 7rem !important;
    background-color: rgba(0, 0, 0, 0.04);
}
.img-perfil{
    height: 3.6rem !important;
    width: 3.6rem !important;
}
.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color:black;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: none;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
@media screen and (max-width: 600px) {
    .logo{
        height: 55px;
        width: 60px;
        padding: 0;
    }
    .padding-home{
        padding-top: 3%;
    }
    .paddingTopMovilResta{
        margin-top: -0.5rem;
    }
    .paddingTopMovilRestaHorarios{
        margin-top: -4rem;
    }
    .paddingTopMovilRestaPagos{
        margin-top: -3rem;
    }
    .paddingTopMovilRestaCalificacion{
        margin-top: -9rem;
    }
    .sliderReseñas{
        max-height: 9rem !important;
        background-color: rgba(0, 0, 0, 0.04);
    }
    .img-detallesCliente{
        height: 300px !important;
    }
}
@media screen and (max-width: 992px) {
    .btn-home{
        padding-top: 0.25rem !important;
    } 
    
}
@media screen and (min-width: 992px) {
    .tablaDetalles{
        width: 350px;
    }
}