@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */


  .contenedor {
    display: flex; /* Activa Flexbox */
    gap: 10px;    /* Añade espacio entre los divs */
  }
  .hijo {
    flex: 1; /* Hace que ambos divs ocupen el mismo ancho */
    border: 0px solid black;
    padding: 10px;
  }


.boton-flotante {
  position: fixed;
  bottom: 20px; /* Distancia desde la parte inferior de la pantalla */
  right: 20px; /* Distancia desde la derecha de la pantalla */
 /* background-color: #25d366; /* Color de fondo (ej. verde WhatsApp) */
  color: white; /* Color del icono */
  border-radius: 50%; /* Hace que el botón sea perfectamente redondo */
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); /* Sombra para darle efecto de profundidad */
  z-index: 1000; /* Asegura que el botón esté por encima de otros elementos */
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Efecto al pasar el ratón por encima */
.boton-flotante:hover {
  /*background-color: #128c7e;*/
  transform: scale(1.1); /* Ligeramente más grande */
}

.Mibtn {
  display: inline-block;
  font-weight: 400;
  color: #f8f9fa;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4rem 0.78rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}