/* ===== Botones globales MediSel: funcionan en cualquier sección ===== */
.ms-boton{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:54px; padding:0 30px; border-radius:999px;
  font-family:'Poppins', sans-serif; font-weight:600; font-size:16px; line-height:1.2;
  text-decoration:none; cursor:pointer;
  transition:background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.ms-boton:focus-visible{outline:3px solid #8FE0A8; outline-offset:3px}

/* Verde sólido: la acción principal ("Iniciar prueba gratis") */
.ms-boton--principal{background:#2E8B4F; color:#fff !important; border:2px solid #2E8B4F}
.ms-boton--principal:hover{background:#1F5C33; border-color:#1F5C33; color:#fff !important; transform:translateY(-1px)}

/* Contorno verde: acción secundaria sobre fondo blanco o gris claro */
.ms-boton--contorno{background:transparent; color:#2E8B4F !important; border:2px solid #2E8B4F}
.ms-boton--contorno:hover{background:#EAF3EC; color:#1F5C33 !important}

/* Contorno blanco: acción secundaria sobre fondo oscuro o foto */
.ms-boton--claro{background:rgba(255,255,255,.06); color:#fff !important; border:2px solid rgba(255,255,255,.55)}
.ms-boton--claro:hover{background:rgba(255,255,255,.14); border-color:#fff; color:#fff !important}

/* En celular, el botón ocupa todo el ancho */
@media (max-width:560px){
  .ms-boton{width:100%}
}