/* Volti · estilos del asistente (antes cris.css; las clases .cris-* se mantienen) */
/* Cris · asistente virtual de ConcepServices — hoja autónoma, sirve en toda la web */
.cris-raiz{
 --c-navy:#001B4E; --c-lima:#6FC22B; --c-verde:#3A7A17; --c-azul:#0A55B8;
 --c-fondo:#FCFDFE; --c-panel:#FFFFFF; --c-linea:#E1E8F0; --c-suave:#F3F6FA;
 --c-ink:#0A1424; --c-ink2:#47586E; --c-ink3:#5F6D82; --c-wash:#F0F8E2;
 --c-av:#FFF6EC; --c-avl:#F2DCC2; --c-avt:#7A4A1E;
 --c-err:#FDF1EC; --c-errl:#F0D2C6; --c-errt:#8A3A22;
 --c-sombra:0 32px 70px -22px rgba(2,20,38,.5);
 --c-tipo:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 --c-tit:"Bricolage Grotesque",-apple-system,"Segoe UI",Roboto,sans-serif;
 --c-cara:58px;      /* foto del lanzador, en escritorio */
 --c-cara-top:52px;  /* foto de la cabecera del chat */
}
/* modo oscuro: lo activa cris.js mirando el fondo real de la página anfitriona,
   para que el chat no se ponga oscuro si la web se ha quedado clara */
.cris-raiz.cris-oscuro{
 --c-fondo:#0B1422; --c-panel:#131E2E; --c-linea:#26344A; --c-suave:#1A2537;
 --c-ink:#F1F6FC; --c-ink2:#A9BAD0; --c-ink3:#8FA1B8; --c-wash:#1B2E1A;
 --c-verde:#9FE06A; --c-azul:#7FB4FF;
 --c-av:#2B2114; --c-avl:#4A3822; --c-avt:#F0C68C;
 --c-err:#2E1A15; --c-errl:#4E2C22; --c-errt:#F3B39B;
 --c-sombra:0 32px 70px -22px rgba(0,0,0,.8);
}
.cris-raiz *{box-sizing:border-box}

/* Blindaje contra los estilos de la página en la que se monta.
   Va antes que todo lo demás: a igual especificidad, gana lo que viene después. */
.cris-raiz .cris,.cris-raiz .cris *{margin:0;padding:0;border:0;outline:0;background:transparent;
 font:inherit;color:inherit;text-align:left;text-transform:none;letter-spacing:normal;
 text-decoration:none;list-style:none;float:none;position:static;box-shadow:none;transform:none;
 min-width:0;max-width:none;width:auto;height:auto;opacity:1;visibility:visible;
 animation:none;transition:none;text-indent:0;line-height:1.5;border-radius:0}
.cris-raiz .cris-launch,.cris-raiz .cris-launch *{margin:0;padding:0;border:0;outline:0;
 text-transform:none;letter-spacing:normal;text-decoration:none;float:none;box-shadow:none;
 text-indent:0;min-width:0;max-width:none}


/* --- lanzador --- */
.cris-raiz .cris-launch{position:fixed;right:20px;bottom:calc(20px + var(--c-abajo,0px));z-index:2147483000;display:flex;align-items:center;
 gap:13px;background:var(--c-navy);color:#fff;border:0;border-radius:999px;padding:8px 24px 8px 8px;
 font:600 14.5px/1 var(--c-tipo);cursor:pointer;
 box-shadow:0 18px 40px -16px rgba(0,27,78,.6);transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s}
.cris-raiz .cris-launch:hover{transform:translateY(-2px);box-shadow:0 22px 46px -16px rgba(0,27,78,.75)}
.cris-raiz .cris-launch img{width:var(--c-cara);height:var(--c-cara);border-radius:50%;
 object-fit:cover;object-position:50% 22%;flex:0 0 auto;
 border:3px solid var(--c-lima);background:var(--c-suave)}
