.cotiza-avatar {
    display: block;
    width: var(--cotiza-avatar-width, 128px);
    max-width: 100%;
    height: auto;
    flex: 0 0 auto;
    object-fit: contain;
}
.cotiza-avatar--small { --cotiza-avatar-width: 86px; }
.cotiza-avatar--medium { --cotiza-avatar-width: 138px; }
.cotiza-avatar--large { --cotiza-avatar-width: 218px; }
.cotiza-avatar--hero { --cotiza-avatar-width: 360px; }

.cotiza-hero-mascot {
    position: absolute;
    z-index: 2;
    width: var(--cotiza-hero-gutter);
    left: calc(-1 * var(--cotiza-hero-gutter));
    bottom: -2.5rem;
    pointer-events: none;
    filter: drop-shadow(0 12px 18px rgba(8, 34, 17, .25));
}
.cotiza-hero-mascot .cotiza-avatar { width: 100%; }
.cotiza-hero-mockup { --cotiza-hero-gutter: clamp(165px, 16vw, 235px); position: relative; margin-left: var(--cotiza-hero-gutter); }
.cotiza-hero-label {
    position: absolute;
    z-index: 3;
    left: calc(-1 * var(--cotiza-hero-gutter));
    bottom: 1rem;
    padding: .5rem .8rem;
    color: #14532d;
    background: rgba(255,255,255,.96);
    border-radius: 1rem;
    font-size: .78rem;
    font-weight: 700;
    box-shadow: 0 6px 22px rgba(0,0,0,.12);
    pointer-events: none;
}
.cotiza-assistant-note {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    min-width: 0;
    padding: 1rem 1.25rem;
    border: 1px solid #bbf7d0;
    border-radius: 1rem;
    background: linear-gradient(100deg, #f0fdf4, #fff);
    color: #14532d;
}
.cotiza-assistant-note .cotiza-avatar { align-self: end; margin: -.8rem 0 -1rem; }
.cotiza-assistant-note__content { min-width: 0; flex: 1; }
.cotiza-assistant-note__content p:last-child { margin-bottom: 0; }
.cotiza-assistant-note--warning { background: linear-gradient(100deg, #fffbeb, #fff); border-color: #fde68a; color: #713f12; }
.cotiza-assistant-note--success { background: linear-gradient(100deg, #ecfdf5, #fff); }
.cotiza-assistant-note--public { max-width: 900px; margin-inline: auto; }
.cotiza-assistant-empty { display: flex; flex-direction: column; align-items: center; text-align: center; }
.cotiza-assistant-empty .cotiza-avatar { margin: -1rem auto -.5rem; }
[data-theme="dark"] .cotiza-assistant-note,
[data-bs-theme="dark"] .cotiza-assistant-note { background: #163724; border-color: #286b3f; color: #e3f9e9; }
@media (max-width: 991.98px) {
    .cotiza-hero-mockup { margin-left: 0; }
    .cotiza-hero-mascot { position: relative; width: 190px; left: auto; right: auto; bottom: auto; margin: 0 auto -1.5rem; }
    .cotiza-hero-label { display: none; }
}
@media (max-width: 575.98px) {
    .cotiza-avatar--small { --cotiza-avatar-width: 64px; }
    .cotiza-avatar--medium { --cotiza-avatar-width: 100px; }
    .cotiza-avatar--large { --cotiza-avatar-width: 150px; }
    .cotiza-avatar--hero { --cotiza-avatar-width: 220px; }
    .cotiza-hero-mascot { width: 150px; }
    .cotiza-assistant-note { align-items: flex-start; gap: .75rem; padding: .75rem; }
    .cotiza-assistant-note .cotiza-avatar { margin: 0; }
}