/**Importar Tipografia Poppins **/
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Regular.ttf');
}

/**Importar Tipografia Poppins Bold**/
@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins/Poppins-Bold.ttf');
}


/**Declarar Clase Regular***/
.tipo{
    font-family: 'Poppins';
}


/**Declarar Clases Bold***/
.tipo-bold{
    font-family: 'Poppins-Bold';
}


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

label{
    font-size: 12px;
}

.regular{
    font-size: 12px;
}

.lg{
    font-size: 16px;
}

p{
    font-size: 18px;
}

.azul{
    color: #1C355E;
}

hr{
    width: 100%;
    height: 1px;
    color:#FFFFFF;
    border:none;
}

.click{
    cursor:pointer;
}

.redondo{
    background-color: #18988b;
    border-radius:20px;
}

/**-------- minilogos para videos**/

.video-container {
    position: relative;
}

.floating-button {
  position: absolute;
  top: 7px; /* Distancia desde la parte superior */
  left: 10px; /* Distancia desde el lado derecho */
  z-index: 1; /* Asegura que el botón esté sobre el video */
}

.floating-button-left {
  position: absolute;
  bottom: 40px; /* Distancia desde la parte inferior */
  right: 10px; /* Distancia desde el lado izquierdo */
  z-index: 1; /* Asegura que el botón esté sobre el video */
}



/*------------------BOTON FLOTANTE-----------------*/
.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: 100px; /* Borde del boton */
    border-color: 1px solid black;
    letter-spacing: 2px; /* Espacio entre letras */
    background-color: #1C355E; /* Color de fondo */
    padding: 10px 10px; /* 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: #18988b; /* Color de fondo al pasar el cursor */
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
    transform: translateY(-7px);
    color:#FFFFFF;
}