html{scroll-behavior:smooth;scroll-padding-top:100px}
.header{position:sticky!important;top:0;z-index:1100!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(13,10,24,.93)!important}
.pro-faq,.pro-news{max-width:1180px;margin:58px auto;padding:25px 22px;color:#f7f2ff}
.pro-heading span{font-size:12px;letter-spacing:.15em;color:#c9a6ff;font-weight:800}.pro-heading h2{font-size:clamp(25px,4vw,38px);margin:10px 0}.pro-heading p{color:#c8bdd8;margin-bottom:25px}
.pro-faq details{border:1px solid #7751a75c;background:#171126e8;border-radius:14px;margin:10px 0;padding:17px 20px}.pro-faq summary{cursor:pointer;font-weight:700;list-style-position:inside}.pro-faq details p{margin:12px 0 0;color:#d1c8dd;line-height:1.6}
.pro-category-description{color:#c8bdd8;font-size:14px;line-height:1.5;margin:0 0 14px;padding:0 12px}
.pro-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pro-news-grid a{display:flex;flex-direction:column;gap:9px;text-decoration:none;color:#fff;background:#171126;border:1px solid #6c4c9b66;border-radius:16px;padding:12px;overflow:hidden;transition:transform .2s}.pro-news-grid a:hover{transform:translateY(-3px)}.pro-news-grid img{width:100%;height:170px;object-fit:cover;border-radius:10px}.pro-news-grid span{font-size:11px;letter-spacing:.1em;color:#bda0f2}.pro-news-grid strong{font-size:17px}
.pro-footer{display:grid!important;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:28px;padding:45px max(24px,calc((100vw - 1180px)/2)) 22px!important;background:#100d1b!important;border-top:1px solid #7656a45c;color:#e9e0f2}.pro-footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.pro-footer h3{font-size:16px;margin:0 0 8px;color:#fff}.pro-footer a{color:#d8cbe7;text-decoration:none}.pro-footer a:hover{color:#d3acff}.pro-footer p{margin:0;line-height:1.6;color:#b9aec8}.pro-footer .pro-brand strong{font-size:24px;color:#d4b4ff}.pro-footer-cta{border:1px solid #a274dc;border-radius:10px;padding:10px 14px}.pro-footer small{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:17px;color:#b9aec8}
#proToTop{position:fixed;right:22px;bottom:94px;z-index:1600;width:46px;height:46px;border-radius:50%;border:1px solid #ba9bf3;background:#27173b;color:#fff;font-size:26px;box-shadow:0 5px 25px #0009;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:.2s}#proToTop.visible{opacity:1;visibility:visible;transform:none}
.pro-viewer{position:fixed;inset:0;margin:auto;width:min(96vw,1100px);height:min(92vh,850px);max-width:none;max-height:none;border:1px solid #8056b5;border-radius:18px;background:#100c1df5;color:#fff;padding:35px 55px 25px;box-shadow:0 15px 70px #000b}.pro-viewer::backdrop{background:#05030be8;backdrop-filter:blur(7px)}.pro-viewer[open]{display:flex;align-items:center;justify-content:center;gap:12px}.pro-viewer figure{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}.pro-viewer figure img{max-width:100%;max-height:65vh;object-fit:contain;border-radius:9px}.pro-viewer figcaption{text-align:center;color:#eee}.pro-viewer button{cursor:pointer;color:#fff;background:#422b61;border:1px solid #8e67bd;border-radius:10px;padding:8px 12px}.pro-viewer .pro-close{position:absolute;top:12px;right:15px;font-size:25px;line-height:1}.pro-viewer .pro-prev,.pro-viewer .pro-next{font-size:30px;flex:none}.pro-viewer .pro-share{font-size:13px}.auto-carousel .carousel-slide img{cursor:zoom-in}
.pro-share-inline{background:#2c2042;border:1px solid #8664a7;border-radius:9px;color:#fff;padding:8px 11px;cursor:pointer;margin:8px 0;font-size:13px}.pro-share-inline:hover{background:#543476}
@media(max-width:750px){.pro-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:35px 20px!important}.pro-news-grid{grid-template-columns:1fr}.pro-news-grid img{height:190px}.pro-viewer{padding:40px 8px 20px}.pro-viewer .pro-prev,.pro-viewer .pro-next{padding:8px 5px;font-size:23px}.pro-viewer figure img{max-height:60vh}#proToTop{right:14px;bottom:100px}}
@media(max-width:480px){.pro-footer{grid-template-columns:1fr 1fr}.pro-footer>div:first-child,.pro-footer>div:last-of-type{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.pro-share,.pro-share-inline{display:none!important}

/* Separar la flecha de la bola de cristal */
#proToTop{bottom:160px!important}
@media(max-width:750px){#proToTop{bottom:125px!important}}