/* Solo estilos del modal de producto. El resto de la tienda conserva su estetica. */
.modal-product-banner[hidden],.modal-scroll-cue[hidden]{display:none!important}
/* Imagen inmediatamente despues de la cabecera, sin borde interior ni margenes. */
.modal-product-banner{display:block;margin:0;width:100%;padding:0;line-height:0;overflow:hidden;border:0;border-radius:0;background:linear-gradient(135deg,#0b1a40,#20134f)}
.modal-product-banner img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
.modal-own-logo{width:79px!important;height:79px!important;min-width:79px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:17px;background:#fff}
.modal-own-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
/* El card mantiene la descripcion compacta y admite scroll con mouse, teclado y dedo. */
.modal-description-card{position:relative;margin:0 0 18px;border:1px solid #e4e9f5;border-radius:15px;background:linear-gradient(140deg,#fbfcff,#f4f6ff);box-shadow:inset 0 1px rgba(255,255,255,.95),0 5px 16px rgba(33,48,96,.035);overflow:hidden}
.modal-description-scroll{max-height:220px;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#a8aff1 transparent;padding:15px 17px 24px;outline:none;color:#53627d;font-size:12px;line-height:1.78;text-align:justify;text-align-last:left;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:break-word}
.modal-description-scroll:focus-visible{outline:2px solid #7160f8;outline-offset:-3px;border-radius:13px}
.modal-description-scroll::-webkit-scrollbar{width:5px}
.modal-description-scroll::-webkit-scrollbar-thumb{background:#a8aff1;border-radius:10px}
.modal-description-scroll p{font-size:inherit;line-height:inherit;margin:0 0 10px;color:inherit;text-align:justify;text-align-last:left}
.modal-description-scroll p:last-child{margin-bottom:0}
.modal-description-scroll strong{color:#26365b;font-weight:800}
.modal-description-heading{font-size:12px;line-height:1.6;margin:11px 0 10px;color:#4334bb;font-weight:800;text-align:left;letter-spacing:.008em}
.modal-description-heading:first-child{margin-top:0}
.modal-description-point{padding-left:1px}
.modal-description-scroll .has-paragraph-gap{margin-top:14px}
.modal-scroll-cue{position:absolute;bottom:0;left:0;width:100%;height:38px;display:flex;align-items:end;justify-content:center;gap:8px;padding:0 8px 8px;background:linear-gradient(180deg,rgba(247,249,255,0),#f4f6ff 58%);border:0;color:#5544ca;font-size:10px;font-weight:800;letter-spacing:.01em;pointer-events:none}
.modal-scroll-cue span{font-size:14px;line-height:1}
/* El modal completo nunca supera la ventana: los precios y botones siguen alcanzables. */
.modal-panel{max-height:calc(100dvh - 28px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
@supports not (height:100dvh){.modal-panel{max-height:calc(100vh - 28px)}}
@media(max-width:600px){
 .modal-own-logo{width:67px!important;height:67px!important;min-width:67px}
 .modal-description-scroll{max-height:185px;padding:13px 14px 23px;font-size:11.5px;line-height:1.75}
 .modal-description-card{margin-bottom:16px;border-radius:13px}
 .modal-body{padding-top:17px}
 .modal-panel{max-height:calc(100dvh - 22px)}
}