/* =====================================================
   OVERRIDES LIMPIOS — Baligò
   Archivo limpio para correcciones globales
   CA / ES / FR
   ===================================================== */


/* =====================================================
   HERO — DISTRIBUCIÓN EQUILIBRADA
   Desde:
   "Reformes i obra nova · Particulars · Negocis i Empreses"
   ===================================================== */

/* Grid principal del hero */
.hero__grid{
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  align-items: flex-start;
  gap: clamp(32px, 5vw, 72px);
}

/* Columna de texto */
.hero__copy{
  max-width: 60ch;
}

/* Espaciado vertical coherente */
.hero__copy > * + *{
  margin-top: 16px;
}

/* Badge (línea superior) */
.hero__copy .badge{
  margin-bottom: 12px;
}

/* Título principal */
.hero__copy h1{
  margin-top: 0;
  margin-bottom: 16px;
  line-height: 1.15;
}

/* Párrafos destacados */
.hero__copy .lead{
  margin-bottom: 12px;
}

/* Caja de cita / manifiesto */
.hero__copy .box{
  margin-top: 24px;
}

/* Zona de botones */
.hero__cta{
  margin-top: 28px;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

/* Card lateral */
.hero__card{
  margin-top: 12px;
}


/* =====================================================
   RESPONSIVE — MÓVIL
   ===================================================== */
@media (max-width: 900px){

  .hero__grid{
    grid-template-columns: 1fr;
  }

  .hero__copy{
    max-width: none;
  }

  .hero__card{
    margin-top: 32px;
  }
}
/* =====================================================
   HERO — USAR TODO EL ANCHO DE PANTALLA
   ===================================================== */

/* El hero se sale del container clásico */
.hero > .container{
  max-width: none;
  width: 100%;
  padding-left: clamp(24px, 6vw, 96px);
  padding-right: clamp(24px, 6vw, 96px);
}

/* Reequilibramos el grid */
.hero__grid{
  max-width: 1600px;          /* límite elegante en pantallas grandes */
  margin-left: auto;
  margin-right: auto;
}

/* Texto más centrado visualmente */
.hero__copy{
  max-width: 62ch;
}

/* Card lateral más protagonista */
.hero__card{
  align-self: center;
}