/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 04 2026 | 21:54:50 */
/* =========================================
   ESTILOS BASE PARA LOS BOTONES (Prefijo mm-)
   ========================================= */
.mm-btn {
  /* Comportamiento y modelo de caja */
  display: inline-block;
  padding: 12px 32px;
  box-sizing: border-box;

  width: 100%;
  
  /* Tipografía */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  
  /* Apariencia general */
  border-radius: 50px;
  cursor: pointer;
  
  /* Transición suave para el hover */
  transition: all 0.3s ease;
}

/* =========================================
   1. BOTÓN CON CONTORNO (Izquierda)
   ========================================= */
.mm-btn-outline {
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
}

/* Efecto hover: Se ilumina con un fondo sutil y resplandor blanco */
.mm-btn-outline:hover {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.4);
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.3);
}

/* =========================================
   2. BOTÓN SÓLIDO (Derecha)
   ========================================= */
.mm-btn-solid {
  background-color: #00B4C2!important;
  border: 2px solid #00B4C2;
  color: #ffffff;
}

/* Efecto hover: Aumenta el brillo del color y añade un resplandor cian */
.mm-btn-solid:hover {
  filter: brightness(1.15);
  box-shadow: 0 0 15px rgba(0, 180, 182, 0.6);
}

/* =========================================
   UTILIDADES PARA BOOTSTRAP 3 Y BOTONES
   ========================================= */

/* Separación entre botones cuando están en la misma columna (Opción 1) */
.mm-btn-spacing {
  margin-right: 15px;
}

/* En pantallas móviles, quitamos el margen derecho y agregamos margen inferior para que se apilen bien */
@media (max-width: 767px) {
  .mm-btn-spacing {
    margin-right: 0;
    margin-bottom: 15px;
    display: block; /* Hace que ocupen el ancho completo en móvil si lo deseas */
    width: 100%; 
  }
  
  /* Fuerza el centrado en móviles para la Opción 2 */
  .mm-text-center-mobile {
    text-align: center !important;
  }

  /* Separación al apilar en la Opción 2 */
  .mm-btn-wrapper {
    margin-bottom: 15px;
  }
  
}