/*
Theme Name: Astra Child Flyers Mataro
Theme URI: https://flyersmataro.com
Author: Tu nombre o empresa
Author URI: https://flyersmataro.com
Description: Tema hijo personalizado de Astra para FlyersMataro
Template: astra
Version: 1.0
Text Domain: astra-child-flyers
*/

/* Puedes añadir aquí tus estilos personalizados */
/* ===============================
   FORM & BUTTONS – ESTILO PRO
   =============================== */

/* Card del formulario */
.card{
  background:#ffffff;
  border-radius:20px;
  padding:1.8rem 1.6rem 2rem;
  box-shadow:0 30px 70px rgba(15,23,42,.12);
}

/* Header */
.card header{
  text-align:center;
  margin-bottom:1.2rem;
}
.card .badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.4rem .75rem;
  border-radius:999px;
  background:#eef2ff;
  color:#1e3a8a;
  font-weight:700;
  font-size:.82rem;
  margin-bottom:.35rem;
}
.card strong{
  display:block;
  font-size:1.25rem;
  font-weight:900;
  color:#0f172a;
}

/* Inputs */
.card label{
  font-weight:700;
  font-size:.9rem;
  color:#0f172a;
  margin-bottom:.25rem;
  display:block;
}

.card input,
.card select,
.card textarea{
  width:100%;
  height:52px;
  padding:0 .9rem;
  border-radius:14px;
  border:1px solid #e5e7eb;
  font-size:1rem;
  font-weight:500;
  outline:none;
  background:#fff;
  transition:border-color .15s ease, box-shadow .15s ease;
}

.card textarea{
  height:auto;
  min-height:110px;
  padding:.8rem .9rem;
}

.card input:focus,
.card select:focus,
.card textarea:focus{
  border-color:#ff6b00;
  box-shadow:0 0 0 3px rgba(255,107,0,.18);
}

/* Filas */
.card .row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.9rem;
  margin-bottom:.9rem;
}

@media (max-width:640px){
  .card .row{
    grid-template-columns:1fr;
  }
}

/* ===============================
   CTA – BOTONES PRO
   =============================== */

.cta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
  margin-top:1.2rem;
}

@media (max-width:640px){
  .cta{
    grid-template-columns:1fr;
  }
}

/* Botón base */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center; /* TEXTO SIEMPRE CENTRADO */
  height:54px;
  border-radius:999px;
  font-weight:900;
  font-size:1rem;
  letter-spacing:-0.01em;
  text-decoration:none;
  cursor:pointer;
  border:1px solid transparent;
  transition:
    transform .15s ease,
    box-shadow .15s ease,
    background .15s ease,
    color .15s ease;
}

/* CTA principal */
.btn--brand{
  background:linear-gradient(135deg,#ff6b00,#ff4500);
  color:#fff;
  box-shadow:0 18px 45px rgba(255,107,0,.45);
}

.btn--brand:hover{
  transform:translateY(-1px);
  box-shadow:0 24px 60px rgba(255,107,0,.55);
}

/* CTA secundaria */
.btn--ghost{
  background:#ffffff;
  color:#0f172a;
  border:1px solid #e5e7eb;
}

.btn--ghost:hover{
  background:#f9fafb;
  border-color:#cbd5f5;
}

/* Disclaimer */
.disclaimer{
  margin-top:.9rem;
  font-size:.78rem;
  color:#64748b;
  text-align:center;
}
.disclaimer a{
  font-weight:700;
  color:#0f172a;
}

/* Mensajes */
.success,
.error{
  margin-top:.9rem;
  font-size:.85rem;
  font-weight:700;
  text-align:center;
}

.error{
  color:#b91c1c;
}
.success{
  color:#15803d;
}