/* ==========================================================================
   PALETA LAVANDA Y MENTA · 14-sep-2026 · aprobada por el dueño
   Lavanda (#8B7BE0 / #6252C2) manda; la menta (#3FAE8C / #2B8A6D) es de apoyo
   (franja «Pagas cuando lo veas funcionando», ✓, confianza, fondo del menú).
   Letra: Plus Jakarta Sans (titulares) + Nunito Sans (cuerpo), autoalojadas en
   fuentes-amiga.css.
   Se carga DESPUÉS de vitrina.css y de la pila de estilos de cada página, por
   eso lleva !important donde un bloque de la página ganaba (así estaba en la
   maqueta). Volver atrás = quitar el <link> de layouts/vitrina.blade.php.
   ========================================================================== */

:root{
  --bone:#F8F6FC;--ink:#2A2540;--ink-soft:#5C5873;
  --esmeralda:#3FAE8C;--esmeralda-deep:#2B8A6D;--esmeralda-glow:rgba(63,174,140,.16);
  --oro:#F2B880;--bruma:#ECE8F7;--line:rgba(42,37,64,.12);
  --font-display:"Plus Jakarta Sans",system-ui,sans-serif;
  --font-body:"Nunito Sans",system-ui,sans-serif;
  --tinta-suave:#5C5873;--c-hseq:#3FAE8C;--c-esencial:#2A2540;
}
body{background:#F8F6FC!important}
h1,h2,h3,.eco-title{font-family:var(--font-display)!important;font-weight:800!important;letter-spacing:-.02em!important;color:#2A2540}
.eco-title em{color:#8B7BE0!important}
.btn--vivo{background:linear-gradient(135deg,#8B7BE0,#6252C2)!important;box-shadow:0 16px 32px -14px rgba(98,82,194,.6)!important}
#contacto.cta-final--viva{background:radial-gradient(600px 300px at 15% 0%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#8B7BE0,#6252C2)!important}
#contacto.cta-final--viva .btn--blanco{color:#6252C2!important}
.core{background:radial-gradient(circle at 30% 30%,#8B7BE0,#6252C2)!important}

/* ── Menú lateral: logo e indicadores en lavanda, fondo menta suave ── */
.rail{--esmeralda:#8B7BE0;--esmeralda-deep:#6252C2;--esmeralda-glow:rgba(139,123,224,.16)}
.rail__logo{background:linear-gradient(135deg,#8B7BE0,#6252C2)!important;box-shadow:0 8px 18px -8px rgba(98,82,194,.6)!important}
/* la misma «a» encima de los formularios de entrar / crear cuenta / recuperar */
.puerta__marca{background:linear-gradient(135deg,#8B7BE0,#6252C2)!important;box-shadow:0 10px 22px -12px rgba(98,82,194,.5)!important}
.rail__link.is-active,.rail__link:hover{color:#6252C2!important}
.rail__blob,.rail__ind,.rail__bar{background:#8B7BE0!important}
.rail--color .rail__link[data-sec="inicio"],.rail--color .rail__link[data-sec="resumen"]{--lc:#8B7BE0!important}
.rail--color .rail__link[data-sec="contacto"]{--lc:#6252C2!important}
.rail__link.is-active{background:rgba(139,123,224,.14)!important;border-color:rgba(139,123,224,.35)!important}
.rail{background:linear-gradient(180deg,#E3F5EE,#F2FAF6)!important;border-right:1px solid rgba(63,174,140,.28)!important}

/* 15-sep-2026: se retira el "B suave" (cada ícono con su color fijo, siempre
   visible) — pidió verlo más limpio, menos color a la vez. Vuelve a mandar
   el estilo de abajo (línea neutra, el color de marca solo aparece en hover),
   que ya existía en vitrina.css antes de esta paleta. Se deja .rail .blob
   apagado tal cual estaba: no es color, es el indicador de sección activa,
   fuera del alcance de este cambio. */
.rail .blob{opacity:0!important}

/* ── Círculo del centro: halo lavanda (antes quedaba un halo verdoso) ── */
.core{box-shadow:0 16px 34px -14px rgba(98,82,194,.45),0 0 0 9px rgba(139,123,224,.12),0 0 0 20px rgba(139,123,224,.06)!important}

/* ── Rincón de Ami: resplandor suave detrás y globo lavanda. El globo sigue
      apareciendo y escondiéndose como siempre (lo maneja vitrina.js). ── */
.gum::before{content:"";position:absolute;inset:-26px;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,rgba(139,123,224,.34),rgba(63,174,140,.18) 45%,transparent 70%)}
.gum__bubble{background:linear-gradient(135deg,#F1EEFC,#FFFFFF)!important;border:1px solid rgba(139,123,224,.35)!important;color:#6252C2!important;font-weight:700!important;box-shadow:0 10px 22px -12px rgba(98,82,194,.45)!important}