/* =====================================================================
   TEMA NAVIDEÑO · Ruta Migratoria CR (inicio + asistente virtual)
   - Solo CSS e imágenes SVG dentro de este archivo: no hay animaciones nuevas.
   - PARA QUITARLO: borre este archivo del servidor (o súbalo vacío).
     Las páginas vuelven solas al diseño normal.
   ===================================================================== */

/* ---------- Nieve acumulada (SVG liviano que se repite a lo ancho) ---------- */
:root{
  --nieve:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='22' viewBox='0 0 150 22'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.65' stop-color='%23f1f8ff'/%3E%3Cstop offset='1' stop-color='%23cfe6ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M0 9C8 3 19 2 28 7C35 1 49 1 57 6C65 2 75 2 84 7C92 1 106 1 114 6C122 2 136 3 150 9L150 14C143 14 140 15 139.4 18C138.9 21.5 135.6 21.5 135 18C134.5 15.4 131 14 124 14L80 14C75.5 14 73.5 15.5 73 19C72.6 21.8 69 21.8 68.6 19C68.2 15.6 66 14 60 14L26 14C22 14 20.6 15 20.2 17C19.8 19.2 17 19.2 16.6 17C16.2 15 14 14 10 14L0 14Z'/%3E%3C/svg%3E");
  --neon:#4FA8FF; --neon-2:#8FD0FF;
}

