/* ================== FIXER (scoped) ================== Aplica solo donde el tenga la clase .profile-page ==================================================== */ /* --- NAV --- */ .profile-page #siteNav { min-height: 64px; display: flex; align-items: center; position: sticky; top: 0; z-index: 50; } .profile-page #siteNav img[alt="logo"] { max-height: 48px; height: auto; } /* overlay del menú, que ocupe la pantalla completa */ .profile-page #siteNav .absolute.z-\[60\] { inset: 0; } /* --- HERO / SLIDER (si existiera en esta vista) --- */ .profile-page #slide-section .main-carousel1 .item { height: calc(100vh - 64px); background-size: cover; background-position: center center; cursor: pointer; } .profile-page #slide-section .slider-item-content { pointer-events: none; } .profile-page #slide-section .owl-nav button span { line-height: 1; } .profile-page #slide-section .owl-dots { margin-top: 6px; } /* --- LISTADO DE EVENTOS (si existiera en esta vista) --- */ .profile-page #event-section.sec-ptb-100 { padding-top: 25px; padding-bottom: 25px; } .profile-page #event-section .contenedor { width: 100%; } .profile-page #event-section .card { background: #fff; max-height: 120px; overflow: hidden; border: 0; border-radius: 8px; box-shadow: 0 1px 6px rgba(0,0,0,.06); transition: transform .18s ease, box-shadow .18s ease; } .profile-page #event-section .card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.12); } .profile-page #event-section .card img { width: 100%; height: 120px; object-fit: cover; } .profile-page #event-section .card-body { padding: 0 0 0 25px !important; width: 100%; } .profile-page #event-section .card-title { margin: 8px 0 4px; font-weight: 700; line-height: 1.2; } .profile-page #event-section .card-text { margin-bottom: 5px; display: flex; align-items: center; gap: 6px; } .profile-page #event-section .card-text img { width: 17px; height: 17px; object-fit: contain; } .profile-page #event-section .card hr { margin: 1px 0; opacity: .2; } /* --- BACK TO TOP (scoped) --- */ .profile-page .thetop { position: absolute; top: 0; left: 0; right: 0; } .profile-page .backtotop { position: fixed; right: 15px; bottom: 15px; width: 40px; height: 60px; z-index: 999; overflow: hidden; border-radius: 6px; box-shadow: 0 0 25px 1px rgba(0,0,0,0.2); } .profile-page .backtotop .scroll { display: block; width: 100%; height: 100%; line-height: 60px; text-align: center; color: #fff; font-size: 30px; background: linear-gradient(135deg, #263066, #4b58ad); transition: opacity .3s ease; } .profile-page .backtotop .scroll:hover { opacity: .9; } /* --- PRELOADER (scoped) --- */ .profile-page #preloader { position: fixed; inset: 0; z-index: 1005; display: none; justify-content: center; align-items: center; background: rgba(255,255,255,.8); } .profile-page #loader { width: 10px; aspect-ratio: 1; border-radius: 50%; box-shadow: 50px -50px 0 0px, 100px -50px 0 0px, 150px -50px 0 0px, 50px 0 0 10px, 100px 0 0 10px, 150px 0 0 10px, 50px 50px 0 0px, 100px 50px 0 0px, 150px 50px 0 0px; transform: translateX(-100px); animation: l26 2s infinite linear; } @keyframes l26 { 12.5% { box-shadow: 50px -50px 0 0px, 100px -50px 0 0px, 150px -50px 0 10px, 50px 0 0 10px, 100px 0 0 0px, 150px 0 0 10px, 50px 50px 0 0px, 100px 50px 0 0px, 150px 50px 0 0px; } 25% { box-shadow: 50px -50px 0 10px, 100px -50px 0 0px, 150px -50px 0 10px, 50px 0 0 0px, 100px 0 0 0px, 150px 0 0 0px, 50px 50px 0 0px, 100px 50px 0 10px, 150px 50px 0 0px; } 50% { box-shadow: 50px -50px 0 10px, 100px -50px 0 10px, 150px -50px 0 0px, 50px 0 0 0px, 100px 0 0 0px, 150px 0 0 0px, 50px 50px 0 0px, 100px 50px 0 0px, 150px 50px 0 10px; } 62.5% { box-shadow: 50px -50px 0 0px, 100px -50px 0 0px, 150px -50px 0 0px, 50px 0 0 10px, 100px 0 0 0px, 150px 0 0 0px, 50px 50px 0 0px, 100px 50px 0 10px, 150px 50px 0 10px; } 75% { box-shadow: 50px -50px 0 0px, 100px -50px 0 10px, 150px -50px 0 0px, 50px 0 0 0px, 100px 0 0 0px, 150px 0 0 10px, 50px 50px 0 0px, 100px 50px 0 0px, 150px 50px 0 10px; } 87.5% { box-shadow: 50px -50px 0 0px, 100px -50px 0 10px, 150px -50px 0 0px, 50px 0 0 0px, 100px 0 0 10px, 150px 0 0 0px, 50px 50px 0 10px, 100px 50px 0 0px, 150px 50px 0 0px; } } /* --- FOOTER (scoped) --- */ .profile-page footer.footer-section2 { position: relative; color: #fff; background: #1f1f1f; } .profile-page footer.footer-section2 a { color: #fff; text-decoration: none; } .profile-page footer.footer-section2 a:hover { opacity: .9; } .profile-page footer.footer-section2 .footer-top { padding: 60px 0; } .profile-page footer.footer-section2 .site-logo-wrapper { margin-bottom: 30px; } .profile-page footer.footer-section2 .basic-info ul { margin: 0; padding: 0; list-style: none; } .profile-page footer.footer-section2 .basic-info li { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; } .profile-page footer.footer-section2 .social-links ul { display: flex; gap: 12px; } .profile-page footer.footer-section2 .social-links a { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg,#263066,#4b58ad); } .profile-page footer.footer-section2 .usefullinks-wrapper ul { list-style: none; margin: 0; padding: 0; } .profile-page footer.footer-section2 .usefullinks-wrapper li { margin: 8px 0; } .profile-page footer.footer-section2 .footer-bottom { background: #151515; padding: 16px 0; color: #ddd; } /* --- Lenguaje en footer (scoped) --- */ .profile-page footer .group { position: relative; } .profile-page footer .group > ul { min-width: 180px; border-radius: 8px; box-shadow: 0 12px 28px rgba(0,0,0,.2); } /* --- WhatsApp flotante (puede quedar global, pero lo acotamos) --- */ .profile-page .floating-wpp { z-index: 9999 !important; } /* --- LIST-GROUP TABS / BOOTSTRAP: visibilidad --- */ .profile-page .tab-content > .tab-pane { display: none; } .profile-page .tab-content > .active, .profile-page .tab-content > .show { display: block; } /* --- Estados activos en la lista lateral --- */ .profile-page .list-group-item.active, .profile-page .list-group-item.active:focus, .profile-page a.list-group-item.active:hover { background-color: rgba(0,0,0,.2); color: #000; border: none; } /* --- utilidades que usabas inline --- */ .profile-page .float-right{ float:right; } .profile-page .float-left{ float:left; } .profile-page .odd td{ color:#777; } .profile-page .custom-select{ background:none; background-color:#fff; } .profile-page a.list-group-item{ color:#000; } .profile-page a.list-group-item:hover{ background-color:rgba(0,0,0,.2); color:#000; }