/* Asistente de la web: burbuja + panel (móvil a pantalla completa) */
.vc-bub{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:900;display:flex;align-items:center;gap:10px;border:0;cursor:pointer;background:none;padding:0}
.vc-bub-ic{width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#F8801E,#E0680A);display:grid;place-items:center;box-shadow:0 14px 34px rgba(248,128,30,.45);animation:vcPulse 2.8s infinite}
.vc-bub-ic svg{width:32px;height:32px;fill:#fff}
@keyframes vcPulse{0%,100%{box-shadow:0 14px 34px rgba(248,128,30,.45),0 0 0 0 rgba(248,128,30,.35)}60%{box-shadow:0 14px 34px rgba(248,128,30,.45),0 0 0 14px rgba(248,128,30,0)}}
.vc-bub-t{background:#fff;color:#2B2138;font:700 14px/1.3 'Raleway',system-ui,sans-serif;padding:11px 14px;border-radius:16px 16px 4px 16px;box-shadow:0 12px 30px rgba(43,33,56,.18);max-width:220px;opacity:0;transform:translateY(8px);transition:.35s;pointer-events:none}
.vc-bub-t.on{opacity:1;transform:none}
.vc-bub.hide{display:none}
.vc-p{position:fixed;right:18px;bottom:18px;z-index:950;width:400px;height:min(640px,calc(100dvh - 36px));background:#F7F3FB;border-radius:24px;box-shadow:0 30px 80px rgba(43,33,56,.35);display:none;flex-direction:column;overflow:hidden;font-family:'Raleway',system-ui,sans-serif;color:#2B2138}
.vc-p.on{display:flex;animation:vcIn .28s cubic-bezier(.16,.84,.24,1)}
@keyframes vcIn{from{opacity:0;transform:translateY(20px) scale(.97)}}
@media(max-width:560px){.vc-p{inset:0;width:auto;height:100dvh;border-radius:0}}
.vc-h{background:linear-gradient(120deg,#3E2466,#7D4BAC);color:#fff;padding:14px 14px 14px 16px;display:flex;align-items:center;gap:10px;padding-top:calc(14px + env(safe-area-inset-top))}
.vc-h img{width:40px;height:40px;border-radius:12px;background:#fff;padding:4px}
.vc-h b{display:block;font:700 16px/1.2 'Baloo 2',system-ui,sans-serif}
.vc-h span{font-size:12.5px;opacity:.85}
.vc-h div{flex:1;min-width:0}
.vc-x{width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:22px;cursor:pointer;line-height:1}
.vc-m{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.vc-b{max-width:86%;padding:10px 13px;border-radius:18px;font-size:14.5px;line-height:1.5;word-wrap:break-word;white-space:pre-line}
.vc-b.bot{align-self:flex-start;background:#fff;border-top-left-radius:5px;box-shadow:0 2px 6px rgba(43,33,56,.06)}
.vc-b.yo{align-self:flex-end;background:#7D4BAC;color:#fff;border-top-right-radius:5px}
.vc-b.stop{background:#FFF1E4;color:#8a3f00}
.vc-typ{align-self:flex-start;display:flex;gap:5px;padding:12px 14px;background:#fff;border-radius:18px}
.vc-typ i{width:9px;height:9px;border-radius:50%;background:#7D4BAC;animation:vcDot 1s infinite}
.vc-typ i:nth-child(2){animation-delay:.15s;background:#F8801E}.vc-typ i:nth-child(3){animation-delay:.3s}
@keyframes vcDot{50%{transform:translateY(-5px);opacity:.5}}
.vc-cards{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;scrollbar-width:none;align-self:stretch}
.vc-cards::-webkit-scrollbar{display:none}
.vc-card{flex:0 0 72%;max-width:230px;scroll-snap-align:start;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 20px rgba(43,33,56,.1)}
.vc-card .ph{position:relative;aspect-ratio:4/3;background:#E9DCF4 center/cover no-repeat}
.vc-card .rb{position:absolute;top:8px;left:8px;background:#1F9D6B;color:#fff;font:800 10.5px/1 'Raleway',sans-serif;text-transform:uppercase;letter-spacing:.04em;padding:5px 9px;border-radius:99px}
.vc-card .cb{padding:10px 12px 12px}
.vc-card b{display:block;font:700 18px/1.1 'Baloo 2',system-ui,sans-serif}
.vc-card small{display:block;color:#7c7191;font-size:12.5px;margin:2px 0 6px}
.vc-card .rs span{display:inline-block;font-size:11px;font-weight:700;background:#F3ECFA;color:#3E2466;padding:3px 8px;border-radius:99px;margin:0 3px 4px 0}
.vc-card .ac{display:flex;gap:6px;margin-top:6px}
.vc-card .ac a{flex:1;text-align:center;text-decoration:none;font:700 13px/1 'Baloo 2',sans-serif;padding:10px 6px;border-radius:12px;background:#F3ECFA;color:#3E2466}
.vc-card .ac a.o{background:#F8801E;color:#fff}
.vc-all{align-self:flex-start;font-size:13px;font-weight:800;color:#7D4BAC;text-decoration:underline}
.vc-s{display:flex;gap:6px;overflow-x:auto;padding:0 12px 8px;scrollbar-width:none}
.vc-s::-webkit-scrollbar{display:none}
.vc-s button{flex:none;border:1.5px solid #E2D2F1;background:#fff;color:#3E2466;border-radius:99px;padding:8px 13px;font:700 13px/1 'Raleway',sans-serif;cursor:pointer;white-space:nowrap}
.vc-f{display:flex;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #EFE6F7}
.vc-f input{flex:1;min-width:0;border:1.5px solid #E2D2F1;border-radius:99px;padding:12px 16px;font:500 15px 'Raleway',sans-serif;outline:0}
.vc-f input:focus{border-color:#7D4BAC}
.vc-f button{width:46px;height:46px;border-radius:50%;border:0;background:#F8801E;color:#fff;cursor:pointer;display:grid;place-items:center;flex:none}
.vc-f button svg{width:20px;height:20px;fill:#fff}
.vc-legal{font-size:10.5px;color:#9a8fae;text-align:center;padding:0 12px 6px;background:#fff}
.vc-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
body.vc-open{overflow:hidden}
@media(min-width:561px){body.vc-open{overflow:auto}}

/* Las tarjetas no pueden encogerse dentro del chat (antes quedaban con altura 0 y solo se veía el enlace) */
.vc-m>*{flex-shrink:0}
.vc-cards{min-height:250px}
.vc-card.vc-more{display:flex;align-items:center;justify-content:center;flex:0 0 46%;max-width:150px;background:linear-gradient(135deg,#3E2466,#7D4BAC);color:#fff;text-decoration:none;text-align:center;padding:14px;font:700 15px/1.3 'Baloo 2',system-ui,sans-serif}
.vc-card.vc-more span{display:block;font-size:26px;margin-top:6px}

/* Carrusel de tarjetas: flechas y arrastre */
.vc-car{position:relative;align-self:stretch}
.vc-cards{scroll-snap-type:x proximity;cursor:grab;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.vc-cards.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.vc-cards.drag a{pointer-events:none}
.vc-arr{position:absolute;top:calc(50% - 24px);z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:#3E2466;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 6px 16px rgba(43,33,56,.25);display:grid;place-items:center;padding:0 0 3px}
.vc-arr.prev{left:-4px}.vc-arr.next{right:-4px}
.vc-arr[hidden]{display:none}
.vc-arr:hover{background:#F8801E;color:#fff}

/* con cualquier ventana abierta (solicitud de adopción, etc.) la burbuja se esconde y no tapa botones */
body:has(.modal-bg.on) .vc-bub,body.vc-oculta .vc-bub{display:none!important}