/* Panel flotante de asesoría (versión menos invasiva) */
.advisory-modal {
    display: none; /* visible via JS */
    position: fixed;
    z-index: 9999;
    bottom: 28px;
    right: 28px;
    width: 360px;
    max-width: 92%;
    border-radius: 16px;
    background:#ffffff;
    box-shadow: 0 8px 28px -4px rgba(27,47,69,.25), 0 2px 6px rgba(27,47,69,.12);
    border: 1px solid rgba(27,47,69,.12);
    overflow: hidden;
    font-family: inherit;
    animation: advisorySlideIn .55s cubic-bezier(.6,.2,.25,1);
}

.advisory-modal--visible {display:block;}

/* Barra superior/acento */
.advisory-modal::before {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg,#1b2f45,#2c4c6e);
    opacity:.08;
    pointer-events:none;
}

.advisory-modal__container { /* interior */
    position:relative;
    padding:1.35rem 1.25rem 1.25rem 1.25rem;
}

/* Cabecera */
.advisory-modal__header {position:relative; display:flex; gap:.85rem; align-items:center; margin:0 0 .75rem;}
.advisory-modal__title {margin:0;font-size:1.05rem;font-weight:600;color:#1b2f45;line-height:1.25;}

.advisory-modal__badge {background:#1b2f45; color:#fff; font-size:.65rem; letter-spacing:.5px; padding:.25rem .45rem; border-radius:4px; font-weight:500; text-transform:uppercase;}

/* Cuerpo */
.advisory-modal__body {color:#4a5568;font-size:.85rem;line-height:1.4; margin:0 0 .9rem;}

/* Icono / logo reducido */
.advisory-modal__image {width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15)); border-radius:6px; background:#fff; padding:2px;}

/* CTA */
.advisory-modal__cta {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem;}
.advisory-modal__button {background:#1b2f45; color:#fff; padding:.6rem 1rem; font-size:.8rem; border-radius:30px; font-weight:500; text-decoration:none; display:inline-flex; align-items:center; gap:.45rem; line-height:1; transition:.25s; box-shadow:0 3px 10px -2px rgba(27,47,69,.35);}

/* Responsive styles */
@media screen and (max-width: 480px) {
    .advisory-modal__cta {
        justify-content: center;
        width: 100%;
    }
    .advisory-modal__button {
        width: 100%;
        justify-content: center;
    }
}
.advisory-modal__button:hover {background:#2c4c6e; color:#fff; transform:translateY(-2px); box-shadow:0 6px 16px -4px rgba(27,47,69,.4);}
.advisory-modal__button i {font-size:.9rem;}

.advisory-modal__note {font-size:.65rem; color:#64748b; flex:1 1 100%; order:2; margin-top:-.3rem;}

/* Close */
.advisory-modal__close {position:absolute; top:6px; right:6px; width:26px; height:26px; border:none; background:rgba(27,47,69,.07); border-radius:50%; cursor:pointer; display:grid; place-items:center; padding:0; transition:.25s;}
.advisory-modal__close:before, .advisory-modal__close:after {content:""; position:absolute; width:11px; height:2px; background:#1b2f45; border-radius:2px; transition:.25s;}
.advisory-modal__close:before {transform:rotate(45deg);} 
.advisory-modal__close:after {transform:rotate(-45deg);} 
.advisory-modal__close:hover {background:rgba(27,47,69,.13);} 
.advisory-modal__close:hover:before, .advisory-modal__close:hover:after {background:#2c4c6e;}

@keyframes advisorySlideIn {
    0% {transform:translateY(25px) scale(.98); opacity:0;}
    60% {transform:translateY(-6px) scale(1); opacity:1;}
    100% {transform:translateY(0); opacity:1;}
}


/* Responsive */
@media (max-width: 640px) {
    .advisory-modal {right:50%; transform:translateX(50%); bottom:18px; width:92%;}
    .advisory-modal__cta {flex-direction:column; align-items:stretch;}
    .advisory-modal__button {width:100%; justify-content:center;}
}

/* Fin */