/* =========================================================
   Agroregistro – Home Ignite (refinado · VERDE)
   Archivo: home.style.css
   Ruta: /wp-content/plugins/agroregistro/includes/templates/screens/home.style.css
   Depende de: public.style.css
   ========================================================= */

.ar-home-ignite{ position: relative; }

/* HERO */
.ar-ignite-hero{
  position: relative;
  overflow: hidden;
  padding: 86px 0 110px;
}

.ar-ignite-bg{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(900px 520px at 18% 18%, rgba(255,255,255,.20) 0%, rgba(255,255,255,0) 56%),
    radial-gradient(900px 520px at 85% 26%, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 58%),
    linear-gradient(
      135deg,
      #2E7D5A 0%,
      #3FA37A 55%,
      #6BCF9B 100%
    );
}

/* cuña */
.ar-ignite-wedge{
  position:absolute;
  left:-12%;
  right:-12%;
  bottom:-108px;
  height: 240px;
  z-index:1;
  background:#fff;
  transform: rotate(-4deg);
  transform-origin: left bottom;
  box-shadow: 0 -26px 70px rgba(15,23,42,.12);
}

.ar-ignite-inner{ position: relative; z-index:2; }

/* GRID */
.ar-ignite-grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 56px;
  align-items: center;
  min-height: 520px;
}

/* LEFT COPY */
.ar-ignite-copy{
  color:#fff !important;
  max-width: 640px;
  padding-top: 10px;
}

/* fuerza blanco aunque el global pinte h1 en negro */
.ar-ignite-copy h1,
.ar-ignite-title,
.ar-ignite-lead,
.ar-ignite-fine{
  color:#fff !important;
}

.ar-ignite-brand{
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 26px;
}

.ar-ignite-brand__mark{
  width: 34px; height: 34px;
  border-radius: 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.20);
  border: 1px solid rgba(255,255,255,.30);
}

.ar-ignite-brand__text{
  font-weight: 600; /* ⬅ menos negrita */
  font-size: 20px;
  letter-spacing: .2px;
  text-transform: lowercase;
  opacity: .98;
}

.ar-ignite-title{
  margin: 0 0 18px;
  font-weight: 700; /* ⬅ antes 900 */
  letter-spacing: -1.2px;
  line-height: 1.00;
  font-size: 66px;
}

.ar-ignite-lead{
  margin: 0 0 22px;
  max-width: 560px;
  font-size: 16px;
  line-height: 1.75;
  opacity: .95;
  font-weight: 400;
}

/* buttons */
.ar-ignite-actions{
  display:flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.ar-ignite-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 14px 22px;
  border-radius: 999px;
  font-weight: 600; /* ⬅ menos bold */
  font-size: 14px;
  border: 1px solid transparent;
  transition: transform .06s ease, filter .12s ease, background .12s ease;
  text-decoration:none;
  user-select:none;
}
.ar-ignite-btn:active{ transform: translateY(1px); }

.ar-ignite-btn--primary{
  background:#fff;
  color:#0f172a !important;
  border-color: rgba(255,255,255,.45);
  box-shadow: 0 18px 44px rgba(15,23,42,.18);
}
.ar-ignite-btn--primary:hover{ filter: brightness(.98); }

.ar-ignite-btn--ghost{
  background: rgba(255,255,255,.16);
  color:#fff !important;
  border-color: rgba(255,255,255,.32);
}
.ar-ignite-btn--ghost:hover{ background: rgba(255,255,255,.20); }

.ar-ignite-fine{
  margin-top: 22px;
  font-size: 13px;
  opacity: .92;
  display:flex;
  align-items:center;
  gap: 10px;
  max-width: 580px;
  font-weight: 400;
}

.ar-ignite-dot{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(255,255,255,.55);
}

/* RIGHT VISUAL */
.ar-ignite-visual{
  position: relative;
  display:flex;
  justify-content:flex-end;
  align-items:center;
}



.ar-ignite-glass__shine{
  display: none;
}

.ar-ignite-app{
  width: 100%;
  height: auto;
  display:block;
  border-radius: 14px;
  filter: drop-shadow(0 18px 42px rgba(15,23,42,.22));
}

/* bubbles */
.ar-ignite-bubble{
  position:absolute;
  border-radius: 999px;
  opacity: .45;
  z-index: -1;
}
.ar-ignite-bubble--a{
  width: 150px; height: 150px;
  background: rgba(255,255,255,.22);
  top: -36px;
  right: -18px;
}
.ar-ignite-bubble--b{
  width: 120px; height: 120px;
  background: rgba(255,255,255,.18);
  bottom: -24px;
  left: 18px;
}

/* RESPONSIVE */
@media (max-width: 1120px){
  .ar-ignite-title{ font-size: 58px; }
}

@media (max-width: 980px){
  .ar-ignite-hero{ padding: 62px 0 78px; }
  .ar-ignite-grid{
    grid-template-columns: 1fr;
    gap: 26px;
    min-height: auto;
  }
  .ar-ignite-visual{ justify-content:center; }
  .ar-ignite-glass{ transform: none; padding: 14px; }
}

@media (max-width: 520px){
  .ar-ignite-title{ font-size: 44px; }
  .ar-ignite-btn{ width: 100%; }
  .ar-ignite-actions{ gap: 10px; }
}