/**
 * Theme Name: Kadence Child
 * Template:   kadence
*/

/** Boton consultoria */
.button-schedule-consultancy {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 32px; /* Un poco más de padding para que se vea mejor la forma */
  
  /* Color de fondo azul corporativo */
  background-color: #1a4a7c; 
  color: #ffffff;
  
  /* --- ESTA ES LA CLAVE DE LA FORMA ASIMÉTRICA --- */
  /* Sintaxis: top-left top-right bottom-right bottom-left */
  border-radius: 4px 30px 4px 30px; 
  /* Explicación: Esquinas cuadradas (con radio mínimo) arriba-izq y abajo-der. Esquinas muy redondeadas arriba-der y abajo-izq. */
  
  /* Efecto de borde dorado simulado con sombra interna sutil */
  box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.4), 0 4px 6px rgba(0, 0, 0, 0.1);

  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.button-schedule-consultancy:hover {
  background-color: #133a63;
  transform: translateY(-2px);
  box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.6), 0 6px 12px rgba(0, 0, 0, 0.15);
}

.button-schedule-consultancy:active {
  transform: translateY(0);
  box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.4), 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Estilo para el ícono de WhatsApp si lo incluyes dentro */
.button-schedule-consultancy svg, 
.button-schedule-consultancy i {
  width: 20px;
  height: 20px;
  fill: currentColor;
}