/* ---------- Fondo: azul profundo con haces de luz neón estáticos ---------- */
body{
  background-color:#06102E;
  background-image:
    radial-gradient(ellipse at 50% -10%,rgba(79,168,255,.35),transparent 55%),
    radial-gradient(circle at 0% 100%,rgba(30,90,200,.35),transparent 45%),
    radial-gradient(circle at 100% 100%,rgba(30,90,200,.35),transparent 45%),
    linear-gradient(180deg,#0A1A4A 0%,#06102E 60%,#040B22 100%);
}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    linear-gradient(118deg,transparent 0 13.6%,rgba(143,208,255,.55) 13.75%,rgba(255,255,255,.85) 13.85%,rgba(143,208,255,.55) 13.95%,transparent 14.4%),
    linear-gradient(118deg,transparent 0 6.2%,rgba(79,168,255,.35) 6.4%,transparent 7.2%),
    linear-gradient(118deg,transparent 0 85.6%,rgba(143,208,255,.55) 86.05%,rgba(255,255,255,.85) 86.15%,rgba(143,208,255,.55) 86.25%,transparent 86.4%),
    linear-gradient(118deg,transparent 0 92.8%,rgba(79,168,255,.35) 93.6%,transparent 93.8%);
  -webkit-mask-image:radial-gradient(circle at 0 0,#000 0,transparent 42%),radial-gradient(circle at 100% 100%,#000 0,transparent 42%);
          mask-image:radial-gradient(circle at 0 0,#000 0,transparent 42%),radial-gradient(circle at 100% 100%,#000 0,transparent 42%);
  filter:drop-shadow(0 0 6px rgba(79,168,255,.8));
}

/* =====================================================================
   INICIO (index.html)
   ===================================================================== */
.profile h1{text-shadow:0 0 14px rgba(79,168,255,.65),0 0 2px rgba(255,255,255,.6)}
.profile h1 span{display:flex;align-items:center;justify-content:center;gap:14px;color:#fff}
.profile h1 span::before,.profile h1 span::after{content:"";flex:0 1 64px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--neon-2),var(--neon));box-shadow:0 0 10px var(--neon)}
.profile h1 span::after{background:linear-gradient(90deg,var(--neon),var(--neon-2),transparent)}
.chips .chip{border-color:rgba(79,168,255,.75);box-shadow:0 0 10px rgba(79,168,255,.35),inset 0 0 10px rgba(79,168,255,.12)}
.find input{border-color:rgba(79,168,255,.75);box-shadow:0 0 12px rgba(79,168,255,.3),inset 0 0 12px rgba(79,168,255,.1)}

/* Botón del asistente: tarjeta clara con borde neón y nieve */
.hero-btn{position:relative;margin-top:28px;background:linear-gradient(180deg,#FFFFFF 0%,#E3F0FF 100%);border:1.5px solid #9FD4FF;
  box-shadow:0 0 0 1px rgba(79,168,255,.55),0 0 22px rgba(79,168,255,.65),0 18px 40px -16px rgba(79,168,255,.6)}
.hero-btn:hover{box-shadow:0 0 0 1px rgba(79,168,255,.8),0 0 28px rgba(79,168,255,.8),0 22px 44px -16px rgba(79,168,255,.7)}

/* Botones grandes: borde neón suave */
#grupos{gap:16px;margin-top:28px}
.gbtn{position:relative;border:1.5px solid rgba(79,168,255,.85);
  background:linear-gradient(120deg,#1565C0 0%,#123E9C 50%,#0E2A78 100%);
  box-shadow:0 0 14px rgba(79,168,255,.45),inset 0 10px 12px -8px rgba(220,240,255,.35),inset 0 0 18px rgba(143,208,255,.12),0 14px 28px -18px rgba(0,0,0,.9)}
.gbtn:hover{border-color:#9FD4FF;box-shadow:0 0 20px rgba(79,168,255,.7),inset 0 0 18px rgba(143,208,255,.18),0 14px 28px -18px rgba(0,0,0,.9)}
.gbtn .chev{border:1.5px solid rgba(143,208,255,.8);box-shadow:0 0 8px rgba(79,168,255,.5)}

/* Nieve sobre los bordes superiores */
.hero-btn::before,.gbtn::before{content:"";position:absolute;left:3px;right:3px;top:-8px;height:22px;pointer-events:none;border-radius:16px 16px 0 0;
  background:var(--nieve) 0 0/150px 22px repeat-x;filter:drop-shadow(0 1px 1.5px rgba(10,40,110,.45))}

/* Pie con borde neón */
footer.pie{border-color:rgba(79,168,255,.55);box-shadow:0 0 16px rgba(79,168,255,.25),inset 0 0 16px rgba(79,168,255,.08)}
footer .redes a{border-color:rgba(143,208,255,.75);box-shadow:0 0 10px rgba(79,168,255,.4)}

/* =====================================================================
   ASISTENTE VIRTUAL (asistente.html)
   ===================================================================== */
.app header{background:rgba(6,16,46,.78);border-bottom-color:rgba(79,168,255,.35);box-shadow:0 1px 14px rgba(79,168,255,.18)}
.app .hello h1{text-shadow:0 0 14px rgba(79,168,255,.65),0 0 2px rgba(255,255,255,.6)}
.app .hello .chips .chip{border-color:rgba(79,168,255,.75);box-shadow:0 0 10px rgba(79,168,255,.3)}

/* Aurora detrás del avatar: se mantiene en movimiento (giro del anillo y pulso al hablar) */
.app .avatar .av-aura{opacity:.95}

/* Tarjetas «Cómo respondo» y respuestas: borde neón y nieve */
.app .howto div{position:relative;margin-top:6px;border:1.5px solid rgba(79,168,255,.8);box-shadow:0 0 14px rgba(79,168,255,.4),inset 0 0 16px rgba(143,208,255,.1)}
.app .howto div::before{content:"";position:absolute;left:3px;right:3px;top:-8px;height:22px;pointer-events:none;border-radius:13px 13px 0 0;
  background:var(--nieve) 0 0/150px 22px repeat-x;filter:drop-shadow(0 1px 1.5px rgba(10,40,110,.45))}
.app .card{position:relative;border:1.5px solid rgba(79,168,255,.6);box-shadow:0 0 16px rgba(79,168,255,.3),0 14px 30px -20px rgba(0,0,0,.9)}
.app .card::before{content:"";position:absolute;left:0;right:0;top:0;height:22px;pointer-events:none;z-index:1;
  background:var(--nieve) 0 -4px/150px 22px repeat-x;filter:drop-shadow(0 1px 1.5px rgba(10,40,110,.45))}
.app .card>.sec:first-child{padding-top:26px}
.app .user p{border-color:rgba(143,208,255,.7);box-shadow:0 0 12px rgba(79,168,255,.35)}
.app .box{border-color:rgba(79,168,255,.8);box-shadow:0 0 16px rgba(79,168,255,.4),0 18px 40px -18px rgba(0,0,0,.9)}
.app .composer{background:linear-gradient(to top,#040B22 65%,rgba(4,11,34,0))}
.avdock{border-color:rgba(79,168,255,.7);box-shadow:0 0 18px rgba(79,168,255,.4),0 22px 50px -18px rgba(0,0,0,.85)}