/* Visiterol — bloques añadidos: aviso de maqueta, chatbot destacado y Telegram */
.aviso-maqueta{background:linear-gradient(90deg,#7B12A8,#BA29F4);color:#fff;font-size:14px}
.aviso-maqueta .wrap{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;justify-content:center;padding-block:10px;height:auto;text-align:center}
.aviso-maqueta b{font-weight:700}
.aviso-maqueta a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.btn-chat-top{border:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px;background:var(--brand);color:#fff;font-weight:700;font-size:13.5px;padding:9px 16px;border-radius:999px;text-decoration:none;white-space:nowrap;box-shadow:0 6px 18px rgba(186,41,244,.28)}
.btn-chat-top:hover{background:var(--brand-deep)}
.chatbot{background:radial-gradient(1200px 400px at 10% 0%,#F6EEFE,transparent),var(--brand-soft);padding:44px 0;border-bottom:1px solid var(--line)}
.chatbot .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px;align-items:center;height:auto}
.chatbot h2{font-family:Poppins,system-ui,sans-serif;font-size:clamp(26px,3.4vw,40px);line-height:1.12;margin:6px 0 12px;color:var(--ink)}
.chatbot h2 em{font-style:normal;color:var(--brand)}
.chatbot p.lead{color:var(--ink-soft);font-size:16px;line-height:1.55;margin:0 0 18px}
.chatbot .sugerencias{display:flex;flex-wrap:wrap;gap:8px}
.chatbot .sugerencias button{border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:13.5px;padding:8px 14px;border-radius:999px;cursor:pointer}
.chatbot .sugerencias button:hover{border-color:var(--brand);color:var(--brand-deep)}
.chatbot .nota{font-size:12.5px;color:var(--ink-soft);margin-top:14px}
.chatbot .marco{background:#fff;border-radius:18px;box-shadow:0 2px 4px rgba(27,26,40,.06),0 18px 50px rgba(123,18,168,.18);border:2px solid var(--brand);overflow:hidden}
.chatbot .marco .barra{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--ink);color:#fff;font-weight:700;font-size:14px}
.chatbot .marco .barra .dot{width:9px;height:9px;border-radius:50%;background:var(--ok)}
.chatbot .marco .barra a{margin-left:auto;color:#C58BF0;font-weight:600;font-size:12.5px;text-decoration:none}
.chatbot iframe{display:block;width:100%;height:520px;border:0}
.telegram{background:var(--ink);color:#F3F1FA;padding:48px 0}
.telegram .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:36px;align-items:center;height:auto}
.telegram h2{font-family:Poppins,system-ui,sans-serif;font-size:clamp(24px,3vw,34px);margin:6px 0 12px;color:#fff}
.telegram p{color:#CFCBE3;line-height:1.6;margin:0 0 18px}
.telegram .btn-tg{display:inline-flex;align-items:center;gap:8px;background:#229ED9;color:#fff;font-weight:700;padding:13px 24px;border-radius:999px;text-decoration:none;font-size:15px}
.telegram .btn-tg:hover{background:#1A8BC0}
.telegram img{width:100%;height:auto;border-radius:14px;display:block}
@media (max-width:860px){
  .chatbot .wrap,.telegram .wrap{grid-template-columns:1fr;gap:22px}
  .chatbot iframe{height:470px}
}
.topbar .brand{margin-right:auto}
#que-es{max-width:560px;width:calc(100% - 32px);max-height:calc(100% - 32px);overflow:auto;border:0;border-radius:18px;padding:28px 26px 24px;color:var(--ink);box-shadow:0 30px 80px rgba(27,26,40,.35)}
#que-es::backdrop{background:rgba(27,26,40,.6)}
#que-es h2{font-family:Poppins,system-ui,sans-serif;font-size:21px;line-height:1.25;margin:0 30px 12px 0;color:var(--brand-deep)}
#que-es p,#que-es li{font-size:15px;line-height:1.55;color:var(--ink-soft)}
#que-es p{margin:0 0 10px}#que-es ul{margin:0 0 12px 18px;padding:0}#que-es li{margin:3px 0}
#que-es b{color:var(--ink)}
#que-es .nota{font-size:13px;opacity:.85}
#que-es .cerrar{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:15px}
#que-es .acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
#que-es .acciones a{flex:1 1 150px;text-align:center;padding:11px 14px;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none}
#que-es .a-charla{background:var(--ink);color:#fff}
#que-es .a-tg{background:#229ED9;color:#fff}
#que-es .a-cr{background:var(--brand-soft);color:var(--brand-deep)}
@media (max-width:600px){.btn-chat-top{padding:8px 12px;font-size:12.5px}.livepill{display:none}}