.negro{
    color:black;
}

.circle{
    border-radius:100%;
    border:1px solid black;
    width:25px;
    height:25px;
}

a:hover{
    text-decoration: none;
}

.m{
    font-size:8px;
}

.min{
    font-size: 10px;
}

.cuadro{
    border-radius:0px;
}

.cuadrito{
    width: 60px;
    height: auto;    
}

.mini{
    font-size:12px;
}

.regu{
    font-size: 14px;
}

.gde{
    font-size: 16px;
}

a{
    text-decoration: none;
    color:black;
}

.click{
    cursor:pointer;
}

.bordeado {
    border-top: 1px solid #06aff2;
    border-right: 1px solid #06aff2;
    border-bottom: 1px solid #06aff2;
    border-left: 1px solid #06aff2;
    border-radius: 10px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.bordeado:hover {
    border-color: #024f8c; /* Cambia el color del borde */
    box-shadow: 0px 0px 10px rgba(6, 175, 242, 0.5); /* Añade una sombra */
}


.justi{
    text-align: justify;
}

.pegado{
    line-height:15px;
}

.efecto:hover{
    background-color: #06aff2;
    color:#ffffff;
}

.pintado {
    background-color: #06aff2;
    color: white;
    font-weight: bold;
}

.colorpintado {
    border-radius:50%;
    border: 2px solid #06aff2;
}

/*Pintar lineas HR*/
.solid-hr {
    background-color: #06aff2; /* Color de fondo */
    height: 2px; /* Grosor de la línea */
  }


/* Estilos en Menu de Radiobuttons */
.form-check-input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 15px; /* Ajusta el ancho y el alto para hacerlo cuadrado */
    height: 15px;
    border-radius: 0;
    border: 1px solid #adb5bd; /* Añade un borde para la apariencia */
  }

  .form-check-input[type="radio"]:checked {
    background-color: #06aff2; /* Color de fondo cuando está seleccionado */
    border-color: #06aff2; /* Color del borde cuando está seleccionado */
  }


/***BOTON FLOTANTE ESCRITORIO *****/
.btn-flotante {
    font-size: 14px; /* Cambiar el tamaño de la tipografia */
    text-transform: uppercase; /* Texto en mayusculas */
    color: #ffffff; /* Color del texto */
    border-radius: 30px; /* Borde del boton */
    border-color: 1px solid black;
    letter-spacing: 2px; /* Espacio entre letras */
    background-color: #25D366; /* Color de fondo */
    padding: 0px; /* Relleno del boton */
    position: fixed;
    bottom: 35px;
    right: 20px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
  }
  .btn-flotante:hover {
    background-color: #6E3F81; /* Color de fondo al pasar el cursor */
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-7px);
    color:#FFFFFF;
}

/***BOTON FLOTANTE MOVIL *****/
.btn-flotante {
    font-size: 14px; /* Cambiar el tamaño de la tipografia */
    text-transform: uppercase; /* Texto en mayusculas */
    color: #ffffff; /* Color del texto */
    border-radius: 30px; /* Borde del boton */
    border-color: 1px solid black;
    letter-spacing: 2px; /* Espacio entre letras */
    background-color: #25D366; /* Color de fondo */
    padding: 0px; /* Relleno del boton */
    position: fixed;
    bottom: 35px;
    right: 20px;
    transition: all 300ms ease 0ms;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    z-index: 99;
  }
  .btn-flotante:hover {
    background-color: #6E3F81; /* Color de fondo al pasar el cursor */
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-7px);
    color:#FFFFFF;
}


/*******Efecto de Zoom Lupa ***************/
.zoom{
    transition: 1.5s ease;
     -moz-transition: 1.5s ease; /* Firefox */
     -webkit-transition: 1.5s ease; /* Chrome - Safari */
     -o-transition: 1.5s ease; /* Opera */
}
.zoom:hover{
    transform : scale(2);
    -moz-transform : scale(2); /* Firefox */
    -webkit-transform : scale(2); /* Chrome - Safari */
    -o-transform : scale(2); /* Opera */
    -ms-transform : scale(2); /* IE9 */
}


/* Acordeon Menu Movil */
.accordion-item{
    border:none !important;
    background-color:white !important;
}



/* Submenu Categorias */
.dropdown-menu-large {
    width: 100vw;
    height: auto;
    left: -35vw;
    right: 0;
    top: 100%;
    position: absolute;
    z-index: 1050;
    display: none;
}

.dropdown:hover .dropdown-menu-large {
    display: block;
}

#baner {
    position: relative;
    z-index: 1;
}

#menu {
    position: relative;
    z-index: 1050;
}

/* Media Queries para pantallas pequeñas */
@media (max-width: 1270px) {
    .dropdown-menu-large {
        left: -440px;
    }
}

/* Color de checkbos/ */
.form-check-input:checked {
    background-color: #06aff2;
}