.cris-raiz .cris-launch b{display:block;font-weight:700;font-size:15.5px}
.cris-raiz .cris-launch s{display:block;text-decoration:none;font-weight:400;font-size:12.5px;color:#9FB6D4;margin-top:3px}
.cris-raiz .cris-launch .txt{text-align:left}
.cris-raiz .cris-launch[hidden]{display:none}

/* --- panel --- */
.cris-raiz .cris{position:fixed;right:20px;bottom:20px;z-index:2147483001;width:384px;max-width:calc(100vw - 32px);
 max-height:min(78vh,700px);background:var(--c-panel);border:1px solid var(--c-linea);border-radius:22px;
 display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--c-sombra);
 font:16px/1.6 var(--c-tipo);color:var(--c-ink)}
.cris-raiz .cris[hidden]{display:none}
.cris-raiz .cris-top{display:flex;align-items:center;gap:13px;padding:13px 15px;background:var(--c-navy);color:#fff;flex:0 0 auto}
.cris-raiz .cris-top img{width:var(--c-cara-top);height:var(--c-cara-top);border-radius:50%;
 object-fit:cover;object-position:50% 22%;flex:0 0 auto;border:2px solid var(--c-lima)}
.cris-raiz .cris-id b{display:block;font-family:var(--c-tit);font-size:16.5px;line-height:1.2}
.cris-raiz .cris-id span{display:flex;align-items:center;gap:5px;font-size:12px;color:#9FB6D4;margin-top:2px}
.cris-raiz .cris-id i{width:7px;height:7px;border-radius:50%;background:var(--c-lima);display:inline-block}
.cris-raiz .cris-x{margin-left:auto;background:rgba(255,255,255,.12);border:0;color:#fff;width:29px;height:29px;
 border-radius:50%;font-size:19px;line-height:1;cursor:pointer;flex:0 0 auto}
.cris-raiz .cris-x:hover{background:rgba(255,255,255,.24)}

.cris-raiz .cris-hilo>*{flex:0 0 auto}
.cris-raiz .cris-hilo{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:16px 15px 4px;
 display:flex;flex-direction:column;gap:12px;background:var(--c-fondo)}
.cris-raiz .cris-msg{max-width:88%;font-size:14.2px;line-height:1.55;border-radius:16px;padding:10px 13px;
 white-space:pre-wrap;word-break:break-word}
.cris-raiz .cris-msg.yo{align-self:flex-end;background:var(--c-navy);color:#fff;border-bottom-right-radius:5px}
.cris-raiz .cris-msg.el{align-self:flex-start;background:var(--c-panel);border:1px solid var(--c-linea);
 border-bottom-left-radius:5px;color:var(--c-ink)}
.cris-raiz .cris-msg.err{align-self:stretch;max-width:100%;background:var(--c-err);border:1px solid var(--c-errl);color:var(--c-errt)}

.cris-raiz .cris-pensando{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;background:var(--c-panel);
 border:1px solid var(--c-linea);border-radius:16px;border-bottom-left-radius:5px}
.cris-raiz .cris-pensando i{width:6px;height:6px;border-radius:50%;background:var(--c-ink3);opacity:.35;animation:crisp 1.1s infinite}
.cris-raiz .cris-pensando i:nth-child(2){animation-delay:.15s}
.cris-raiz .cris-pensando i:nth-child(3){animation-delay:.3s}
@keyframes crisp{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:.85;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.cris-pensando i{animation:none}.cris-launch{transition:none}}

/* --- aviso de cobertura --- */
.cris-raiz .cris-nota{align-self:stretch;display:flex;gap:9px;background:var(--c-av);border:1px solid var(--c-avl);
 border-radius:14px;padding:11px 13px;font-size:12.5px;line-height:1.5;color:var(--c-avt)}
.cris-raiz .cris-nota svg{width:16px;height:16px;flex:0 0 auto;margin-top:2px;fill:none;stroke:currentColor;
 stroke-width:2;stroke-linecap:round}

/* --- fichas de producto --- */
.cris-raiz .cris-fichas{align-self:stretch;display:flex;flex-direction:column;gap:8px}
.cris-raiz .cris-f{background:var(--c-panel);border:1px solid var(--c-linea);border-radius:14px;padding:12px 13px}
.cris-raiz .cris-f .co{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--c-verde)}
.cris-raiz .cris-f h4{font-family:var(--c-tit);font-size:15px;line-height:1.2;margin:2px 0 6px;font-weight:700;color:var(--c-ink)}
.cris-raiz .cris-f .pr{display:block;font-family:var(--c-tit);font-size:16.5px;font-weight:700;color:var(--c-ink);
 background:var(--c-wash);border-radius:9px;padding:7px 10px;margin-bottom:6px}
.cris-raiz .cris-f .pr s{display:block;font:400 11.5px/1.4 var(--c-tipo);color:var(--c-ink2);text-decoration:none;margin-top:3px}
.cris-raiz .cris-f .nopr{display:block;font-size:12px;color:var(--c-ink3);line-height:1.45;margin-bottom:7px}
.cris-raiz .cris-f .mini{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.cris-raiz .cris-f .btn{background:var(--c-lima);color:var(--c-navy);border:0;border-radius:999px;padding:7px 15px;
 font:700 12.5px/1 var(--c-tipo);cursor:pointer;text-decoration:none;display:inline-block}
.cris-raiz .cris-f .btn:hover{background:#7FD338}
.cris-raiz .cris-f.ix .btn{background:var(--c-navy);color:#fff}
.cris-raiz .cris-f .tg{font-size:11px;color:var(--c-ink3);background:var(--c-suave);border-radius:999px;padding:4px 9px}

.cris-raiz .cris-acc{align-self:stretch}
.cris-raiz .cris-acc a,.cris-raiz .cris-acc button{display:inline-flex;align-items:center;gap:6px;background:var(--c-navy);color:#fff;
 border:0;border-radius:999px;padding:9px 16px;font:700 13px/1 var(--c-tipo);text-decoration:none;cursor:pointer}
.cris-raiz .cris-acc a:hover,.cris-raiz .cris-acc button:hover{background:#012A70}

.cris-raiz .cris-sug{flex:0 0 auto;display:flex;gap:7px;flex-wrap:wrap;padding:10px 15px 0;background:var(--c-fondo)}
.cris-raiz .cris-sug:empty{display:none}
.cris-raiz .cris-sug button{background:var(--c-panel);border:1px solid var(--c-linea);border-radius:999px;padding:7px 13px;
 font:13px/1.25 var(--c-tipo);color:var(--c-ink2);cursor:pointer;text-align:left}
.cris-raiz .cris-sug button:hover{border-color:var(--c-lima);color:var(--c-ink)}

.cris-raiz .cris-form{flex:0 0 auto;display:flex;gap:8px;align-items:flex-end;padding:12px 15px 8px;background:var(--c-fondo)}
.cris-raiz .cris-form textarea{flex:1;border:1px solid var(--c-linea);border-radius:18px;padding:11px 14px;resize:none;
 font:15px/1.4 var(--c-tipo);background:var(--c-panel);color:var(--c-ink);outline:none;max-height:120px}
.cris-raiz .cris-form textarea:focus{border-color:var(--c-lima);box-shadow:0 0 0 3px rgba(111,194,43,.18)}
.cris-raiz .cris-form button{flex:0 0 auto;width:40px;height:40px;border-radius:50%;border:0;background:var(--c-lima);
 cursor:pointer;display:grid;place-items:center}
.cris-raiz .cris-form button[disabled]{opacity:.45;cursor:default}
.cris-raiz .cris-form button svg{width:18px;height:18px;fill:none;stroke:var(--c-navy);stroke-width:2.2;
 stroke-linecap:round;stroke-linejoin:round}
.cris-raiz .cris-pie{flex:0 0 auto;padding:0 15px 13px;font-size:11px;color:var(--c-ink3);line-height:1.45;background:var(--c-fondo);margin:0}
.cris-raiz .cris-pie a{color:var(--c-azul);font-weight:600}
.cris-raiz .cris-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Hasta 860 px, que es donde esta web enseña su propia barra inferior, el lanzador
   es solo la foto: el pill con texto tapaba demasiado contenido. */
@media(max-width:860px){
.cris-raiz{--c-cara:46px}
.cris-raiz .cris-launch{right:14px;bottom:calc(14px + var(--c-abajo,0px));padding:4px;gap:0;border-radius:50%}
.cris-raiz .cris-launch .txt{display:none}
}
@media(max-width:560px){
.cris-raiz{--c-cara-top:42px}
.cris-raiz .cris{right:0;left:0;bottom:0;width:auto;max-width:none;max-height:90vh;
  border-radius:22px 22px 0 0;border-left:0;border-right:0;border-bottom:0}
}
@media print{.cris,.cris-launch{display:none!important}}