:root{--color-primario: #003366;--color-acento: #CC0000;--color-action: var(--color-acento);--color-trust: var(--color-primario);--color-trust-light: #457B9D;--bg-main: #F4F7F6;--surface: #FFFFFF;--text-main: #2B2D42;--text-muted: #8D99AE;--shadow-sm: 0 4px 6px rgba(29, 53, 87, .05);--shadow-md: 0 10px 25px rgba(29, 53, 87, .1);--shadow-glow: 0 8px 25px rgba(230, 57, 70, .25);--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--radius-lg: 24px;--radius-md: 12px}*{margin:0;padding:0;box-sizing:border-box}img{max-width:100%;height:auto}html,body{width:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6;min-height:100vh;display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden}h1,h2,h3{color:var(--color-trust);font-weight:700;letter-spacing:-.5px}.header{background-color:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:2px solid #D4AF37;box-shadow:0 4px 6px -1px #0000000d;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.header.header-hidden{transform:translateY(-102%)}.navbar{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.nav-brand{transition:opacity var(--transition-fast)}.nav-brand:hover{opacity:.8}.nav-brand .brand-text{font-size:1.75rem;font-weight:800;color:var(--color-trust);letter-spacing:-1px}.nav-brand .brand-highlight{color:var(--color-action)}.brand-logo{height:50px;width:auto;border-radius:50%;transition:height var(--transition-fast)}.menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;z-index:1001}.hamburger{width:100%;height:3px;background-color:var(--color-primario);border-radius:5px;transition:all .3s linear;transform-origin:1px}.menu-toggle.is-active .hamburger:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.is-active .hamburger:nth-child(2){opacity:0}.menu-toggle.is-active .hamburger:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-menu{display:flex;align-items:center;gap:2.5rem}.nav-links{display:flex;gap:.8rem;list-style:none;align-items:center}.nav-link{text-decoration:none;color:var(--color-primario);font-weight:500;font-size:.875rem;position:relative;padding:.35rem .6rem;display:inline-flex;align-items:center;gap:.4rem;transition:all .3s ease;white-space:nowrap}.nav-icon{flex-shrink:0;width:14px;height:14px;color:#d4af37;opacity:.85;transition:all .3s ease;display:flex;align-items:center}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#d4af37;transition:width var(--transition-smooth);border-radius:2px}.nav-link:hover{color:#d4af37}.nav-link:hover .nav-icon{color:#d4af37;opacity:1}.nav-link.active{color:#d4af37;font-weight:700}.nav-link.active .nav-icon{color:#d4af37;opacity:1}.nav-link.active:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:all var(--transition-smooth);text-decoration:none}.btn-primary{background-color:var(--color-action);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #d32f2f66;background-color:#b72832}.btn-primary:active{transform:scale(.98)}.user-name-text{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;cursor:pointer;font-weight:600}.user-name-text:hover{color:var(--color-action);text-decoration:underline}.is-invalid{border-color:#dc3545!important;background-color:#fff8f8!important;box-shadow:0 0 0 .2rem #dc354540!important}.is-invalid:focus{border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354540!important}.view-title{font-size:2.25rem;margin-bottom:1rem;transition:font-size .3s ease}#app-container{flex:1;display:flex;justify-content:center;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto;width:100%;align-items:flex-start;animation:appFadeIn 1s ease-out}@keyframes appFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.view{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;opacity:0;visibility:hidden;transform:translateY(20px) scale(.98);transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1),visibility .5s;position:absolute}.view.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);position:relative}.view.hidden{display:none}.glass-card{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:3rem;width:100%;max-width:550px;box-shadow:var(--shadow-md);box-sizing:border-box;position:relative;overflow:hidden;border-top:4px solid var(--color-trust)}.glass-card:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,#457b9d0d,#fff0 70%);border-radius:50%;z-index:0;pointer-events:none!important}.text-center{text-align:center;position:relative;z-index:1}.icon-pulse{font-size:4.5rem;margin-bottom:1.5rem;display:inline-block;max-width:100%;animation:floating 3s ease-in-out infinite;filter:drop-shadow(0 10px 15px rgba(0,0,0,.1))}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.view-title{font-size:2.2rem;margin-bottom:1rem}.view-description{color:var(--text-muted);font-size:1.1rem;margin-bottom:2.5rem;max-width:80%;margin-inline:auto}.status-badge{display:inline-flex;align-items:center;gap:.75rem;background:#1d35570d;padding:.75rem 1.5rem;border-radius:50px;font-weight:500;color:var(--color-trust-light);border:1px solid rgba(29,53,87,.1)}.loader{width:18px;height:18px;border:3px solid rgba(230,57,70,.3);border-bottom-color:var(--color-action);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-hero{display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:100%;margin:.5rem auto 1.5rem;width:100%;padding:3.5rem 3rem;border-radius:var(--radius-lg);background:linear-gradient(to right,#fffffff2 45%,#fff3),url(/assets/img/hero-bg.png);background-size:cover;background-position:left center;box-shadow:var(--shadow-sm)}.hero-content{text-align:left;width:100%;max-width:700px}.badge-new{display:inline-block;background-color:#e639461a;color:var(--color-action);padding:.5rem 1rem;border-radius:50px;font-weight:600;font-size:.9rem;margin-bottom:1.5rem;border:1px solid rgba(230,57,70,.2)}.hero-title{font-size:3.5rem;line-height:1.1;margin-bottom:1.5rem;color:var(--color-trust)}.text-highlight{color:var(--color-action)}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.6}.hero-actions{display:flex;justify-content:flex-start;gap:1rem;flex-wrap:wrap}.btn-lg{padding:1rem 2rem;font-size:1.05rem}.btn-secondary{background-color:var(--surface);color:var(--color-trust);border:1px solid rgba(29,53,87,.2);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--bg-main);border-color:var(--color-trust)}.trust-features-minimal{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;margin-top:0;margin-bottom:2.5rem;padding:.35rem 2rem;background-color:var(--color-primario);border-radius:var(--radius-md);border-top:3px solid #D4AF37;box-shadow:var(--shadow-md),0 5px 25px #00336659,0 -2px 10px #d4af3733;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.trust-features-minimal::-webkit-scrollbar{display:none}.trust-item{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.8rem;font-weight:500;line-height:1;white-space:nowrap;padding:0 1rem;transition:color var(--transition-fast)}.trust-item:hover{color:#f7e5a1}.trust-icon{flex-shrink:0;color:#d4af37}.quick-access{width:100%;margin-top:2rem}.section-title{font-size:1.75rem;margin-bottom:2rem;text-align:center}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.action-card{background:var(--surface);padding:2.5rem 2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.action-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#457b9d33}.card-icon{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2.5rem}.action-card h4{font-size:1.35rem;margin-bottom:.75rem}.action-card p{color:var(--text-muted);font-size:.95rem}.about-container{max-width:900px;width:100%;margin:0 auto;padding-bottom:3rem}.about-header{margin-bottom:4rem}.about-lead{font-size:1.3rem;color:var(--text-muted);font-weight:300}.about-subtitle{color:var(--color-primario);font-size:1.8rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.about-content p{font-size:1.15rem;line-height:1.8;color:var(--text-main);font-weight:300}.about-card{background:var(--surface);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-acento);margin-bottom:4rem;position:relative;text-align:left;width:100%;max-width:100%}.about-card:before{content:'"';position:absolute;top:-10px;left:20px;font-size:5rem;color:#cc00001a;font-family:Georgia,serif;line-height:1}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;text-align:left}.about-icon{font-size:1.5rem}@media (max-width: 1024px){.trust-features-minimal{justify-content:flex-start;gap:1.5rem;padding-bottom:1.5rem}}@media (max-width: 900px){.dashboard-hero{margin:1.5rem auto;align-items:center;text-align:center;padding:2.5rem 1.5rem;background-image:linear-gradient(to bottom,#f4f7f6f2 40%,#f4f7f680),url(/assets/img/hero-bg.png)}.hero-content{text-align:center}.hero-actions{justify-content:center}.cards-grid{grid-template-columns:1fr;gap:1.5rem}.trust-features-minimal{gap:1.5rem}}#btn-panel{background-color:transparent!important;color:var(--color-primario)!important;border:1.5px solid var(--color-primario)!important;box-shadow:none!important;padding:.6rem 1.25rem;font-size:.9rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}#btn-panel:hover{background-color:#0033660d!important;transform:translateY(-1px)}.profile-dropdown{position:relative;display:inline-block}.profile-dropdown.hidden{display:none!important}.profile-dropdown-toggle{display:flex;align-items:center;gap:.6rem;background:transparent;border:none;padding:.4rem .75rem;border-radius:9999px;cursor:pointer;transition:background-color var(--transition-fast)}.profile-dropdown-toggle:hover{background-color:#0033660a}.user-avatar-img{width:35px;height:35px;border-radius:50%;object-fit:cover;border:1.5px solid var(--color-primario)}.user-avatar-img.hidden{display:none!important}.user-avatar-placeholder{width:35px;height:35px;border-radius:50%;background-color:var(--color-primario);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;text-transform:uppercase}.user-avatar-placeholder.hidden{display:none!important}.user-greeting{font-size:.9rem;font-weight:600;color:var(--color-primario);transition:color var(--transition-fast)}.dropdown-chevron{color:var(--color-primario);opacity:.7;transition:transform .2s ease,color var(--transition-fast)}.profile-dropdown.active .dropdown-chevron{transform:rotate(180deg)}.dropdown-menu-list{position:absolute;right:0;top:calc(100% + 8px);width:200px;background:#fff;border-radius:12px;border:1px solid rgba(0,51,102,.08);box-shadow:0 10px 30px #00336614;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transform-origin:top right;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;z-index:2000}.profile-dropdown.active .dropdown-menu-list{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:8px;color:#334155!important;text-decoration:none!important;font-size:.875rem;font-weight:500;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:all .2s ease}.dropdown-item svg{color:#64748b;transition:color .2s ease}.dropdown-item:hover{background-color:#f1f5f9;color:var(--color-primario)!important}.dropdown-item:hover svg{color:var(--color-primario)}.dropdown-item.btn-logout:hover{background-color:#ef444414;color:#ef4444!important}.dropdown-item.btn-logout svg{transition:color .2s ease}.dropdown-item.btn-logout:hover svg{color:#ef4444}.header.is-logged-in .user-greeting{color:#fffffff2}.header.is-logged-in .dropdown-chevron{color:#ffffffb3}.header.is-logged-in .user-avatar-img{border-color:#d4af37}.header.is-logged-in .user-avatar-placeholder{background-color:#d4af37;color:#001f3f}.header.is-logged-in .profile-dropdown-toggle:hover{background-color:#ffffff1a}.bottom-nav{display:none}body.admin-mode .bottom-nav{display:none!important}@media (max-width: 768px){.menu-toggle,.nav-menu{display:none!important}body{padding-bottom:calc(65px + env(safe-area-inset-bottom,0px))!important}.navbar{padding:.75rem 1.25rem!important}.wa-float{bottom:80px!important}.nav-actions{display:flex!important;margin-left:auto;margin-right:.25rem;align-items:center}#btn-panel{padding:.45rem .9rem!important;font-size:.8rem!important;border:1px solid var(--color-primario)!important;border-radius:8px}.user-greeting{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;width:100%;height:calc(65px + env(safe-area-inset-bottom,0px));background-color:#003366d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -4px 16px #00336626;z-index:2000;justify-content:space-around;align-items:center;padding:5px 0 calc(5px + env(safe-area-inset-bottom,0px))}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;color:#fff9!important;text-decoration:none!important;transition:all .25s ease;padding:4px 0;gap:4px}.bottom-nav-icon{color:#fff9;transition:transform .2s ease,color .2s ease}.bottom-nav-label{font-size:10px;font-weight:500;text-align:center;transition:color .2s ease}.bottom-nav-item:hover{color:#ffffffe6!important}.bottom-nav-item:hover .bottom-nav-icon{color:#ffffffe6;transform:translateY(-1px)}.bottom-nav-item.active{color:#fff!important}.bottom-nav-item.active .bottom-nav-icon{color:#ff3b30!important;transform:scale(1.1) translateY(-2px);filter:drop-shadow(0 0 6px rgba(255,59,48,.6))}.bottom-nav-item.active .bottom-nav-label{color:#fff!important;font-weight:700}.nav-links{flex-direction:column;text-align:center;width:100%}.brand-logo{height:40px}.hero-title{font-size:1.8rem}.hero-actions{flex-direction:column;width:100%}.btn-lg{width:100%;margin-bottom:.5rem}#app-container{padding:2rem 1rem}.header.is-logged-in+#app-container,.view[id$=dashboard].active,.view[id^=view-gestion].active,.view[id^=view-mi-panel].active{padding-top:20px!important}.action-card{padding:2rem 1.5rem}.about-container{padding-left:20px;padding-right:20px}.about-grid{grid-template-columns:1fr;gap:2.5rem}.about-card{padding:1.5rem 1.25rem;border-left:2px solid var(--color-acento)}.about-card:before{display:none}.about-card p{font-size:.95rem}.about-subtitle{justify-content:center}.view-title{font-size:5.5vw!important}.glass-card{padding:2rem 1.5rem;width:90%!important;margin:0 auto}.about-section{text-align:center}.user-name-text{max-width:100px!important}.about-footer .btn-lg{width:90%;padding:1rem}.footer-col.footer-collapsible{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1rem}.footer-col .footer-toggle-title{display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-bottom:0!important;padding:.5rem 0;-webkit-user-select:none;user-select:none}.footer-col.footer-collapsible .chevron{display:inline-block;font-size:.8rem;transition:transform .3s ease;color:#d4af37}.footer-col.footer-collapsible.active .chevron{transform:rotate(180deg)}.footer-col.footer-collapsible .footer-collapse-content{max-height:0;opacity:0;overflow:hidden;margin-top:0;padding-left:0;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .3s ease,margin-top .3s ease}.footer-col.footer-collapsible.active .footer-collapse-content{max-height:180px;opacity:1;margin-top:1rem;padding-left:.75rem}.footer-content .footer-col:first-child{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-brand{justify-content:center;margin-bottom:1.5rem!important}.footer-analytics{margin:0 auto;width:auto;justify-content:center}.social-links{gap:1.75rem!important;justify-content:center;margin-top:1rem}.social-icon{width:48px!important;height:48px!important}.social-icon svg{width:24px!important;height:24px!important}.app-footer{padding-bottom:95px!important}.trust-features-minimal{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.85rem .5rem!important;padding:1rem .5rem!important;overflow-x:visible!important;justify-content:stretch!important;border-radius:12px;box-shadow:var(--shadow-sm),0 5px 15px #0363}.trust-item{font-size:.75rem!important;padding:0 .25rem!important;width:100%!important;justify-content:center!important;scroll-snap-align:none!important}.trust-item:last-child{grid-column:1 / -1!important;justify-content:center!important}}.pricing-section{width:100%;margin-top:4rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:center}.pricing-card{background:var(--surface);padding:2.5rem 2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;position:relative;border:1px solid transparent;transition:var(--transition-smooth)}.pricing-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 15px 35px #1d35571f;border-color:#1d35571a}@keyframes pulse-red-soft{0%{transform:scale(1);box-shadow:0 0 #e6394666}70%{transform:scale(1.03);box-shadow:0 0 0 10px #e6394600}to{transform:scale(1);box-shadow:0 0 #e6394600}}.btn-pulse{animation:pulse-red-soft 2s infinite}.pricing-header h4{font-size:1.25rem;color:var(--text-muted);font-weight:600;margin-bottom:1rem}.pricing-header .price{font-size:3rem;font-weight:800;color:var(--color-trust);margin-bottom:1.5rem;display:flex;justify-content:center;align-items:flex-start}.pricing-header .price span{font-size:1.5rem;margin-top:.5rem;margin-right:.2rem}.pricing-desc{color:var(--text-main);font-size:1.05rem;line-height:1.6}.pricing-featured{border:2px solid var(--color-action);box-shadow:var(--shadow-glow);padding-top:3.5rem;transform:scale(1.05);z-index:2}.pricing-featured:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 15px 35px #e639464d}.featured-badge{position:absolute;top:0;left:50%;transform:translate(-50%);background:var(--color-action);color:#fff;padding:.5rem 1.5rem;border-radius:0 0 12px 12px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.pricing-annual{border:1px solid rgba(212,175,55,.5);background:linear-gradient(135deg,var(--surface) 0%,rgba(212,175,55,.05) 100%)}.pricing-annual .pricing-header h4{color:#d4af37}@media (max-width: 900px){.pricing-grid{grid-template-columns:1fr;gap:2.5rem}.pricing-featured{transform:scale(1)}.pricing-featured:hover{transform:scale(1) translateY(-5px)}}.app-footer{background-color:var(--color-primario);color:#fff;padding:4rem 2rem 2rem;margin-top:4rem;width:100%}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;align-items:start}.footer-brand{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;margin-bottom:2rem}.footer-logo{height:40px;border-radius:50%}.footer-brand .brand-highlight{color:#d4af37}.footer-analytics{display:flex;align-items:flex-start;gap:1rem;background:#ffffff0d;padding:1rem;border-radius:8px;border-left:3px solid #D4AF37;width:240px;box-sizing:border-box}.analytics-icon{font-size:1.5rem}.footer-analytics p{font-size:.95rem;color:#fffc;line-height:1.3}.analytics-counter{font-size:1.4rem;color:#d4af37;font-weight:800;display:block;margin-top:.2rem}.footer-col h4{color:#d4af37;margin-bottom:1.5rem;font-size:1.1rem}.footer-col .chevron{display:none}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:.75rem}.footer-col ul li a{color:#ffffffa6;text-decoration:none;transition:color var(--transition-fast),text-shadow var(--transition-fast)}.footer-col ul li a:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.4)}.social-links{display:flex;gap:1rem}.social-icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#fff;transition:all var(--transition-fast)}.social-icon:hover{background:#d4af37;color:var(--color-primario);transform:translateY(-3px)}.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);text-align:center;color:#94a3b873;font-size:.8rem;font-weight:500}@media (max-width: 900px){.footer-content{grid-template-columns:1fr;gap:2.5rem}}.wa-float{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background-color:#25d366;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px #25d3664d;z-index:1000;transition:transform var(--transition-smooth)}.navbar{max-width:var(--container-width);margin:0 auto;padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center}.header{background-color:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,51,102,.05);position:sticky;top:0;z-index:1000;transition:all var(--transition-normal)}.header.is-logged-in{background-color:#001f3f;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px 20px #0003;border-bottom-color:#d4af37}.header.is-logged-in .brand-text{display:none}.header.is-logged-in .nav-link{color:#ffffffd9;padding:.35rem .7rem;border-radius:6px;font-size:.875rem;transition:all .3s ease}.header.is-logged-in .nav-link:hover{color:#f7e5a1;background-color:#ffffff1a;text-shadow:0 0 10px rgba(247,229,161,.3)}.header.is-logged-in .nav-link.active{color:#f7e5a1;background-color:#d4af371a;font-weight:700}.header.is-logged-in .nav-link.active:after{background-color:#d4af37}.header.is-logged-in .nav-link:hover .nav-icon,.header.is-logged-in .nav-link.active .nav-icon{color:#f7e5a1;opacity:1}.header.is-logged-in .hamburger{background-color:#d4af37}.wa-float:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 8px 25px #25d36666}.wa-float:before{content:attr(title);position:absolute;right:75px;background:var(--text-main);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.85rem;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(10px);transition:all var(--transition-fast);pointer-events:none}.wa-float:hover:before{opacity:1;visibility:visible;transform:translate(0)}.login-page-wrapper{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(#003366b3,#003366d9),url(/assets/img/hero-bg-login.png);background-size:cover;background-position:center;padding:2rem;width:100%}.login-card{max-width:450px;width:100%;padding:3rem 2.5rem;border-top:5px solid #D4AF37;animation:authFadeUp .6s ease-out}@keyframes authFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-logo{height:70px;margin-bottom:.5rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2))}.login-subtitle{color:var(--text-muted);font-size:.95rem;margin-top:.5rem;margin-bottom:2.5rem}.auth-options{display:flex;flex-direction:column;gap:1.5rem}.btn-google{background:#fff;color:#444;border:1px solid #ddd;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;padding:.85rem}.btn-google:hover{background:#f8f9fa;border-color:#ccc;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-google img{height:20px}.divider{display:flex;align-items:center;text-align:center;color:var(--text-muted);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(0,0,0,.1)}.divider span{padding:0 1rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem;text-align:left}.form-group{display:flex;flex-direction:column;gap:.5rem;min-width:0}.form-group label{font-size:.9rem;font-weight:600;color:var(--color-trust)}.form-group input{padding:.75rem .85rem;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.1);background:#fffc;font-family:inherit;font-size:.95rem;transition:all var(--transition-fast);width:100%;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-trust-light);background:#fff;box-shadow:0 0 0 4px #457b9d1a}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}.radio-group{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:.25rem}.radio-tab{cursor:pointer;position:relative;display:block}.radio-tab input{position:absolute;opacity:0;cursor:pointer}.radio-tab span{display:block;padding:.75rem;text-align:center;background:#0033660d;border-radius:var(--radius-md);border:2px solid transparent;font-weight:600;transition:all var(--transition-fast)}.radio-tab input:checked+span{background:#0033661a;border-color:var(--color-trust);color:var(--color-trust)}.phone-input{display:flex;align-items:center;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);background:#fff;overflow:hidden}.phone-input span{padding:0 1rem;background:#0033660d;color:var(--color-trust);font-weight:700;font-size:.9rem;height:100%;display:flex;align-items:center;border-right:1px solid rgba(0,0,0,.1)}.phone-input input{border:none;flex:1;border-radius:0}.auth-footer-links{text-align:center;font-size:.9rem;color:var(--text-muted)}.auth-footer-links a{color:var(--color-trust);text-decoration:none;font-weight:600}.auth-footer-links a:hover{text-decoration:underline}.btn-logout{opacity:.8}.btn-logout:hover{color:var(--color-action);border-color:var(--color-action);opacity:1}.auth-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#001f3ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;color:#fff;transition:opacity .3s ease}.auth-loading-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-container{text-align:center}.loader-spinner{width:50px;height:50px;border:4px solid rgba(212,175,55,.1);border-top:4px solid #D4AF37;border-radius:50%;margin:0 auto 1.5rem;animation:auth-spin 1s linear infinite}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container p{font-size:1.1rem;font-weight:500;letter-spacing:.5px}#btn-resend-email:disabled{opacity:.5;cursor:not-allowed;background-color:var(--text-muted)}#resend-timer{font-weight:700;margin-left:5px}@media (max-width: 768px){.status-badge{max-width:90%!important;margin-left:auto;margin-right:auto;width:content-fit}.pricing-card,.glass-card,.footer-col{overflow-x:hidden}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#001f3f66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;justify-content:center;align-items:center;z-index:2100;padding:1rem}.modal-overlay.active{display:flex}.modal-content{background:#fff;width:100%;max-width:800px;border-radius:20px;box-shadow:0 20px 50px #0003;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:10}.modal-title{font-size:1.25rem;font-weight:800;color:#001f3f}.btn-close-modal{background:#f4f4f4;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;justify-content:center;align-items:center;transition:all .2s}.btn-close-modal:hover{background:#eee;color:#d4af37}.modal-body{padding:2rem}.admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:span 2}.form-group label{font-size:.85rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:.8rem 1rem;border:1px solid #ddd;border-radius:10px;outline:none;font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:#d4af37}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:1rem}.profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.metric-card{background:#f8f9fa;padding:1.5rem;border-radius:15px;text-align:center}.metric-value{display:block;font-size:1.5rem;font-weight:800;color:#001f3f}.metric-label{font-size:.8rem;color:#888;text-transform:uppercase}@media (max-width: 600px){.admin-form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}.admin-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:250px}.search-box input{width:100%;padding:.8rem 1.2rem;border-radius:8px;border:1px solid #ddd;outline:none;transition:all .3s ease}.search-box input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.filter-box select{padding:.8rem;border-radius:8px;border:1px solid #ddd;background:#fff;cursor:pointer}.admin-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000005;overflow-x:auto;border:1px solid #eee}.admin-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.admin-table th{background:#f8f9fa;padding:.8rem 1.5rem;font-weight:700;color:#444;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;border-bottom:2px solid #eee}.admin-table td{padding:.7rem 1.5rem;border-bottom:1px solid #f0f0f0;vertical-align:middle}.admin-table tr:hover{background:#fafafa}.user-info-cell{display:flex;flex-direction:column}.userName{font-weight:700;color:#333}.userEmail{font-size:.8rem;color:#888}.role-badge{padding:.3rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase}.role-superadmin{background:#e3f2fd;color:#1976d2}.role-cliente{background:#f3e5f5;color:#7b1fa2}.role-socio{background:#fff8e1;color:#ffa000}.role-staff{background:#e8f5e9;color:#388e3c}.stat-tag{background:#eee;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;margin-right:.4rem}.top-sections-list{display:flex;gap:.4rem;flex-wrap:wrap}.action-buttons{display:flex;gap:.5rem}.btn-icon-only{padding:.5rem;border-radius:6px;border:1px solid #eee;background:#fff;cursor:pointer;transition:all .2s}.btn-icon-only:hover{background:#d4af371a;border-color:#d4af37}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem 0}.platform-card{display:flex;flex-direction:column;height:100%;transition:all var(--transition-smooth);border:1px solid rgba(0,51,102,.05);background:#ffffffb3}.platform-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0033661a;border-color:var(--color-trust-light)}.platform-logo-wrapper{height:160px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-top-left-radius:inherit;border-top-right-radius:inherit;padding:2rem}.platform-logo{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05));transition:transform .3s}.platform-card:hover .platform-logo{transform:scale(1.05)}.platform-content{padding:2rem;display:flex;flex-direction:column;flex-grow:1}.platform-badge{align-self:flex-start;padding:.25rem .75rem;background:#d4af371a;color:#d4af37;font-size:.75rem;font-weight:700;border-radius:20px;margin-bottom:1rem;text-transform:uppercase}.platform-title{font-size:1.25rem;font-weight:800;color:var(--color-trust);margin-bottom:.75rem;line-height:1.3}.platform-desc{font-size:.95rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.6}.platform-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.btn-link{font-size:.9rem;color:var(--color-trust);text-decoration:none;font-weight:600;transition:color .2s}.btn-link:hover{color:var(--color-action)}.status-badge{padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600}.status-active{background:#dcfce7;color:#166534}.status-inactive{background:#f1f5f9;color:#64748b}.admin-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #e2e8f0}.admin-tab{padding:.75rem 1.5rem;border:none;background:transparent;cursor:pointer;font-weight:600;color:#64748b;border-bottom:3px solid transparent;transition:all .3s;font-size:.9rem}.admin-tab.active{color:#c00;border-bottom-color:#c00}.tab-content{display:none}.tab-content.active{display:block}.difficulty-rays{color:#fbbf24;font-weight:700}.status-obligatorio{background:#fee2e2;color:#ef4444;padding:2px 6px;border-radius:4px;font-size:10px;text-transform:uppercase;font-weight:800}.tag-badge{background:#f1f5f9;color:#475569;padding:2px 8px;border-radius:4px;font-size:.75rem;display:inline-block;margin:2px}.seasons-bar{display:flex;gap:10px;overflow-x:auto;padding:10px 5px;scrollbar-width:none;-ms-overflow-style:none}.seasons-bar::-webkit-scrollbar{display:none}.season-btn{padding:10px 24px;border-radius:12px;background:#fff;color:#64748b;border:1px solid #e2e8f0;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.9rem}.season-btn:hover{border-color:var(--color-primario);color:var(--color-primario);background:#f8fafc}.season-btn.active{background:var(--color-primario);color:#fff;border-color:var(--color-primario);box-shadow:0 10px 15px -3px #0000001a}.course-card-premium{background:#fff;border-radius:20px;border:1px solid #e2e8f0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.course-card-premium:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a;border-color:#cbd5e1}.course-header{height:160px;position:relative;background:#f1f5f9}.course-banner-img{width:100%;height:100%;object-fit:cover}.course-plat-logo{position:absolute;bottom:-20px;right:20px;width:50px;height:50px;background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 6px -1px #0000001a;object-fit:contain}.course-body{padding:30px 20px 20px;flex:1;display:flex;flex-direction:column}.course-meta{display:flex;gap:10px;margin-bottom:12px}.meta-badge{font-size:.7rem;padding:3px 8px;background:#f1f5f9;border-radius:6px;color:#475569;font-weight:700}body.modal-open{overflow:hidden!important;height:100vh!important}#modal-service-request .modal-content,#modal-sercop-request .modal-content{border-radius:24px;padding:30px}.swal2-container{z-index:30000!important}.modal-content{display:flex;flex-direction:column;max-width:900px;width:95%}.modal-header{padding:1.5rem;border-bottom:1px solid #f1f5f9;position:sticky;top:0;background:#fff;z-index:10}.modal-body{padding:1.5rem;flex:1;overflow-y:auto}.modal-footer{padding:1.5rem;border-top:1px solid #f1f5f9;position:sticky;bottom:0;background:#fff;z-index:10;display:flex;justify-content:flex-end}@media (max-width: 768px){.modal-content{height:100%;border-radius:0;max-height:100vh}.modal-body{padding:1rem}#modal-service-request .modal-content,#modal-sercop-request .modal-content{width:95%!important;max-height:90vh!important;border-radius:24px!important;margin:auto!important;height:auto!important;box-shadow:0 10px 40px #00000040!important}#modal-service-request .modal-header,#modal-sercop-request .modal-header{padding:15px 50px 15px 15px!important;margin-bottom:0!important;border-radius:24px 24px 0 0!important;box-shadow:0 2px 10px #0033661a!important}#modal-service-request .modal-title,#modal-sercop-request .modal-title{font-size:.9rem!important;line-height:1.35!important;font-weight:800!important}#modal-service-request .close-btn,#modal-sercop-request .close-btn{top:10px!important;right:12px!important;width:28px!important;height:28px!important;font-size:1.1rem!important}#modal-service-request .modal-stepper-container,#modal-sercop-request .modal-stepper-container{padding:12px 12px 6px!important}#modal-service-request .modal-stepper-container>div,#modal-sercop-request .modal-stepper-container>div{padding:0!important}#modal-service-request .modal-body,#modal-sercop-request .modal-body{padding:12px!important}#modal-service-request .step-header-compact,#modal-sercop-request .step-header-compact{margin-bottom:.75rem!important;gap:10px!important}#modal-service-request .step-header-compact>div:first-child,#modal-sercop-request .step-header-compact>div:first-child{width:36px!important;height:36px!important;font-size:1.4rem!important}#modal-service-request .step-header-compact h3,#modal-sercop-request .step-header-compact h3{font-size:.95rem!important}#modal-service-request .step-header-compact p,#modal-sercop-request .step-header-compact p{font-size:.72rem!important;line-height:1.2!important}#section-personal-data{padding:10px!important;margin-top:.6rem!important;border-radius:12px!important}#section-personal-data h4{font-size:.74rem!important;white-space:nowrap!important;text-transform:none!important;letter-spacing:-.2px!important;margin-bottom:8px!important}#section-personal-data div[style*="display: grid"]{gap:8px!important}#section-personal-data .form-group{margin-top:8px!important}#section-personal-data input{padding:8px 10px!important;font-size:.85rem!important;border-radius:8px!important}#section-personal-data label{font-size:.72rem!important;margin-bottom:3px!important}#rural-platform-info-banner{padding:10px!important;margin-bottom:12px!important;gap:10px!important;border-radius:12px!important}#rural-platform-info-banner h4{font-size:.65rem!important}#rural-platform-name{font-size:.8rem!important}#rural-platform-link{padding:6px 10px!important;font-size:.75rem!important;border-radius:8px!important}#unified-creds-container{padding:12px 10px!important;border-radius:14px!important}#unified-creds-container .form-group{margin-bottom:10px!important}#unified-creds-container input{padding:10px 12px!important;font-size:.85rem!important;border-radius:8px!important}#unified-creds-container label{font-size:.72rem!important;margin-bottom:4px!important}#btn-verify-cedula{padding:10px!important;margin-top:10px!important;font-size:.85rem!important;border-radius:10px!important}#sos-verify-container label{margin-bottom:4px!important;font-size:.7rem!important}.rural-bank-accordion-item{margin-bottom:8px!important}.rural-bank-accordion-item div[onclick]{padding:10px 12px!important}.rural-bank-accordion-item span{font-size:.8rem!important}.rural-bank-content div[style*="padding: 15px"]{padding:10px!important}#req-cedula,#req-sercop-cedula{font-size:1.2rem!important;padding:14px 10px!important;letter-spacing:1.5px!important;border-radius:12px!important}#req-cedula::placeholder,#req-sercop-cedula::placeholder{font-size:.95rem!important;letter-spacing:0px!important;font-weight:600!important;color:#94a3b8!important}#modal-service-request .modal-footer-container,#modal-sercop-request .modal-footer-container{padding:12px 15px!important}#rural-platform-info-banner{flex-direction:column!important;align-items:center!important;text-align:center!important;padding:15px 12px!important;gap:12px!important}#rural-platform-info-banner>div{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:6px!important}#rural-platform-info-banner h4{text-align:center!important}#rural-platform-name{text-align:center!important;display:block!important}#rural-platform-link{width:100%!important;justify-content:center!important;box-sizing:border-box!important}#rural-btn-prev,#sercop-btn-prev{padding:10px 14px!important;font-size:.85rem!important;border-radius:10px!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;color:#475569!important;font-weight:700!important;white-space:nowrap!important}#rural-btn-next,#rural-btn-submit,#sercop-btn-next,#sercop-btn-submit{padding:10px 14px!important;font-size:.85rem!important;border-radius:10px!important;animation:cta-pulse-blue 1.8s infinite!important;will-change:transform,box-shadow;white-space:nowrap!important}.btn-upload-payment{font-size:.8rem!important;padding:10px 18px!important;animation:cta-pulse-green 1.8s infinite!important;will-change:transform,box-shadow}.upload-icon-anim{animation:float-icon 2s infinite ease-in-out!important;display:inline-block}@keyframes cta-pulse-blue{0%{box-shadow:0 0 #0366;transform:scale(1)}50%{transform:scale(1.02)}70%{box-shadow:0 0 0 8px #0360;transform:scale(1.02)}to{box-shadow:0 0 #0360;transform:scale(1)}}@keyframes cta-pulse-green{0%{box-shadow:0 0 #16a34a66;transform:scale(1)}50%{transform:scale(1.02)}70%{box-shadow:0 0 0 8px #16a34a00;transform:scale(1.02)}to{box-shadow:0 0 #16a34a00;transform:scale(1)}}.rural-bank-wrapper{padding:10px!important;border-radius:14px!important;margin-bottom:12px!important}.rural-bank-wrapper p{margin-bottom:8px!important;padding-bottom:6px!important;font-size:.72rem!important}.rural-tab-btn{padding:6px 4px!important;font-size:.65rem!important;border-radius:8px!important;gap:4px!important}.rural-tab-btn img{width:12px!important;height:12px!important}.rural-tab-btn span{font-size:.65rem!important}.rural-bank-detail-card{padding:10px 12px!important;min-height:125px!important;border-radius:12px!important}#rural-upload-container,#sercop-upload-container{padding:12px 10px!important;margin-bottom:12px!important;border-radius:16px!important}.upload-icon-anim{font-size:2rem!important;margin-bottom:4px!important}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}}.hidden{display:none!important}.sercop-landing-container{max-width:1200px;width:100%;margin:0 auto;padding:0 1rem;box-sizing:border-box}@media (max-width: 900px){.sercop-landing-container .sercop-header-row{flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin-bottom:1.25rem!important}.sercop-landing-container #sercop-logo-img-mobile{display:block!important;height:45px!important}.sercop-landing-container #sercop-logo-img{display:none!important}.sercop-landing-container .sercop-title-container h1.view-title{font-size:1.8rem!important;text-align:center!important;line-height:1.2!important}.sercop-landing-container .sercop-landing-grid{display:flex!important;flex-direction:column!important;gap:1.25rem!important}.sercop-landing-container .sercop-landing-grid>div:first-child{order:2!important}.sercop-landing-container .sercop-landing-grid>div:last-child{order:1!important}.sercop-landing-container .modal-grid-mobile{grid-template-columns:1fr!important;gap:1.5rem!important;display:grid!important}.sercop-resources-buttons{flex-direction:row!important;gap:8px!important}.sercop-resources-buttons a{flex:1!important;white-space:nowrap!important;font-size:.72rem!important;padding:10px 4px!important;display:flex!important;align-items:center!important;justify-content:center!important}#cta-sercop-section{padding:1.25rem!important;border-radius:20px!important}#cta-sercop-section h3{font-size:1.15rem!important;margin-bottom:.25rem!important}#cta-sercop-section p{font-size:.75rem!important;margin-bottom:.75rem!important}#btn-sercop-solicitar{padding:12px 16px!important;font-size:.9rem!important;border-radius:10px!important;white-space:nowrap!important}.sercop-landing-container .view-title{font-size:1.8rem!important;text-align:center!important}.sercop-landing-container img#sercop-logo-img{height:60px!important}.sercop-landing-container div[style*="text-align: left"]{text-align:center!important}#view-sercop{padding-top:1rem!important}.sercop-landing-container div[style*="position: sticky"]{position:relative!important;top:0!important}.sercop-landing-container .hero-subtitle{text-align:center!important}#app-container{padding:1rem!important}.sercop-landing-container{padding:0 .5rem!important}}@media (min-width: 769px) and (max-width: 1024px){.sercop-landing-container .sercop-landing-grid{grid-template-columns:1fr 320px!important;gap:1.25rem!important}#cta-sercop-section{padding:1.5rem!important}#btn-sercop-solicitar{font-size:.9rem!important;padding:14px!important;white-space:nowrap!important}.sercop-resources-buttons{gap:8px!important}.sercop-resources-buttons a{white-space:nowrap!important;font-size:.72rem!important;padding:10px 4px!important}}@media (max-width: 480px){.sercop-landing-container .view-title{font-size:1.5rem!important}.sercop-landing-container .hero-subtitle{font-size:.9rem!important}}@media (min-width: 769px) and (max-width: 1250px){.navbar{padding:.75rem 1rem!important}.brand-logo{height:38px!important}.nav-brand .brand-text{font-size:1.3rem!important;letter-spacing:-.5px!important}.nav-menu{gap:1rem!important}.nav-links{gap:.25rem!important}.nav-link{font-size:.78rem!important;padding:.35rem .45rem!important;gap:.2rem!important}.nav-icon{display:none!important}#btn-panel{padding:.5rem .85rem!important;font-size:.8rem!important}.profile-dropdown-toggle{padding:.3rem .5rem!important;gap:.4rem!important}.user-greeting{font-size:.8rem!important;max-width:70px!important}.user-avatar-img,.user-avatar-placeholder{width:28px!important;height:28px!important}}@media (min-width: 769px){#modal-service-request .modal-content,#modal-sercop-request .modal-content{max-width:800px!important;max-height:90vh!important;margin:auto!important}#rural-step-content-3 .step-header-compact,#sercop-step-content-3 .step-header-compact{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:8px!important;margin-bottom:20px!important}#rural-step-content-3 .step-header-compact>div:first-child,#sercop-step-content-3 .step-header-compact>div:first-child{width:48px!important;height:48px!important;font-size:2rem!important;margin-bottom:4px!important}#rural-step-content-3 .step-header-compact h3,#sercop-step-content-3 .step-header-compact h3{font-size:1.15rem!important}#rural-step-content-3 .step-header-compact p,#sercop-step-content-3 .step-header-compact p{font-size:.8rem!important}.payment-grid-desktop{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important;align-items:stretch!important;margin-bottom:0!important}.rural-bank-wrapper{padding:20px!important;margin-bottom:0!important;border-radius:18px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}.rural-bank-wrapper p{margin-bottom:12px!important;padding-bottom:8px!important;font-size:.8rem!important}.rural-tab-btn{padding:8px 4px!important;font-size:.68rem!important;border-radius:10px!important;gap:4px!important}.rural-tab-btn img{width:12px!important;height:12px!important}.rural-tab-btn span{font-size:.65rem!important}.rural-bank-detail-card{padding:12px 14px!important;min-height:130px!important;border-radius:12px!important;max-width:380px!important;margin:10px auto 0!important;width:100%!important;box-sizing:border-box!important}#rural-upload-container,#sercop-upload-container{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:20px!important;margin-bottom:0!important;border-radius:18px!important;height:auto!important}.upload-icon-anim{font-size:2.8rem!important;margin-bottom:10px!important}#rural-preview-box,#sercop-preview-box{margin-bottom:12px!important;width:120px!important;height:120px!important}#rural-preview-box img,#sercop-preview-box img{width:100%!important;height:100%!important;object-fit:cover!important}#unified-creds-container{max-width:480px!important;margin:0 auto!important}#sercop-personal-data-container,#sercop-step-content-2>div[style*="background: #fffbeb"]{padding:12px 18px!important;margin-bottom:10px!important;border-radius:16px!important}#sercop-step-content-2 .form-group{margin-bottom:8px!important}#sercop-step-content-2 input,#sercop-step-content-2 textarea{padding:10px 12px!important;font-size:.85rem!important;border-radius:8px!important}#sercop-step-content-2 label{font-size:.72rem!important;margin-bottom:4px!important}#sercop-step-content-2 .step-header-compact{margin-bottom:.75rem!important}#sercop-step-content-3 .form-group,#rural-step-content-3 .form-group{margin-top:25px!important;margin-bottom:8px!important}#sercop-step-content-3 .form-group input,#rural-step-content-3 .form-group input{padding:10px 12px!important;font-size:.85rem!important;border-radius:8px!important}}.thumbnail-wrapper:hover .thumbnail-overlay{opacity:1!important}.thumbnail-wrapper:hover img{transform:scale(1.08)}.thumbnail-wrapper:active .thumbnail-overlay{opacity:1!important}.payment-lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:99999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .3s ease;opacity:0;pointer-events:none}.payment-lightbox-overlay.active{opacity:1;pointer-events:auto}.lightbox-img-content{max-width:90%;max-height:80%;border-radius:12px;box-shadow:0 20px 50px #00000080;border:4px solid rgba(255,255,255,.1);transform:scale(.95);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.payment-lightbox-overlay.active .lightbox-img-content{transform:scale(1)}.lightbox-close-btn{position:absolute;top:20px;right:25px;background:#ffffff26;color:#fff;border:none;width:45px;height:45px;border-radius:50%;font-size:1.8rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 10px #0003;z-index:100000}.lightbox-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}@media (max-width: 768px){.lightbox-close-btn{top:15px;right:15px;width:38px;height:38px;font-size:1.5rem}}@keyframes step-sequence{0%,25%,to{border-color:#e2e8f0cc;box-shadow:0 4px 6px #00000005;transform:translateY(0) scale(1);background:#fff}5%,20%{border-color:#e639468c;box-shadow:0 12px 25px #e6394626,0 4px 10px #00000008;transform:translateY(-6px) scale(1.02);background:linear-gradient(135deg,#fff 60%,#fff5f5)}}@keyframes bubble-sequence{0%,25%,to{background:#f1f5f9;color:#475569;border-color:#e2e8f0;transform:scale(1);box-shadow:none}5%,20%{background:var(--color-acento);color:#fff;border-color:var(--color-acento);transform:scale(1.18);box-shadow:0 0 12px #e6394680}}.step-number-bubble{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1)!important}.sercop-step-card{transition:all .4s cubic-bezier(.16,1,.3,1)!important;border:1px solid rgba(226,232,240,.8)!important;background:#fff!important}.sercop-step-card:nth-child(1){animation:step-sequence 8s infinite;animation-delay:0s}.sercop-step-card:nth-child(2){animation:step-sequence 8s infinite;animation-delay:2s}.sercop-step-card:nth-child(3){animation:step-sequence 8s infinite;animation-delay:4s}.sercop-step-card:nth-child(4){animation:step-sequence 8s infinite;animation-delay:6s}.sercop-step-card:nth-child(1) .step-number-bubble{animation:bubble-sequence 8s infinite;animation-delay:0s}.sercop-step-card:nth-child(2) .step-number-bubble{animation:bubble-sequence 8s infinite;animation-delay:2s}.sercop-step-card:nth-child(3) .step-number-bubble{animation:bubble-sequence 8s infinite;animation-delay:4s}.sercop-step-card:nth-child(4) .step-number-bubble{animation:bubble-sequence 8s infinite;animation-delay:6s}.sercop-step-card:hover{border-color:#e63946b3!important;box-shadow:0 12px 25px #e639462e,0 4px 10px #00000008!important;transform:translateY(-6px) scale(1.03)!important;background:linear-gradient(135deg,#fff 60%,#fff5f5)!important;animation:none!important}.sercop-step-card:hover .step-number-bubble{background:var(--color-acento)!important;color:#fff!important;border-color:var(--color-acento)!important;transform:scale(1.18)!important;box-shadow:0 0 12px #e6394680!important;animation:none!important}.sercop-official-info{margin:3rem auto 0;padding:0 1rem;max-width:900px;width:100%;text-align:center;box-sizing:border-box}.info-section-title{color:var(--color-primario);font-size:1.15rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.info-title-icon{color:var(--color-acento);flex-shrink:0}.info-divider{height:1px;background:#00336614;margin-bottom:1.25rem;width:100%}.info-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;width:100%}.info-item{display:flex;align-items:flex-start;gap:.85rem;padding:.85rem 1rem;border-radius:var(--radius-md);background:#fff;border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 4px #00000005;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:left}.info-item:hover{background:#fff;border-color:#e6394659;box-shadow:0 6px 15px #e639460f;transform:translateY(-2px)}.info-icon-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#0033660d;color:var(--color-primario);flex-shrink:0;margin-top:2px;transition:all .3s ease}.info-item:hover .info-icon-wrapper{background:var(--color-acento);color:#fff}.info-text{font-size:.82rem;line-height:1.45;color:#475569}.info-text strong{color:var(--color-primario);font-weight:700}.info-email-link{color:var(--color-acento);text-decoration:none;font-weight:700;border-bottom:1.2px dashed rgba(230,57,70,.4);transition:all .2s ease}.info-email-link:hover{color:#b72832;border-bottom-color:#b72832}@media (max-width: 900px){.info-grid-compact{grid-template-columns:1fr;gap:.75rem}.sercop-official-info{margin-top:2rem}}@media (max-width: 480px){.sercop-official-info{padding:0}.info-item{padding:.75rem;gap:.75rem}.info-text{font-size:.8rem}}.btn-sercop-cta{position:relative;overflow:hidden;animation:cta-pulse 2s infinite ease-in-out;transition:all .3s cubic-bezier(.16,1,.3,1)!important}@keyframes cta-pulse{0%{transform:scale(1);box-shadow:0 8px 16px #e639464d}50%{transform:scale(1.03);box-shadow:0 12px 25px #e639468c,0 0 10px #e6394626}to{transform:scale(1);box-shadow:0 8px 16px #e639464d}}.btn-sercop-cta:hover{transform:scale(1.05) translateY(-2px)!important;box-shadow:0 15px 30px #e63946a6!important;background-color:#d32f2f!important;animation-play-state:paused}.sercop-modal-tabs{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap;border-bottom:2px solid #e2e8f0;padding-bottom:10px;flex-shrink:0}.sercop-tab-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease-in-out;border:2px solid transparent;outline:none;-webkit-user-select:none;user-select:none}.sercop-tab-btn.status-pending{background-color:#f1f5f9;color:#64748b;border-color:#cbd5e1}.sercop-tab-btn.status-pending:hover{background-color:#e2e8f0;color:#475569}.sercop-tab-btn.status-completed{background-color:#ecfdf5;color:#047857;border-color:#a7f3d0}.sercop-tab-btn.status-completed:hover{background-color:#d1fae5}.sercop-tab-btn.tab-active{background-color:#f0f9ff;color:#0284c7;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}.sercop-tab-btn.tab-active:hover{background-color:#e0f2fe}.sercop-tab-content{animation:fadeInTab .15s ease-in-out;display:flex;flex-direction:column;height:100%;box-sizing:border-box}@keyframes fadeInTab{0%{opacity:0}to{opacity:1}}.general-swal-popup-compact{padding-top:15px!important;padding-bottom:15px!important}.general-swal-popup-compact .swal2-title{padding-top:5px!important;margin:0!important}.general-swal-popup-compact .swal2-header{padding-top:0!important;margin-bottom:0!important}.general-swal-popup-compact .swal2-html-container{margin-top:5px!important;margin-bottom:5px!important}body.admin-mode{background-color:#f4f7f9!important;display:flex!important;min-height:100vh!important;overflow-x:hidden!important;font-family:Inter,-apple-system,sans-serif!important}body.admin-mode #main-header,body.admin-mode #main-footer,body.admin-mode .wa-float{display:none!important}.admin-sidebar{width:250px;height:100vh;background-color:#001e36;color:#fff;position:fixed;top:0;left:0;display:none;flex-direction:column;box-shadow:4px 0 10px #0000001a;z-index:2000;transition:width .3s cubic-bezier(.4,0,.2,1)}body.admin-mode .admin-sidebar{display:flex!important}.sidebar-logo{padding:2rem 1.2rem;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-logo img{width:32px;height:32px}.sidebar-logo span{font-weight:800;font-size:1.25rem;letter-spacing:-.5px;color:#fff}.sidebar-logo .highlight{color:gold}.sidebar-menu{flex:1;padding:1rem 0;list-style:none;overflow-y:auto}.menu-divider{padding:1.5rem 1.2rem .5rem;font-size:.65rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.8px}.menu-item{display:flex;align-items:center;gap:12px;padding:.75rem 1.2rem;color:#ffffffb3;text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s;border-left:4px solid transparent}.menu-item .menu-icon{font-size:1.1rem;width:20px;text-align:center}.menu-item:hover{background:#ffffff08;color:#fff}.menu-item.active{background:#ffffff0d;color:gold;border-left-color:gold}.sidebar-footer{padding:1rem;background:#0003;display:flex;flex-direction:column;gap:8px}.btn-sidebar-secondary,.btn-sidebar-logout{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#ffffff0d;border:none;border-radius:8px;color:#fffc;text-decoration:none;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.btn-sidebar-secondary:hover,.btn-sidebar-logout:hover{background:#ffffff1a;color:#fff}body.admin-mode #app-container{margin-left:250px!important;width:calc(100% - 250px)!important;max-width:none!important;padding:1rem 1.5rem!important;display:block!important;min-height:100vh!important;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}body.admin-mode .view.admin-view{display:none}body.admin-mode .view.admin-view.active{display:block!important}body.admin-mode .admin-header{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:.75rem}body.admin-mode .view-title{font-size:1.25rem;font-weight:800;color:#1e293b;margin-bottom:0}body.admin-mode .view-description{display:none}body.admin-mode .admin-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid #e2e8f0;padding-bottom:0}body.admin-mode .admin-tab{padding:.5rem 1rem;font-size:.8rem;font-weight:700;color:#64748b;border:none;background:transparent;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}body.admin-mode .admin-tab.active{color:#0f172a;border-bottom-color:#0f172a}body.admin-mode .admin-controls{display:flex;gap:10px;align-items:center;margin-bottom:.75rem}body.admin-mode .admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}body.admin-mode .stat-card{background:#fff;padding:1.25rem;border-radius:12px;display:flex;align-items:center;gap:15px;box-shadow:0 1px 3px #0000000d}body.admin-mode .stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}body.admin-mode .stat-info{display:flex;flex-direction:column}body.admin-mode .stat-value{font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1}body.admin-mode .stat-label{font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;margin-top:4px}@media (max-width: 900px){body.admin-mode .admin-sidebar{width:64px!important}body.admin-mode .sidebar-logo{padding:1.5rem 0!important;justify-content:center!important;gap:0!important}body.admin-mode .sidebar-logo img,body.admin-mode .sidebar-logo span,body.admin-mode #btn-sidebar-toggle,body.admin-mode .menu-divider{display:none!important}body.admin-mode .menu-item{font-size:0!important;justify-content:center!important;padding:.75rem 0!important}body.admin-mode .menu-icon{font-size:1.2rem!important;margin:0!important;width:auto!important;text-align:center!important}body.admin-mode .sidebar-footer{padding:.5rem 0!important}body.admin-mode .btn-sidebar-secondary,body.admin-mode .btn-sidebar-logout{font-size:0!important;padding:10px 0!important;justify-content:center!important}body.admin-mode .btn-icon{font-size:1.2rem!important;margin:0!important}body.admin-mode #app-container{margin-left:64px!important;width:calc(100% - 64px)!important}}#btn-sidebar-toggle{background:transparent;border:none;color:#ffffffb3;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;transition:all .2s;margin-left:auto;flex-shrink:0}#btn-sidebar-toggle:hover{background:#ffffff1a;color:#fff}body.admin-sidebar-collapsed .admin-sidebar{width:64px!important}body.admin-sidebar-collapsed .sidebar-logo{padding:1.5rem 0!important;justify-content:center!important;gap:0!important}body.admin-sidebar-collapsed .sidebar-logo img,body.admin-sidebar-collapsed .sidebar-logo span{display:none!important}body.admin-sidebar-collapsed #btn-sidebar-toggle{margin-left:0!important}body.admin-sidebar-collapsed .menu-divider{display:none!important}body.admin-sidebar-collapsed .menu-item{font-size:0!important;justify-content:center!important;padding:.75rem 0!important;border-left:4px solid transparent}body.admin-sidebar-collapsed .menu-item.active{border-left-color:gold}body.admin-sidebar-collapsed .menu-icon{font-size:1.2rem!important;margin:0!important;width:auto!important;text-align:center!important}body.admin-sidebar-collapsed .sidebar-footer{padding:.5rem 0!important;background:#0003}body.admin-sidebar-collapsed .btn-sidebar-secondary,body.admin-sidebar-collapsed .btn-sidebar-logout{font-size:0!important;padding:10px 0!important;justify-content:center!important;border-radius:0!important}body.admin-sidebar-collapsed .btn-icon{font-size:1.2rem!important;margin:0!important}body.admin-sidebar-collapsed #app-container{margin-left:64px!important;width:calc(100% - 64px)!important}.modal-content.modal-xl{max-width:1200px!important;width:95%!important;height:90vh;display:flex;flex-direction:column}.modal-tabs-header{display:flex;gap:5px;background:#f8fafc;padding:10px 20px 0;border-bottom:1px solid #e2e8f0}.modal-tab-btn{padding:10px 20px;font-size:.8rem;font-weight:700;color:#64748b;border:none;background:transparent;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s;text-transform:uppercase}.modal-tab-btn.active{color:#0f172a;border-bottom-color:#0f172a;background:#fff}.modal-tab-content{display:none;padding:20px;flex:1;overflow-y:auto}.modal-tab-content.active{display:block}.credencial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}.credencial-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:10px;transition:transform .2s}.credencial-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.credencial-header{display:flex;justify-content:space-between;align-items:center}.credencial-platform-name{font-weight:700;font-size:.9rem;color:#1e293b}.credencial-status-badge{padding:2px 8px;border-radius:12px;font-size:.65rem;font-weight:800;text-transform:uppercase}.status-activa{background:#dcfce7;color:#166534}.status-pendiente{background:#fef9c3;color:#854d0e}.status-error{background:#fee2e2;color:#ef4444}.status-bloqueada{background:#f1f5f9;color:#475569}.credencial-body{background:#f8fafc;padding:10px;border-radius:8px;font-family:monospace;font-size:.85rem}.credencial-field{display:flex;justify-content:space-between;margin-bottom:5px}.credencial-label{color:#64748b;font-weight:600}.audit-log-box{background:#0f172a;color:#38bdf8;padding:20px;border-radius:12px;font-family:Fira Code,monospace;font-size:.8rem;line-height:1.5;max-height:500px;overflow-y:auto}.audit-entry{margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:4px}.audit-date{color:#94a3b8}.audit-path{color:#facc15;font-weight:700}.credencial-card-pro{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px;transition:all .2s;box-shadow:0 2px 4px #00000005}.cred-pro-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.cred-pro-logo{width:28px;height:28px;object-fit:contain;background:#f8fafc;padding:4px;border-radius:6px;border:1px solid #e2e8f0}.cred-pro-title{flex:1;display:flex;justify-content:space-between;align-items:center}.cred-pro-title strong{font-size:.85rem;color:#1e293b}.cred-status-select{padding:2px 8px;font-size:.65rem;font-weight:800;border-radius:20px;border:1px solid transparent;cursor:pointer;text-transform:uppercase}.cred-status-select.status-activa{background:#dcfce7;color:#166534}.cred-status-select.status-pendiente{background:#fef9c3;color:#854d0e}.cred-status-select.status-error{background:#fee2e2;color:#ef4444}.cred-pro-row{margin-bottom:8px}.cred-pro-row span{display:block;font-size:.6rem;color:#64748b;text-transform:uppercase;margin-bottom:3px;font-weight:700}.cred-copy-group input{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:5px 8px;font-size:.8rem;font-family:monospace;color:#1e293b;outline:none}.cred-copy-group button{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:0 8px;cursor:pointer;font-size:.8rem;transition:all .2s}.cred-copy-group button:hover{background:#e2e8f0;transform:scale(1.05)}.audit-device{font-weight:700;color:#fbbf24}.audit-entry{font-family:monospace;border-bottom:1px solid rgba(255,255,255,.05);padding:5px 0}.admin-table tbody tr:nth-child(2n){background-color:#f8fafc}.admin-table tbody tr:hover{background-color:#f1f5f9!important;transition:background .2s ease}.admin-table td{border-bottom:1px solid #f1f5f9}.credencial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;padding:5px}.credencial-card-pro{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;transition:all .3s ease;box-shadow:0 2px 4px #00000005}.credencial-card-pro:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000000d;border-color:#cbd5e1}.cred-pro-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.cred-pro-logo{width:24px;height:24px;object-fit:contain}.cred-status-select{font-size:.7rem;padding:4px 8px;border-radius:6px;font-weight:700;border:1px solid #e2e8f0;cursor:pointer}.cred-status-select.status-activa{background:#dcfce7!important;color:#166534!important;border-color:#bbf7d0!important}.cred-status-select.status-error{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}.cred-status-select.status-pendiente{background:#fef9c3!important;color:#854d0e!important;border-color:#fef08a!important}.cred-pro-body{display:flex;flex-direction:column;gap:12px}.cred-pro-row{display:flex;flex-direction:column;gap:5px}.cred-pro-row span{font-size:.65rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.cred-copy-group{display:flex;gap:5px}.cred-copy-group input{flex:1;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 12px;border-radius:6px;font-size:.85rem;color:#1e293b;font-weight:600;font-family:JetBrains Mono,Courier New,monospace}.cred-copy-group button{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:0 10px;cursor:pointer;transition:.2s;font-size:.9rem}.cred-copy-group button:hover{background:#e2e8f0;color:#0f172a}.bank-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.bank-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0000001f}.bank-card-header{display:flex;align-items:center;gap:14px;padding:18px 20px}.bank-logo-wrap{width:54px;height:54px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.admin-mobile-header{display:flex!important;align-items:center;justify-content:space-between;background-color:#001e36;color:#fff;height:60px;padding:0 1.5rem;position:fixed;top:0;left:0;right:0;z-index:1900;box-shadow:0 2px 10px #0000001a}.admin-mobile-brand{font-weight:800;font-size:1.2rem;letter-spacing:-.5px}.admin-mobile-brand .highlight{color:gold}.btn-sidebar-toggle{background:transparent;border:none;color:#fff;font-size:1.8rem;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;outline:none}body.admin-mode .admin-sidebar{position:fixed!important;top:60px!important;left:0!important;width:260px!important;height:calc(100vh - 60px)!important;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2000!important;display:flex!important}height: 54px;border-radius: 12px;background: #fff;display: flex;align-items: center;justify-content: center;overflow: hidden;flex-shrink: 0;box-shadow: 0 2px 8px rgba(0,0,0,.1)}.bank-logo-wrap img{width:100%;height:100%;object-fit:contain;padding:4px}.bank-name-area h4{font-size:1rem;font-weight:800;margin:0 0 6px;line-height:1.2}.bank-type-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:20px}.bank-card-body{padding:16px 20px;flex-grow:1;display:flex;flex-direction:column;gap:12px}.bank-number-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:3px}.bank-number-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.bank-number-value{font-family:Courier New,monospace;font-size:1rem;font-weight:700;color:#0f172a;letter-spacing:.5px}.bank-holder-info{display:flex;flex-direction:column;gap:6px}.bank-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.bank-info-label{color:#64748b;font-weight:500}.bank-info-value{color:#0f172a;font-weight:600;text-align:right;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bank-card-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #f1f5f9;background:#fafbfc}.btn-bank-action{flex:1;padding:8px 10px;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-bank-edit{background:#f1f5f9;color:#334155}.btn-bank-edit:hover{background:#e2e8f0;color:#0f172a}.btn-bank-delete{background:#fff1f2;color:#dc2626}.btn-bank-delete:hover{background:#fee2e2;color:#991b1b}.admin-mobile-header{display:none}@media (max-width: 768px){.admin-mobile-header{display:flex!important;align-items:center;justify-content:space-between;background-color:#001e36;color:#fff;height:60px;padding:0 1.5rem;position:fixed;top:0;left:0;right:0;z-index:1900;box-shadow:0 2px 10px #0000001a}.admin-mobile-brand{font-weight:800;font-size:1.2rem;letter-spacing:-.5px}.admin-mobile-brand .highlight{color:gold}.btn-sidebar-toggle{background:transparent;border:none;color:#fff;font-size:1.8rem;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;outline:none}body.admin-mode .admin-sidebar{position:fixed!important;top:60px!important;left:0!important;width:260px!important;height:calc(100vh - 60px)!important;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2000!important;display:flex!important}body.admin-mode .admin-sidebar.active{transform:translate(0)}body.admin-mode #app-container{margin-left:0!important;width:100%!important;padding:80px 1.5rem 1.5rem!important}}.status-badge{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;display:inline-block;letter-spacing:.3px}.status-badge.status-completado{background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0!important}.status-badge.status-ejecucion{background:#e0f2fe!important;color:#0369a1!important;border:1px solid #bae6fd!important}.status-badge.status-verificando{background:#ecfeff!important;color:#0891b2!important;border:1px solid #cffafe!important}.status-badge.status-pendiente{background:#fffbeb!important;color:#b45309!important;border:1px solid #fef3c7!important}.status-badge.status-accion_requerida{background:#fef2f2!important;color:#b91c1c!important;border:1px solid #fecaca!important}.status-badge.status-cancelado{background:#f1f5f9!important;color:#475569!important;border:1px solid #e2e8f0!important}.sercop-lote-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.sercop-lote-stat-card{background:#fff;padding:15px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;display:flex;align-items:center;gap:12px}.sercop-checklist-container{display:flex;flex-direction:column;gap:12px;margin-top:15px;background:#f8fafc;padding:15px;border-radius:12px;border:1px solid #e2e8f0}.sercop-checklist-step{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 15px;transition:all .2s ease}.sercop-checklist-step.active-step{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f614}.sercop-checklist-step.completed-step{border-color:#10b981;background:#f0fdf4}.sercop-step-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.sercop-step-title{display:flex;align-items:center;gap:10px;font-weight:700;color:#1e293b;font-size:.9rem}.sercop-step-details{margin-top:10px;padding-top:10px;border-top:1px dashed #e2e8f0;display:flex;flex-direction:column;gap:8px}.header.compact{padding:.2rem 0!important;border-bottom:1px solid #D4AF37!important;transition:all .3s ease}.header.compact .navbar{padding:.4rem 2rem!important}.header.compact .brand-logo{width:28px!important;height:28px!important}.header.compact .brand-text{font-size:1.1rem!important}.header.compact .nav-links{gap:1rem!important}.header.compact .nav-link{font-size:.8rem!important}.header.compact .btn{padding:.4rem 1rem!important;font-size:.8rem!important}.pill-filters{display:flex;gap:10px;overflow-x:auto;padding:.2rem 5px;margin:.2rem 0 1rem;scrollbar-width:none}.pill-filters::-webkit-scrollbar{display:none}.pill-btn{padding:8px 18px;border-radius:50px;background:#fff;border:1px solid #e2e8f0;font-size:.8rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.pill-btn:hover{background:#f8fafc;border-color:var(--color-primario, #003366);color:var(--color-primario, #003366)}.pill-btn.active{background:var(--color-primario, #003366);color:#fff;border-color:var(--color-primario, #003366);box-shadow:0 4px 10px #0363}.catalog-quick-nav{grid-column:1 / -1;width:100%;display:flex;flex-wrap:nowrap;align-items:center;gap:10px;margin:.5rem 0 1rem;padding:8px 15px;background:#f8fafc;border-radius:10px;border:1px solid #f1f5f9;overflow-x:auto;overflow-y:visible;scrollbar-width:none;min-height:45px;box-sizing:border-box}.catalog-quick-nav::-webkit-scrollbar{display:none}.quick-nav-btn{background:#fff;border:1px solid #e2e8f0;padding:6px 16px;border-radius:10px;font-size:.75rem;font-weight:800;color:#475569;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #00000005;flex-shrink:0;white-space:nowrap}.quick-nav-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.course-slider-section{grid-column:1 / -1;margin-bottom:2.5rem;animation:fadeInSlide .6s ease-out;position:relative;z-index:1;transition:transform .4s ease,box-shadow .4s ease}@media (min-width: 800px){.course-slider-section.compact-1{grid-column:span 1}.course-slider-section.compact-2{grid-column:span 2}.is-compact-header{min-height:68px;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;text-align:left!important;margin-bottom:0!important;padding-top:5px;width:100%}.is-compact-header .slider-title{margin:0!important;padding:0!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;gap:2px;line-height:1;width:100%}.is-compact-header img{display:block;margin-left:-3px;margin-right:auto!important;max-width:100%;height:24px!important}.is-compact-header .platform-name{font-size:.8rem;font-weight:700;opacity:.9;margin:0;text-align:left!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media (max-width: 799px){.course-slider-section.compact-1,.course-slider-section.compact-2{grid-column:1 / -1!important}}.section-jump-active{transform:scale(1.02)!important;box-shadow:0 0 60px var(--jump-color, rgba(0,0,0,.2))!important;z-index:20!important}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:0 5px}.slider-title{font-size:1.4rem;font-weight:800;color:var(--color-trust, #003366);display:flex;align-items:center;gap:10px}@media (max-width: 768px){.slider-title{flex-direction:column;align-items:center;text-align:center;font-size:1.1rem;gap:8px}.slider-title img{margin-right:0!important;height:35px!important}}.horizontal-slider-container{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;padding:10px 5px 30px;width:100%}.horizontal-slider-container .course-card-premium{width:100%}.course-card-premium{position:relative;border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005}.course-card-premium:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;border-color:#0000001f}.course-card-premium.no-image .course-header{background:linear-gradient(135deg,#036,#457b9d);display:flex;align-items:center;justify-content:center}.course-card-premium.no-image .course-header:after{content:attr(data-platform-name);position:absolute;font-size:3rem;font-weight:900;color:#ffffff14;display:flex;align-items:center;justify-content:center;text-align:center;width:80%;line-height:1}.floating-badge{position:absolute;padding:5px 12px;border-radius:8px;font-size:.7rem;font-weight:800;box-shadow:0 4px 12px #0003;z-index:10;display:flex;align-items:center;gap:4px}.difficulty-badge{top:12px;left:12px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fbbf24}.price-badge{top:12px;right:12px;background:#c00;color:#fff}.see-more-card{min-width:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f5f9;border-radius:20px;border:2px dashed #cbd5e1;cursor:pointer;transition:all .3s ease;flex-shrink:0;height:auto;min-height:300px}.see-more-card:hover{background:#fff;border-color:#036;color:#036;transform:scale(1.02)}.see-more-icon{font-size:2rem;margin-bottom:10px}.see-more-text{font-weight:700;font-size:.9rem}.platforms-grid.catalog-mode{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}#view-gestion-rural{padding-top:0!important}.rural-header-v2{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px;margin-bottom:15px;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.rural-header-v2 .view-title{font-size:1.5rem;margin-bottom:0;white-space:nowrap}.rural-header-v2 .view-description{font-size:.9rem;margin:0!important;color:var(--text-muted, #64748b);border-left:2px solid #e2e8f0;padding-left:15px;line-height:1.3;text-align:left}@media (max-width: 900px){.rural-header-v2{flex-direction:column;align-items:center;text-align:center;gap:8px}.rural-header-v2 .view-title{white-space:normal}.rural-header-v2 .view-description{border-left:none;padding-left:0;border-top:2px solid #e2e8f0;padding-top:8px;text-align:center}}.course-obligatorio-badge{position:absolute;bottom:10px;left:10px;background:#fee2e2;color:#ef4444;padding:2px 8px;border-radius:4px;font-size:.6rem;font-weight:900;letter-spacing:.5px}.course-body{padding:1rem 1.2rem;display:flex;flex-direction:column;height:100%}.course-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.8rem}.meta-badge{padding:2px 8px;border-radius:6px;font-size:.65rem;font-weight:800;background:#f8fafc;color:#64748b;border:1px solid #f1f5f9}.course-title-premium{font-size:1.05rem;font-weight:900;margin-bottom:.4rem;color:#0f172a;line-height:1.2;height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:-.3px}.course-desc-premium{font-size:.78rem;color:#64748b;margin-bottom:1rem;line-height:1.4;height:2.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tag-container-compact{display:flex;flex-wrap:nowrap;gap:4px;margin-bottom:1rem;overflow:hidden;-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}.tag-badge{padding:2px 6px;border-radius:4px;background:#f1f5f9;color:#475569;font-size:.6rem;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.2px}.status-indicator{position:absolute;bottom:10px;right:10px;background:#fffffff2;color:#1e293b;padding:3px 8px;border-radius:6px;font-size:.6rem;font-weight:900;box-shadow:0 2px 8px #00000014;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5}.plat-logo-premium{position:absolute;bottom:-15px;right:15px;height:32px;width:32px;object-fit:contain;background:#fff;padding:4px;border-radius:10px;box-shadow:0 4px 10px #0000001a;z-index:10;border:1px solid #f1f5f9}.view{transition:transform .4s ease,opacity .4s ease}.view.hidden{transform:translateY(10px);opacity:0}@media (max-width: 768px){.app-footer{padding:1.5rem 1.25rem 1rem!important}.footer-logo{width:30px!important;height:30px!important}.footer-col h4{font-size:.9rem!important;margin-bottom:.8rem!important}.footer-col ul li a{font-size:.75rem!important;padding:.2rem 0!important}.footer-content{gap:1rem!important}.footer-bottom{margin-top:1rem!important;padding-top:1rem!important;font-size:.75rem!important}}.main-content{overflow-x:hidden;max-width:100vw}.roadmap-legend-wrapper{width:100%;margin-bottom:25px;display:flex;justify-content:center;padding:0 15px;box-sizing:border-box}.roadmap-legend{display:flex;align-items:center;gap:15px;padding:15px 25px;background:#fff;border-radius:50px;border:1px solid #e2e8f0;box-shadow:0 4px 15px #0000000d;flex-wrap:wrap;justify-content:center;max-width:100%}.legend-item{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:800;color:#475569;white-space:nowrap}.legend-color{width:12px;height:12px;border-radius:50%}.roadmap-container{width:100%;display:flex;flex-direction:column;gap:140px;padding:55px 15px 80px;overflow:visible!important;box-sizing:border-box}.roadmap-row{display:grid;grid-template-columns:repeat(6,1fr);width:100%;position:relative;align-items:center;overflow:visible!important}.roadmap-row:before{content:"";position:absolute;top:50%;left:4%;right:4%;height:14px;background:#e2e8f0;border-radius:10px;z-index:1;transform:translateY(-50%)}.roadmap-row-even{direction:rtl}.roadmap-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;opacity:0;transform:scale(.9);transition:all .5s ease-out}.roadmap-item.visible{opacity:1;transform:scale(1)}.roadmap-item-label{position:absolute;bottom:120px;background:#0f172a;color:#fff;padding:12px 18px;border-radius:12px;font-size:.75rem;font-weight:800;text-align:center;width:220px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s;z-index:150}.roadmap-item:hover .roadmap-item-label{opacity:1;visibility:visible;transform:translateY(0)}.roadmap-item.is-landmark .roadmap-item-label{opacity:1;visibility:visible;background:#ffffffbf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#0f172a;top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 10px #0000001a;white-space:normal;text-align:center;line-height:1.1;font-size:.65rem;z-index:40;padding:5px;box-sizing:border-box;font-weight:800}.roadmap-item.is-landmark .roadmap-item-label span{color:#1e293b!important;font-weight:900!important;font-size:.6rem!important;display:block;margin-top:3px;opacity:1!important}.roadmap-node{width:115px;height:115px;background:#fff;border:6px solid #cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:30;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.roadmap-item:hover .roadmap-node{transform:translateY(-12px) scale(1.08);filter:drop-shadow(0 15px 25px rgba(15,23,42,.25));z-index:100}.roadmap-node-img-wrap{width:100%;height:100%;border-radius:50%;overflow:hidden}.roadmap-node img{width:100%;height:100%;object-fit:cover}#seasons-filter-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:10px;width:100%;margin-bottom:20px}@keyframes arrow-flow{0%{transform:translateY(-50%) translate(-5px);opacity:.4}50%{transform:translateY(-50%) translate(5px);opacity:1}to{transform:translateY(-50%) translate(-5px);opacity:.4}}@keyframes arrow-flow-rtl{0%{transform:translateY(-50%) translate(5px);opacity:.4}50%{transform:translateY(-50%) translate(-5px);opacity:1}to{transform:translateY(-50%) translate(5px);opacity:.4}}.roadmap-item:after{content:"→";position:absolute;top:50%;right:-25px;transform:translateY(-50%);color:#94a3b8;font-size:3rem;font-weight:900;z-index:5;pointer-events:none;display:block;animation:arrow-flow 2s infinite ease-in-out}.roadmap-row-even .roadmap-item:after{content:"←";right:auto;left:-25px;animation:arrow-flow-rtl 2s infinite ease-in-out}.roadmap-item.is-row-end:after,.roadmap-item.is-last-total:after{display:none!important}@keyframes neon-pulse-intense{0%{box-shadow:0 0 #2ecc71cc}50%{box-shadow:0 0 30px 10px #2ecc7166}to{box-shadow:0 0 #2ecc7100}}@keyframes neon-pulse-yellow{0%{box-shadow:0 0 #f1c40fcc}50%{box-shadow:0 0 30px 10px #f1c40f66}to{box-shadow:0 0 #f1c40f00}}.roadmap-item.disponible .roadmap-node{animation:neon-pulse-intense 2s infinite ease-in-out;border-color:#2ecc71}.roadmap-item.cupos_agotados .roadmap-node{animation:neon-pulse-yellow 2s infinite ease-in-out;border-color:#f1c40f}.roadmap-item.finalizado .roadmap-node{border-color:#34495e;opacity:.7;animation:none}.roadmap-badge-req{position:absolute;top:-10px;right:-10px;background:#ef4444;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;z-index:60;border:3px solid white}.roadmap-badge-order{position:absolute;top:-5px;left:-15px;background:#fff;color:#1e293b;padding:3px 10px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;z-index:60;box-shadow:0 4px 10px #00000026;direction:ltr}.roadmap-badge-order:before{content:"#";margin-right:2px;font-weight:800;font-size:11px;color:#64748b}.roadmap-platform-tag{position:absolute;bottom:-6px;background:#1e3a8a;color:#fff;padding:2px 10px;border-radius:50px;font-size:.55rem;font-weight:900;letter-spacing:.5px;z-index:50;border:2px solid white;box-shadow:0 4px 8px #0000001a}.roadmap-row-connection{position:absolute;width:14px;height:155px;background:#e2e8f0;z-index:1;bottom:-148px;border-radius:10px}.roadmap-row-connection.is-right{right:8.33%;transform:translate(50%)}.roadmap-row-connection.is-left{left:8.33%;transform:translate(-50%)}.roadmap-row-connection:after{content:"↓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#94a3b8;font-size:2.5rem;font-weight:900;animation:arrow-flow-vertical 2s infinite ease-in-out}@keyframes arrow-flow-vertical{0%{transform:translate(-50%,-10px);opacity:.4}50%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-10px);opacity:.4}}.roadmap-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#0f172acc!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000!important;display:none;align-items:center;justify-content:center;padding:20px}.roadmap-detail-card{background:#fff!important;width:500px;max-width:95%;border-radius:25px;padding:40px;position:relative;box-shadow:0 25px 80px #00000080;animation:modal-pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes modal-pop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.roadmap-close-btn{position:absolute;top:20px;right:20px;background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;font-size:1.2rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;color:#475569}.roadmap-close-btn:hover{background:#e2e8f0;color:#0f172a;transform:rotate(90deg)}@media (max-width: 768px){.roadmap-container{gap:100px;padding:110px 10px 80px!important}.roadmap-row{grid-template-columns:repeat(2,1fr)}.roadmap-node{width:85px;height:85px;border-width:4px}.roadmap-node span{font-size:1.8rem!important}.roadmap-item-label{bottom:95px;width:140px;font-size:.65rem;padding:8px 12px}.roadmap-item.is-landmark .roadmap-item-label{bottom:90px}.roadmap-item:after{font-size:2rem;right:-15px}.roadmap-row-even .roadmap-item:after{left:-15px}.roadmap-row-connection{height:115px;bottom:-108px}.roadmap-row-connection.is-right{right:25%}.roadmap-row-connection.is-left{left:25%}.roadmap-row-connection:after{font-size:2rem}.roadmap-legend{padding:10px 20px;gap:15px;flex-wrap:wrap}.legend-item{font-size:.65rem}}#platforms-grid{overflow:visible!important}.legend-item.interactive{cursor:pointer;padding:6px 12px;border-radius:50px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.legend-item.interactive:hover{background:#f1f5f9;transform:scale(1.05)}.legend-item.is-active{background:#e2e8f0;font-weight:900;transform:scale(1.05);box-shadow:inset 0 2px 4px #0000000d}.roadmap-container.is-filtering .roadmap-item:not(.is-highlighted):not(.is-landmark){opacity:.25;filter:grayscale(1);transform:scale(.95);pointer-events:none}@keyframes legend-highlight-jump{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-15px) scale(1.1);filter:drop-shadow(0 15px 25px rgba(15,23,42,.4))}50%{transform:translateY(0) scale(1.05)}70%{transform:translateY(-7px) scale(1.08);filter:drop-shadow(0 10px 15px rgba(15,23,42,.3))}}.roadmap-item.is-jumping .roadmap-node{animation:legend-highlight-jump .8s cubic-bezier(.175,.885,.32,1.275)!important;z-index:150}