#capsulito{width:min(640px,95vw);padding:0;border:0;border-radius:18px;max-height:92vh;color:#193951;font:16px/1.55 Arial,Helvetica,sans-serif;box-shadow:0 25px 80px #00152a50}#capsulito::backdrop{background:#032348bd}#capsulito *{box-sizing:border-box}.cap-head{position:sticky;top:0;background:#062d63;color:#fff;display:flex;align-items:center;gap:14px;padding:19px 24px;z-index:1}.cap-head h2{font-size:23px;margin:0;color:white}.cap-head p{font-size:13px;margin:2px 0;color:#d3e6f5}.cap-avatar{background:#fc6c0f;color:#062d63;border-radius:12px;font-size:25px;font-weight:bold;display:grid;place-items:center;width:46px;height:46px}.cap-close{margin-left:auto;background:transparent;color:white;border:1px solid #94b2ca;border-radius:8px;font-size:24px;width:38px;cursor:pointer}.cap-intro{font-size:13px;color:#52697d;padding:15px 24px;margin:0}#cap-log{max-height:260px;overflow:auto;background:#f2f7fa;padding:14px 24px;overscroll-behavior:contain}.cap-message{max-width:93%;padding:12px 15px;background:white;border:1px solid #dbe6ee;border-radius:12px;margin:0 0 12px;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.cap-message.visitor{margin-left:auto;background:#e0f2fb;border-color:#acd7eb;color:#062d63}#cap-progress{font-size:12px;color:#52697d;padding:0 24px;margin:15px 0 8px}#cap-choices{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 18px}#capsulito button,#capsulito a{cursor:pointer}#cap-choices button,.cap-quick button,#capsulito form button,.cap-actions button,.cap-actions a,.cap-import{border:1px solid #b8d1df;background:white;color:#062d63;border-radius:8px;min-height:42px;padding:9px 13px;font:700 14px/1.4 Arial;display:inline-flex;align-items:center;text-decoration:none}#cap-choices button:hover{background:#e4f4fb}#cap-detail,#cap-result,.cap-faq{margin:0;padding:0 24px 20px}#capsulito label{display:block;font-size:14px;font-weight:bold;margin:8px 0}#capsulito textarea,#capsulito input{width:100%;font:15px/1.5 Arial;padding:12px;border:1px solid #abc6d7;border-radius:8px;background:white;color:#193951}#capsulito textarea{resize:vertical}#cap-detail button{margin-top:8px}#cap-result h3{font-size:20px;color:#062d63}#cap-delivery,#cap-feedback{font-size:13px;color:#52697d}.cap-actions{display:flex;gap:8px;flex-wrap:wrap}.cap-actions #cap-contact{background:#fc6c0f;color:#102e4b;border-color:#fc6c0f}.cap-faq{border-top:1px solid #dbe6ee;padding-top:14px}.cap-faq summary{font-size:14px;font-weight:bold;color:#076e98;cursor:pointer}.cap-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}#cap-question>div{display:flex;gap:8px}.cap-bottom{display:flex;justify-content:space-between;gap:20px;padding:16px 24px;border-top:1px solid #dbe6ee;background:#f5f8fa;font-size:13px}.cap-bottom button{background:none;border:0;color:#52697d;font-size:13px;text-decoration:underline}.cap-bottom a{color:#076e98;font-weight:bold}.cap-launch{position:fixed;bottom:20px;right:20px;z-index:9999;background:#fc6c0f;color:#062d63;border:0;border-radius:12px;padding:14px 20px;font:bold 15px Arial;cursor:pointer}#capsulito :focus-visible{outline:3px solid #0088b9;outline-offset:3px}#capsulito [hidden]{display:none!important}@media(max-width:600px){#capsulito{max-height:94vh}.cap-head{padding:15px 18px}#cap-log{max-height:220px;padding:12px 18px}#cap-question>div{flex-direction:column}.cap-actions #cap-contact{width:100%;justify-content:center}.cap-bottom{gap:12px}.cap-faq,#cap-detail,#cap-result{padding-left:18px;padding-right:18px}}

/* Capsulito corporativo: animación local, accesible por teclado y tacto. */
.cap-mascot{position:fixed;right:22px;bottom:18px;z-index:9998;width:120px;height:170px;padding:0;border:0;background:transparent;cursor:pointer;isolation:isolate}
.cap-mascot>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 5px #001b3230);transform-origin:50% 90%;animation:cap-float 3.6s ease-in-out infinite}
.cap-greeting{position:absolute;right:105px;bottom:100px;width:190px;box-sizing:border-box;padding:14px 17px;border:1px solid #d6e3ef;border-radius:16px 16px 3px 16px;background:white;color:#062d63;font:500 16px/1.45 Arial,sans-serif;text-align:left;box-shadow:0 8px 28px #082d4926;opacity:1;transform:none;pointer-events:none}
/* Floating mascot: 130% of the desktop and mobile sizes in design.css. */
body .cap-dock{width:111.4px}
body .cap-dock .cap-mascot{width:101.4px;height:140.4px}
.cap-dock .cap-mascot .cap-greeting{right:calc(100% + 8px);bottom:68.9px;width:min(260px,calc(100vw - 150px));padding:12px 14px;font-size:14px}
@media(max-width:760px){body .cap-dock{width:81.4px}body .cap-dock .cap-mascot{width:75.4px;height:106.6px}.cap-dock .cap-mascot .cap-greeting{bottom:49.4px;width:min(224px,calc(100vw - 110px));padding:12px}}
.cap-mascot:hover>img{animation-play-state:paused;transform:rotate(-4deg) translateY(-5px)}
.cap-mascot:focus-visible{outline:3px solid #0088b9;outline-offset:4px;border-radius:18px}
#capsulito .cap-avatar{width:50px;height:65px;object-fit:contain;background:transparent;border-radius:0}
body:has(#capsulito[open]) .cap-mascot{visibility:hidden}
.navcta [data-diag],.floatcta [data-diag]{display:none!important}.floatcta{right:155px!important}
@keyframes cap-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@media(max-width:600px){.cap-mascot{width:90px;height:128px;right:12px;bottom:12px}.cap-greeting{right:78px;bottom:65px;width:176px;font-size:14px}.floatcta{right:115px!important}}
@media(prefers-reduced-motion:reduce){.cap-mascot>img{animation:none}.cap-greeting{transition:none}}