/* ChatGPT Ads · Tecuvo — paleta oficial Tecuvo. Naranja ámbar SOLO en botones de compra. */
:root{
  --noche:#0B1220; --tinta:#14213D; --oro:#C8A45C; --electrico:#2F6BFF; --ambar:#FF8A1F; --marfil:#F5F1E8; --pizarra:#6B7280;
  --tinta-2:#1C2B4D; --linea:#D9D2C3; --linea-osc:#2A3A5E; --blanco:#FFFDF8; --bien:#2E9D6B; --mal:#D2553D; --medio:#C8A45C;
  --f-disp:"Bricolage Grotesque", "Figtree", system-ui, sans-serif;
  --f-txt:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --r-chico:8px; --r:14px; --r-grande:22px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;background:var(--marfil);color:var(--tinta);font:400 17px/1.6 var(--f-txt);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--electrico)}
h1,h2,h3{font-family:var(--f-disp);color:var(--noche);line-height:1.08;margin:0 0 .5em;font-weight:800;letter-spacing:-.02em}
h1{font-size:clamp(2rem,4.4vw,3.15rem)}
h2{font-size:clamp(1.7rem,3.6vw,2.5rem)}
h3{font-size:1.2rem;letter-spacing:-.01em;font-weight:700}
p{margin:0 0 1em;max-width:68ch}
:focus-visible{outline:3px solid var(--electrico);outline-offset:2px;border-radius:4px}
.envoltura{max-width:1120px;margin:0 auto;padding:0 20px}
.envoltura-ancha{max-width:1320px;margin:0 auto;padding:0 20px}
.peq{font-size:.86rem;color:var(--pizarra)}
.oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Marca */
.marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.marca-txt{font:800 1.08rem/1 var(--f-disp);letter-spacing:-.01em;display:flex;flex-direction:column;gap:3px}
.marca-txt small{font:500 .7rem/1 var(--f-txt);color:var(--pizarra);letter-spacing:0}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:15px 24px;font:700 1rem/1.1 var(--f-txt);cursor:pointer;text-decoration:none;transition:transform .15s ease, box-shadow .15s ease}
.btn:active{transform:translateY(1px)}
.btn-compra{background:var(--ambar);color:var(--noche);box-shadow:0 6px 0 -2px #C9650A}
.btn-compra:hover{box-shadow:0 8px 0 -2px #C9650A;transform:translateY(-1px)}
.btn-sec{background:var(--electrico);color:#fff}
.btn-linea{background:transparent;border:1.5px solid currentColor;color:var(--tinta)}
.btn-chico{padding:10px 14px;font-size:.9rem;border-radius:10px}
.btn-total{width:100%}
.btn[disabled]{opacity:.55;cursor:wait}
button.link{background:none;border:0;padding:0;color:var(--electrico);font:inherit;cursor:pointer;text-decoration:underline}

/* Formularios */
label{display:block;font-weight:600;font-size:.92rem;margin:0 0 6px}
.campo{margin-bottom:14px}
.campo small{display:block;color:var(--pizarra);font-size:.8rem;margin-top:4px}
input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],input[type=date],select,textarea{width:100%;padding:13px 14px;border:1.5px solid var(--linea);border-radius:10px;background:var(--blanco);font:inherit;color:var(--noche)}
textarea{min-height:96px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--electrico);outline:none;box-shadow:0 0 0 3px rgba(47,107,255,.18)}
.fila2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.fila2{grid-template-columns:1fr}}
.error-caja{background:#FCE9E4;border-left:4px solid var(--mal);padding:12px 14px;border-radius:8px;margin-bottom:16px;color:#7A2414}
.aviso{background:#E7EEFF;border-left:4px solid var(--electrico);padding:12px 14px;border-radius:8px;margin:16px 0}

/* ---------- Landing ---------- */
.tope{position:absolute;inset:0 0 auto 0;z-index:5}
.tope-in{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px}
.tope .marca-txt{color:var(--marfil)}
.tope-link{color:var(--marfil);font-weight:600;text-decoration:none;font-size:.95rem;opacity:.85}
.tope-link:hover{opacity:1;text-decoration:underline}

.heroe{background:var(--noche);color:var(--marfil);padding:110px 0 70px;position:relative;overflow:hidden}
.heroe::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 85% 20%, rgba(47,107,255,.16), transparent 60%);pointer-events:none}
.heroe-in{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start;position:relative}
.heroe h1{color:var(--marfil);max-width:17ch}
.heroe .bajada{font-size:1.15rem;color:#C9CEDB;max-width:44ch}
.heroe-form{background:var(--tinta);border:1px solid var(--linea-osc);border-radius:var(--r-grande);padding:22px;margin-top:26px;max-width:520px}
.heroe-form label{color:var(--marfil)}
.heroe-form input{background:#0F1A31;border-color:var(--linea-osc);color:var(--marfil)}
.heroe-form input::placeholder{color:#7F8AA3}
.heroe-form .peq{color:#9AA3B8;margin:10px 0 0}
@media (max-width:900px){.heroe{padding-top:96px}.heroe-in{grid-template-columns:1fr;gap:36px}}

/* La conversación simulada: lo memorable */
.chat{background:#F7F7F4;color:#1F2430;border-radius:var(--r-grande);padding:22px 20px 18px;box-shadow:0 30px 80px -30px rgba(0,0,0,.6);font-size:.96rem;line-height:1.5;margin-top:8px}
.chat-cab{display:flex;align-items:center;gap:8px;color:#6B7280;font-size:.8rem;font-weight:600;margin-bottom:14px}
.chat-cab i{width:9px;height:9px;border-radius:50%;background:#D5D7DC;display:inline-block}
.burbuja-yo{background:#E9EAEE;border-radius:18px 18px 4px 18px;padding:10px 14px;margin-left:auto;max-width:82%;width:fit-content}
.resp{margin-top:16px}
.resp ol{margin:8px 0 0;padding-left:22px}
.resp li{margin:6px 0;opacity:0;transform:translateY(6px);animation:entra .45s ease forwards}
.resp li:nth-child(1){animation-delay:.9s}.resp li:nth-child(2){animation-delay:1.35s}.resp li:nth-child(3){animation-delay:1.8s}
.resp p{opacity:0;animation:entra .4s ease .5s forwards;margin:0}
.hueco{margin-top:16px;border:2px dashed var(--oro);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center;opacity:0;animation:entra .5s ease 2.5s forwards;background:#FFF8EA}
.hueco b{font-family:var(--f-disp);color:var(--noche)}
.hueco span{font-size:.82rem;color:var(--mal);font-weight:700;white-space:nowrap}
.patrocinado{margin-top:12px;border:1px solid #E1E3E8;border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:center;font-size:.85rem;opacity:0;animation:entra .5s ease 3.3s forwards;background:#fff}
.patrocinado em{font-style:normal;color:#6B7280;font-size:.72rem;display:block}
.patrocinado .mini{width:38px;height:38px;border-radius:8px;background:var(--oro);flex:none}
@keyframes entra{to{opacity:1;transform:none}}

.seccion{padding:84px 0}
.seccion-osc{background:var(--noche);color:var(--marfil)}
.seccion-osc h2,.seccion-osc h3{color:var(--marfil)}
.seccion-tinta{background:var(--tinta);color:var(--marfil)}
.seccion-tinta h2,.seccion-tinta h3{color:var(--marfil)}

.hechos{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
.hechos ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--linea)}
.hechos li{padding:18px 0;border-bottom:1px solid var(--linea);display:grid;grid-template-columns:120px 1fr;gap:16px}
.hechos li b{font-family:var(--f-disp);font-size:1.05rem;color:var(--noche)}
@media (max-width:860px){.hechos{grid-template-columns:1fr;gap:20px}.hechos li{grid-template-columns:1fr;gap:4px}}

.pasos{counter-reset:p;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:36px;border-top:2px solid var(--oro)}
.paso{padding:22px 22px 0 0;position:relative}
.paso::before{counter-increment:p;content:counter(p);font:800 2.6rem/1 var(--f-disp);color:var(--oro);display:block;margin-bottom:12px}
.paso p{color:#C9CEDB;font-size:.96rem}
@media (max-width:900px){.pasos{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pasos{grid-template-columns:1fr}.paso{padding-right:0}}

.versus{width:100%;border-collapse:collapse;margin-top:28px;font-size:.96rem}
.versus th,.versus td{padding:14px 12px;border-bottom:1px solid var(--linea);text-align:left;vertical-align:top}
.versus thead th{font-family:var(--f-disp);font-size:1rem;color:var(--noche)}
.versus .nos{background:#FFF3DF;font-weight:600}
.versus tbody th{font-weight:600;color:var(--pizarra);width:24%}
.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:640px){.versus{min-width:560px}}

.precio{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.precio-caja{background:var(--marfil);color:var(--tinta);border-radius:var(--r-grande);padding:30px}
.monto{font:800 3.4rem/1 var(--f-disp);color:var(--noche);letter-spacing:-.03em}
.monto small{font:500 1rem var(--f-txt);color:var(--pizarra);letter-spacing:0}
.lista-check{list-style:none;padding:0;margin:18px 0 24px}
.lista-check li{padding:7px 0 7px 30px;position:relative}
.lista-check li::before{content:"";position:absolute;left:2px;top:13px;width:14px;height:8px;border-left:3px solid var(--bien);border-bottom:3px solid var(--bien);transform:rotate(-45deg)}
@media (max-width:860px){.precio{grid-template-columns:1fr;gap:28px}}

.faq details{border-bottom:1px solid var(--linea);padding:16px 0}
.faq summary{font:700 1.08rem/1.35 var(--f-disp);color:var(--noche);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--oro)}
.faq details[open] summary::after{content:"−"}
.faq details p{margin:12px 0 0}

.cierre{text-align:left}
.pie{background:var(--noche);color:#9AA3B8;padding:36px 0}
.pie-in{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start}
.pie .marca-txt{color:var(--marfil)}
.pie .peq{color:#8590A8;margin-top:12px;max-width:52ch}
.pie-nav{display:flex;gap:18px}
.pie-nav a{color:#C9CEDB;text-decoration:none;font-size:.92rem}

/* ---------- Progreso y resultado ---------- */
.pagina-simple{padding-top:40px;padding-bottom:70px}
.cabecera-simple{background:var(--noche);padding:16px 0}
.cabecera-simple .marca-txt{color:var(--marfil)}
.progreso{max-width:640px;margin:20px auto 0}
.barra{height:10px;background:#E5DFD2;border-radius:99px;overflow:hidden;margin:20px 0}
.barra i{display:block;height:100%;width:0;background:var(--electrico);border-radius:99px;transition:width .5s ease}
.bitacora{list-style:none;padding:0;margin:0}
.bitacora li{padding:12px 0;border-bottom:1px solid var(--linea);display:flex;gap:12px;align-items:flex-start}
.bitacora li .est{flex:none;width:22px;height:22px;border-radius:50%;margin-top:2px;background:#E5DFD2;position:relative}
.bitacora li.si .est{background:var(--bien)}
.bitacora li.no .est{background:var(--mal)}
.bitacora li.va .est{background:var(--electrico);animation:pulso 1s ease-in-out infinite}
.bitacora li small{display:block;color:var(--pizarra)}
@keyframes pulso{50%{opacity:.35}}

.res-cab{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;margin:24px 0 36px}
.medidor{width:170px;height:170px;position:relative}
.medidor svg{transform:rotate(-90deg)}
.medidor b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 3rem/1 var(--f-disp);color:var(--noche)}
.medidor b small{font:600 .78rem var(--f-txt);color:var(--pizarra);margin-top:4px}
.nivel-mal h1{color:var(--noche)}
@media (max-width:640px){.res-cab{grid-template-columns:1fr;gap:16px}.medidor{width:140px;height:140px}}

.ranking{list-style:none;padding:0;margin:0}
.ranking li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--linea)}
.ranking .barrita{grid-column:1/-1;height:6px;background:#E5DFD2;border-radius:99px;overflow:hidden}
.ranking .barrita i{display:block;height:100%;background:var(--tinta)}
.ranking li.tu .barrita i{background:var(--oro)}
.ranking li b{font-weight:700}
.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media (max-width:860px){.dos-col{grid-template-columns:1fr;gap:28px}}

.respuesta{background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:18px;margin:12px 0;font-size:.95rem}
.respuesta .q{font-weight:700;color:var(--noche);margin-bottom:10px;display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.respuesta .q span.tag{flex:none;font-size:.75rem;padding:3px 9px;border-radius:99px;font-weight:700}
.tag-si{background:#DDF2E8;color:#1D6B48}.tag-no{background:#FBE3DD;color:#8C2C1A}
.respuesta .cuerpo{color:#333A48;max-height:340px;overflow:auto}
mark.m-otro{background:#E3E8F5;color:inherit;padding:0 3px;border-radius:3px}
mark.m-tu{background:#F5E3BD;color:inherit;padding:0 3px;border-radius:3px;font-weight:700}
.bloqueada{position:relative}
.bloqueada .cuerpo{filter:blur(5px);user-select:none;pointer-events:none;max-height:90px;overflow:hidden}
.candado{background:var(--noche);color:var(--marfil);border-radius:var(--r-grande);padding:28px;margin:28px 0}
.candado h2{color:var(--marfil)}
.candado .monto{color:var(--marfil)}
.candado .monto small{color:#9AA3B8}
.fuentes{font-size:.8rem;color:var(--pizarra);margin-top:10px}
.fuentes a{color:var(--pizarra)}

/* ---------- Panel ---------- */
.en-panel{background:#F2EEE4}
.pan-top{background:var(--noche);color:var(--marfil);position:sticky;top:0;z-index:20}
.pan-top-in{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:10px}
.pan-top .marca-txt{color:var(--marfil)}
.pan-cuenta{position:relative;font-size:.9rem}
.pan-cuenta summary{cursor:pointer;list-style:none;color:#C9CEDB;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pan-cuenta summary::-webkit-details-marker{display:none}
.pan-cuenta>div{position:absolute;right:0;top:28px;background:#fff;border-radius:10px;padding:12px 16px;box-shadow:0 12px 30px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:10px;min-width:150px}
.pan-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:0}
.pan-nav::-webkit-scrollbar{display:none}
.pan-nav a{color:#C9CEDB;text-decoration:none;font-weight:600;font-size:.92rem;padding:10px 12px 12px;white-space:nowrap;border-bottom:3px solid transparent}
.pan-nav a.on{color:var(--marfil);border-bottom-color:var(--oro)}
.pan-main{padding-top:28px;padding-bottom:60px}
.panel-hoja{background:var(--blanco);border-radius:var(--r);padding:22px;margin-bottom:18px;border:1px solid #E5DFD2}
.panel-hoja h2{font-size:1.4rem}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 18px}
.kpi{background:var(--blanco);border:1px solid #E5DFD2;border-radius:12px;padding:14px}
.kpi b{display:block;font:800 1.6rem/1.1 var(--f-disp);color:var(--noche)}
.kpi span{font-size:.82rem;color:var(--pizarra)}
@media (max-width:760px){.kpis{grid-template-columns:1fr 1fr}}
.siguiente{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.modulos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.modulo{display:block;text-decoration:none;color:inherit;background:var(--blanco);border:1px solid #E5DFD2;border-radius:var(--r);padding:20px;border-left:4px solid var(--oro)}
.modulo:hover{border-color:var(--electrico)}
.modulo p{margin:0;color:var(--pizarra);font-size:.95rem}
@media (max-width:700px){.modulos{grid-template-columns:1fr}}

.guia-etapa{margin:26px 0 8px;font:700 .95rem var(--f-txt);color:var(--pizarra)}
.guia-paso{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:16px;background:var(--blanco);border:1px solid #E5DFD2;border-radius:12px;margin-bottom:10px}
.guia-paso.hecho{opacity:.7}
.guia-paso.hecho h3{text-decoration:line-through;text-decoration-color:var(--oro)}
.check-btn{width:32px;height:32px;border-radius:50%;border:2px solid var(--linea);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.hecho .check-btn{background:var(--bien);border-color:var(--bien)}
.hecho .check-btn::after{content:"";width:12px;height:7px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.guia-paso p{margin:4px 0 0;font-size:.96rem}
.copiable{display:flex;gap:8px;margin-top:10px}
.copiable input{font-size:.85rem}

.anuncio-prev{border:1px solid #E1E3E8;border-radius:14px;padding:12px;display:flex;gap:12px;align-items:center;background:#fff;margin:10px 0}
.anuncio-prev .img{width:64px;height:64px;border-radius:10px;background:#E5DFD2 center/cover;flex:none}
.anuncio-prev em{font-style:normal;color:var(--pizarra);font-size:.72rem}
.anuncio-prev b{display:block;color:var(--noche)}
.anuncio-prev .d{font-size:.9rem;color:#3B4150}
.cuenta-chars{font-size:.75rem;color:var(--pizarra)}
.cuenta-chars.pasado{color:var(--mal);font-weight:700}
.pistas{columns:3 220px;column-gap:20px}
.pistas div{break-inside:avoid;margin-bottom:14px}
.pistas h3{font-size:1rem}
.pistas ul{margin:0;padding-left:18px;font-size:.94rem}
.arreglo{padding:12px 0;border-bottom:1px solid var(--linea)}
.prio{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:99px;margin-right:6px}
.prio-alta{background:#FBE3DD;color:#8C2C1A}.prio-media{background:#FFF0D1;color:#7A5410}.prio-baja{background:#E3E8F5;color:#22346A}

.tabla{overflow-x:auto;background:var(--blanco);border:1px solid #E5DFD2;border-radius:12px}
.tabla table{width:100%;border-collapse:collapse;font-size:.9rem}
.tabla th,.tabla td{padding:10px 12px;border-bottom:1px solid #EEE8DC;text-align:left;white-space:nowrap}
.tabla th{font-weight:700;color:var(--pizarra);font-size:.8rem;background:#FAF7F0}
.tabla td.num,.tabla th.num{text-align:right}
.sem{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.sem-bien{background:var(--bien)}.sem-medio{background:var(--oro)}.sem-mal{background:var(--mal)}
.calc-res{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
@media (max-width:600px){.calc-res{grid-template-columns:1fr 1fr}}
.historial{display:flex;align-items:flex-end;gap:6px;height:120px;margin:14px 0;padding:0 2px}
.historial div{flex:1;background:var(--tinta);border-radius:6px 6px 0 0;min-height:4px;position:relative}
.historial div:last-child{background:var(--oro)}
.historial div span{position:absolute;top:-20px;left:0;right:0;text-align:center;font-size:.72rem;font-weight:700;color:var(--noche)}

/* ---------- Admin ---------- */
.en-admin{background:#F2EEE4;font-size:15px}
.adm-top{background:var(--noche);color:var(--marfil)}
.adm-top-in{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.adm-top .marca-txt{color:var(--marfil)}
.adm-etq{background:var(--oro);color:var(--noche);font-weight:700;font-size:.75rem;padding:3px 8px;border-radius:6px}
.adm-nav{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-left:auto}
.adm-nav a{color:#C9CEDB;text-decoration:none;font-weight:600}
.adm-nav a.on{color:var(--oro)}
.adm-nav button.link{color:#C9CEDB}
.adm-main{padding-top:24px;padding-bottom:60px}
.adm-login{max-width:420px;margin:40px auto;background:var(--blanco);padding:28px;border-radius:var(--r);border:1px solid #E5DFD2}
.filtros{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 16px;align-items:center}
.filtros input,.filtros select{width:auto;padding:9px 12px}
.pestanas{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 14px}
.pestanas a{padding:7px 12px;border-radius:99px;background:#fff;border:1px solid #E5DFD2;text-decoration:none;color:var(--tinta);font-size:.88rem}
.pestanas a.on{background:var(--noche);color:var(--marfil);border-color:var(--noche)}
.estado{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:99px;background:#E3E8F5;color:#22346A}
.estado-activo,.estado-cortesia{background:#DDF2E8;color:#1D6B48}
.estado-vencido,.estado-cancelado{background:#FBE3DD;color:#8C2C1A}
.ajustes-grupo{background:var(--blanco);border:1px solid #E5DFD2;border-radius:12px;padding:18px;margin-bottom:16px}
.ajustes-grupo h2{font-size:1.15rem}
.acciones-fila{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.acciones-fila form{margin:0}

/* ---------- Asistente de ayuda ---------- */
.punto{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ambar);vertical-align:middle;margin-left:2px}
.chat-ayuda{padding:16px}
.hilo{display:flex;flex-direction:column;gap:10px;max-height:62vh;overflow-y:auto;padding:4px 2px 8px;scroll-behavior:smooth}
.msg{max-width:88%;padding:11px 14px;border-radius:16px;font-size:.96rem;line-height:1.5}
.msg p{margin:0 0 .5em}.msg p:last-child{margin:0}
.msg ul{margin:.3em 0 .5em;padding-left:20px}.msg li{margin:3px 0}
.msg-yo{align-self:flex-end;background:var(--tinta);color:var(--marfil);border-bottom-right-radius:4px}
.msg-ia{align-self:flex-start;background:#F3EFE6;color:var(--tinta);border-bottom-left-radius:4px;border:1px solid #E8E1D2}
.msg-ia strong{color:var(--noche)}
.escribiendo{display:inline-flex;gap:4px;padding:4px 0}
.escribiendo i{width:7px;height:7px;border-radius:50%;background:var(--pizarra);animation:pulso 1s infinite}
.escribiendo i:nth-child(2){animation-delay:.2s}.escribiendo i:nth-child(3){animation-delay:.4s}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.chip{background:#fff;border:1.5px solid var(--linea);border-radius:99px;padding:8px 13px;font:600 .86rem var(--f-txt);color:var(--tinta);cursor:pointer;text-align:left}
.chip:hover{border-color:var(--electrico);color:var(--electrico)}
.caja-escribir{display:flex;gap:8px;align-items:flex-end;margin-top:12px}
.caja-escribir textarea{min-height:52px;flex:1}
.soporte{margin-top:12px;font-size:.9rem}
.soporte summary{cursor:pointer;color:var(--electrico);font-weight:600}