:root {
    --talia-cyan: #3AE7FF;
    --talia-purple: #A855F7;
    --talia-deep: #100427;
    --talia-card: rgba(255,255,255,.055);
    --talia-border: rgba(255,255,255,.12);
}
html { scroll-behavior: smooth; }
#inicio, #servicios, #seguridad, #metodo { scroll-margin-top: 150px; }
a, button, .bd-btn { position: relative; z-index: 5; }
.banner-shape, .bd-breadcrumb-shape, .section-glow-wrapper { pointer-events: none; }
.talia-section-clear { position: relative; z-index: 2; overflow: visible; }
.talia-topbar .title { letter-spacing: .2px; }
.talia-brand { display: inline-flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; min-width: max-content; }
.talia-brand:hover { color: #fff; }
.talia-brand-mark { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; background: rgba(255,255,255,.96); box-shadow: 0 0 28px rgba(58,231,255,.20); overflow: hidden; border: 1px solid rgba(255,255,255,.28); padding: 5px; }
.talia-brand-mark img { width: 100%; height: 100%; object-fit: contain; display: block; }
.talia-brand-text { font-size: 25px; font-weight: 800; letter-spacing: .5px; line-height: 1; }
.talia-brand-text span { color: var(--talia-cyan); }
.bd-preloader-logo img { border-radius: 18px; background: rgba(255,255,255,.96); padding: 8px; }
.talia-header-note a { color: rgba(255,255,255,.72); font-size: 14px; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.talia-header-note a:hover { color: #fff; }
.talia-hero { min-height: 880px; display: flex; align-items: center; padding-top: 120px; padding-bottom: 130px; }
.talia-hero-content { position: relative; z-index: 12; }
.talia-kicker { display: inline-flex; align-items: center; gap: 8px; color: #fff; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; padding: 8px 16px; margin-bottom: 22px; background: rgba(255,255,255,.045); backdrop-filter: blur(10px); }
.talia-kicker i { color: var(--talia-cyan); }
.talia-hero-title { max-width: 1100px; margin-left: auto; margin-right: auto; }
.talia-animated-words { display: inline-block; min-width: 720px; min-height: 1.15em; text-align: center; vertical-align: baseline; }
.talia-animated-words b { width: 100%; background: linear-gradient(90deg, var(--talia-purple), var(--talia-cyan)); -webkit-background-clip: text; background-clip: text; color: transparent; white-space: nowrap; }
.talia-hero-intro { max-width: 780px; margin-left: auto; margin-right: auto; position: relative; z-index: 12; }
.talia-hero-actions { display: flex; justify-content: center; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 28px; position: relative; z-index: 30; pointer-events: auto; }
.talia-action-btn, .talia-safe-btn { pointer-events: auto !important; cursor: pointer; isolation: isolate; }
.talia-action-btn span, .talia-safe-btn span { position: relative; z-index: 2; }
.talia-outline-action { min-width: 176px; justify-content: center; background: rgba(255,255,255,.025) !important; border: 1px solid rgba(255,255,255,.18) !important; }
.talia-outline-action:hover { border-color: rgba(58,231,255,.55) !important; box-shadow: 0 16px 50px rgba(58,231,255,.12); }
.talia-hero-proof { margin-top: 26px; display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; color: rgba(255,255,255,.72); font-size: 14px; position: relative; z-index: 12; }
.talia-hero-proof span { display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(255,255,255,.10); border-radius: 999px; padding: 8px 12px; background: rgba(255,255,255,.035); }
.talia-hero-proof i { color: var(--talia-cyan); }
.talia-card-row { align-items: stretch; }
.talia-service-card { height: 100%; min-height: 330px; display: flex; flex-direction: column; justify-content: flex-start; position: relative; z-index: 3; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; overflow: visible; }
.talia-service-card .intro { flex: 1 1 auto; }
.talia-service-card:hover { transform: translateY(-7px); border-color: rgba(58,231,255,.35); box-shadow: 0 24px 80px rgba(80,40,190,.18); }
.talia-feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: stretch; position: relative; z-index: 5; }
.talia-feature-pill { min-height: 170px; height: 100%; display: flex; align-items: flex-start; gap: 16px; padding: 24px; border: 1px solid var(--talia-border); border-radius: 20px; background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.028)); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; overflow: hidden; }
.talia-feature-pill:hover { transform: translateY(-5px); border-color: rgba(168,85,247,.45); box-shadow: 0 18px 60px rgba(30,10,80,.22); }
.talia-feature-pill i { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--talia-purple), var(--talia-cyan)); color: #fff; font-size: 22px; line-height: 1; margin-top: 1px; }
.talia-feature-pill h5 { margin-bottom: 8px; color: #fff; line-height: 1.25; }
.talia-feature-pill p { margin-bottom: 0; color: rgba(255,255,255,.72); font-size: 15px; line-height: 1.55; }
.talia-step-card { height: 100%; min-height: 380px; }
.talia-step-number { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 14px; background: linear-gradient(135deg, var(--talia-purple), var(--talia-cyan)); color: #fff; font-weight: 800; margin-bottom: 18px; }
.talia-muted { color: rgba(255,255,255,.72); }
.talia-large-icon { font-size: 42px; color: var(--talia-cyan); }
.talia-contact-panel { border: 1px solid rgba(255,255,255,.12); box-shadow: 0 30px 110px rgba(31, 7, 72, .28); position: relative; z-index: 3; }
.talia-hp { position: absolute; left: -9999px; opacity: 0; height: 0; width: 0; }
.talia-form-message { padding: 14px 16px; border-radius: 12px; margin-top: 18px; font-weight: 600; }
.talia-form-message.success { background: rgba(17, 185, 129, .12); color: #69f0ae; border: 1px solid rgba(17, 185, 129, .26); }
.talia-form-message.error { background: rgba(239, 68, 68, .12); color: #ff9a9a; border: 1px solid rgba(239, 68, 68, .26); }
.talia-footer { position: relative; overflow: hidden; background: #0c031f; }
.talia-footer-title { color: #fff; margin-bottom: 16px; }
.talia-footer-list { list-style: none; padding: 0; margin: 0; }
.talia-footer-list li { margin-bottom: 10px; }
.talia-footer-list a { color: rgba(255,255,255,.68); }
.talia-footer-list a:hover { color: #fff; }
.talia-footer-bottom { border-top: 1px solid rgba(255,255,255,.10); color: rgba(255,255,255,.64); }
.bd-contact-address-box .icon i { font-size: 28px; }
.bd-app-service-btn, .bd-about-btn, .bd-contact-form-btn, .error-btn { position: relative; z-index: 20; }
.bd-app-service-box, .bd-pricing-plan-wrap, .bd-contact-address-box, .bd-contact-form-wrapper, .bd-cta-wrapper { position: relative; z-index: 3; }
@media (max-width: 1399px) {
    .talia-animated-words { min-width: 610px; }
}
@media (max-width: 1199px) {
    .talia-hero { min-height: auto; padding-top: 145px; padding-bottom: 105px; }
    .talia-animated-words { min-width: 540px; }
    .talia-feature-pill { min-height: 185px; }
}
@media (max-width: 991px) {
    #inicio, #servicios, #seguridad, #metodo { scroll-margin-top: 110px; }
    .talia-header-note { display: none !important; }
    .talia-hero { padding-top: 125px; padding-bottom: 90px; }
    .talia-feature-grid { grid-template-columns: 1fr; }
    .talia-feature-pill { min-height: auto; }
}
@media (max-width: 767px) {
    .talia-brand-text { font-size: 22px; }
    .talia-brand-mark { width: 38px; height: 38px; }
    .talia-kicker { font-size: 13px; }
    .talia-hero-actions { gap: 12px; }
    .talia-hero-actions .bd-btn { width: 100%; justify-content: center; }
    .talia-feature-pill { flex-direction: column; padding: 22px; }
    .bd-banner-title, .talia-hero-title { font-size: 42px; line-height: 1.15; }
    .talia-animated-words { min-width: 100%; max-width: 100%; }
    .talia-animated-words b { white-space: normal; }
}
@media (max-width: 480px) {
    .bd-banner-title, .talia-hero-title { font-size: 34px; }
    .talia-hero { padding-top: 110px; }
}