#la-home-root{width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:0;position:relative;overflow-x:hidden;} #la-home-root button{font:inherit;text-transform:none;letter-spacing:normal;min-height:0;height:auto;box-shadow:none;border-radius:0;background:none;border:none;color:inherit;line-height:normal;text-shadow:none;} #la-home-root button:hover,#la-home-root button:focus{box-shadow:none;outline:none;} #la-home-root input,#la-home-root textarea,#la-home-root select{font:inherit;box-shadow:none;min-height:0;height:auto;} #la-home-root img{max-width:100%;} #la-home-root iframe{max-width:none;margin:0;} #la-home-root p,#la-home-root h1,#la-home-root h2,#la-home-root h3,#la-home-root h4,#la-home-root ul,#la-home-root li{margin:0;padding:0;} #la-home-root{background:#070e1a!important;} #la-home-root *,#la-home-root *::before,#la-home-root *::after{box-sizing: border-box; margin: 0; padding: 0;} #la-home-root{scroll-behavior: smooth;} #la-home-root{font-family: "Manrope", system-ui, sans-serif; background: #fff; color: #0c1726; overflow-x: clip; -webkit-font-smoothing: antialiased; touch-action: pan-y;} #la-home-root a{text-decoration: none; color: inherit;} #la-home-root img{max-width: 100%; display: block;} @keyframes fadeUp{from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: translateY(0); }} @keyframes glow{0%,100% { opacity: .45; transform: scale(1); } 50% { opacity: .7; transform: scale(1.06); }} @keyframes livePulse{0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .3; transform: scale(.7); }} @keyframes barGrow{from { transform: scaleY(0); transform-origin: bottom; } to { transform: scaleY(1); transform-origin: bottom; }} #la-home-root .bar-in{animation: barGrow .7s cubic-bezier(.22,1,.36,1) both;} #la-home-root .bar-in:nth-child(2){animation-delay: .06s;} #la-home-root .bar-in:nth-child(3){animation-delay: .12s;} #la-home-root .bar-in:nth-child(4){animation-delay: .18s;} #la-home-root .bar-in:nth-child(5){animation-delay: .24s;} #la-home-root .bar-in:nth-child(6){animation-delay: .30s;} #la-home-root .bar-in:nth-child(7){animation-delay: .36s;} @keyframes cloudR{from { transform: translateX(-900px); } to { transform: translateX(2800px); }} @keyframes cloudL{from { transform: translateX(2800px); } to { transform: translateX(-900px); }} @keyframes starTwinkle{0%,100% { opacity: .4; } 50% { opacity: .9; }} #la-home-root #la-loader{position: fixed; inset: 0; z-index: 9999999; background: #070e1a; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: opacity .55s cubic-bezier(.22,1,.36,1);} #la-home-root #la-loader.fade-out{opacity: 0; pointer-events: none;} #la-home-root #la-loader canvas{position: absolute; inset: 0; width: 100%; height: 100%;} #la-home-root #la-loader-inner{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 28px;} #la-home-root #la-loader-bar{width: 160px; height: 2px; background: rgba(80,137,196,.18); border-radius: 2px; overflow: hidden;} #la-home-root #la-loader-bar-fill{height: 100%; width: 0%; background: linear-gradient(90deg,#306cb4,#80acd7); border-radius: 2px; transition: width .08s linear;} @keyframes loaderPulse{0%,100% { opacity: .7; transform: scale(1); } 50% { opacity: 1; transform: scale(1.04); }} #la-home-root #la-loader-logo{animation: loaderPulse 2s ease-in-out infinite;} @keyframes ledPulse{0% { box-shadow: 0 0 0 0 rgba(80,137,196,.9); } 65% { box-shadow: 0 0 0 10px rgba(80,137,196,0); } 100% { box-shadow: 0 0 0 10px rgba(80,137,196,0); }} #la-home-root .led-dot{background: #5089c4; animation: ledPulse 3s ease-out infinite;} @keyframes panelIn{from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); }} #la-home-root .panel-in{animation: panelIn 0.55s cubic-bezier(0.22,1,0.36,1) both;} #la-home-root .ha1{animation: fadeUp .9s .05s cubic-bezier(.22,1,.36,1) both;} #la-home-root .ha2{animation: fadeUp .9s .2s cubic-bezier(.22,1,.36,1) both;} #la-home-root .ha3{animation: fadeUp .9s .35s cubic-bezier(.22,1,.36,1) both;} #la-home-root .ha4{animation: fadeUp .9s .5s cubic-bezier(.22,1,.36,1) both;} body.la #la-home-root [data-a]{opacity: 0; transform: translateY(44px) scale(0.97); transition: opacity 0.78s cubic-bezier(0.22,1,0.36,1), transform 0.78s cubic-bezier(0.22,1,0.36,1); will-change: opacity, transform;} body.la #la-home-root [data-a].vis{opacity: 1; transform: translateY(0) scale(1);} body.la #la-home-root [data-a][data-d="1"]{transition-delay: .1s;} body.la #la-home-root [data-a][data-d="2"]{transition-delay: .2s;} body.la #la-home-root [data-a][data-d="3"]{transition-delay: .3s;} body.la #la-home-root [data-a][data-d="4"]{transition-delay: .4s;} body.la #la-home-root [data-a].exit-below{opacity: 0; transform: translateY(52px) scale(0.97); transition: opacity 0.38s ease-in, transform 0.38s ease-in; transition-delay: 0s;} body.la #la-home-root [data-ar]{opacity: 0; transform: translateX(90px); transition: opacity 0.9s cubic-bezier(0.22,1,0.36,1), transform 0.9s cubic-bezier(0.22,1,0.36,1); will-change: opacity, transform;} body.la #la-home-root [data-ar].vis{opacity: 1; transform: translateX(0);} body.la #la-home-root [data-ar][data-d="1"]{transition-delay: 0.12s;} body.la #la-home-root [data-ar][data-d="2"]{transition-delay: 0.24s;} body.la #la-home-root [data-ar].exit-right{opacity: 0; transform: translateX(90px); transition: opacity 0.38s ease-in, transform 0.38s ease-in; transition-delay: 0s;} #la-home-root #nav{position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(10,18,35,.2); backdrop-filter: blur(28px) saturate(180%); -webkit-backdrop-filter: blur(28px) saturate(180%); border-bottom: 1px solid rgba(255,255,255,.1); box-shadow: 0 4px 28px rgba(0,0,0,.12); transition: background .5s cubic-bezier(.22,1,.36,1), border-color .5s, box-shadow .5s;} #la-home-root #nav::after{content: ''; position: absolute; top: 0; left: 6%; right: 6%; height: 1px; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(255,255,255,.55) 35%, rgba(255,255,255,.55) 65%, transparent);} #la-home-root #nav.nav-light{background: rgba(255,255,255,.2); backdrop-filter: blur(34px) saturate(210%) brightness(1.06); -webkit-backdrop-filter: blur(34px) saturate(210%) brightness(1.06); border-bottom: 1px solid rgba(255,255,255,.4); box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, 0 8px 32px rgba(0,0,0,.06);} #la-home-root .nav-inner{max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 0 32px; height: 72px; min-width: 0;} #la-home-root .nav-links{display: flex; align-items: center; gap: 28px; min-width: 0;} #la-home-root .nav-link{font-size: 14px; font-weight: 500; color: rgba(255,255,255,.88); transition: color .2s;} #la-home-root .nav-link:hover{color: #fff;} #la-home-root #nav.nav-light .nav-link{color: #344864;} #la-home-root #nav.nav-light .nav-link:hover{color: #306cb4;} #la-home-root .nav-logo-w{display: block;} #la-home-root .nav-logo-c{display: none;} #la-home-root #nav.nav-light .nav-logo-w{display: none;} #la-home-root #nav.nav-light .nav-logo-c{display: block;} #la-home-root .nav-traza{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;color:#fff;padding:5px 14px 5px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);transition:all .25s cubic-bezier(.22,1,.36,1);} #la-home-root .nav-traza svg{width:30px;height:30px;display:block;flex-shrink:0;} #la-home-root .nav-traza .tz-acc{stroke:#9cc2ea;} #la-home-root .nav-traza-txt{font-family:'Sora',sans-serif;font-size:14px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;line-height:1;} #la-home-root .nav-traza-txt b{font-weight:800;color:#9cc2ea;} #la-home-root .nav-traza:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.32);transform:translateY(-1px);} #la-home-root #nav.nav-light .nav-traza{color:#0b2340;border-color:rgba(48,108,180,.22);background:rgba(255,255,255,.35);} #la-home-root #nav.nav-light .nav-traza .tz-acc{stroke:#306cb4;} #la-home-root #nav.nav-light .nav-traza-txt b{color:#306cb4;} #la-home-root #nav.nav-light .nav-traza:hover{background:rgba(255,255,255,.6);border-color:rgba(48,108,180,.35);} @media (max-width: 768px){ #la-home-root .nav-traza{padding:3px !important;gap:0 !important;} #la-home-root .nav-traza svg{width:26px !important;height:26px !important;} #la-home-root .nav-traza-txt{display:none !important;} } #la-home-root .hamburger{display: none; cursor: pointer; flex-direction: column; gap: 5px; padding: 8px; background: none; border: none;} #la-home-root .hamburger span{display: block; width: 22px; height: 2px; background: rgba(255,255,255,.88); border-radius: 2px; transition: background .3s;} #la-home-root #nav.nav-light .hamburger span{background: #344864;} #la-home-root #mob-menu{display: none; position: fixed; top: 72px; left: 0; right: 0; bottom: 0; z-index: 999; background: rgba(255,255,255,.97); backdrop-filter: blur(24px); flex-direction: column; padding: 24px;} #la-home-root #mob-menu.open{display: flex;} #la-home-root .mm-link{font-size: 18px; font-weight: 600; color: #0c1726; padding: 15px 0; border-bottom: 1px solid #eef1f7; display: block; cursor: pointer;} #la-home-root .mm-cta{margin-top: 20px; background: #306cb4; color: #fff; padding: 16px; border-radius: 14px; font-size: 16px; font-weight: 700; text-align: center; display: block; cursor: pointer;} #la-home-root .wrap{max-width: 1200px; margin: 0 auto; padding: 0 32px;} #la-home-root .sl{display: inline-flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #306cb4;} #la-home-root .sl::before,#la-home-root .sl::after{content: ''; display: block; height: 1.5px; width: 20px; background: #306cb4; border-radius: 1px;} #la-home-root .sl-dark{display: inline-flex; align-items: center; gap: 10px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #80acd7;} #la-home-root .sl-dark::before,#la-home-root .sl-dark::after{content: ''; display: block; height: 1.5px; width: 20px; background: #80acd7; border-radius: 1px;} #la-home-root .pcard{background: #fff; border: 1px solid #eef1f7; border-radius: 24px; padding: 32px 28px; box-shadow: 0 4px 24px rgba(0,0,0,.05); transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s;} #la-home-root .pcard:hover{transform: translateY(-5px); box-shadow: 0 20px 56px rgba(48,108,180,.13);} #la-home-root .btn-p{display: inline-flex; align-items: center; justify-content: center; background: #306cb4; color: #fff; padding: 13px 30px; border-radius: 999px; font-family: "Manrope",sans-serif; font-size: 15px; font-weight: 600; border: none; cursor: pointer; transition: background .2s, transform .2s, box-shadow .2s;} #la-home-root .btn-p:hover{background: #2a5d9c; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(48,108,180,.3);} #la-home-root .btn-g{display: inline-flex; align-items: center; justify-content: center; background: transparent; color: #306cb4; padding: 12px 28px; border-radius: 999px; font-family: "Manrope",sans-serif; font-size: 15px; font-weight: 600; border: 2px solid #306cb4; cursor: pointer; transition: all .2s;} #la-home-root .btn-g:hover{background: #306cb4; color: #fff; transform: translateY(-2px);} #la-home-root .btn-w{display: inline-flex; align-items: center; justify-content: center; background: #fff; color: #306cb4; padding: 13px 30px; border-radius: 999px; font-family: "Manrope",sans-serif; font-size: 15px; font-weight: 600; border: none; cursor: pointer; transition: all .2s;} #la-home-root .btn-w:hover{background: #eef4fa; transform: translateY(-2px);} #la-home-root .faq-item{border-bottom: 1px solid #eef1f7;} #la-home-root .faq-row{display: flex; align-items: center; justify-content: space-between; padding: 20px 0; cursor: pointer; gap: 16px;} #la-home-root .faq-ans{overflow: hidden; max-height: 0; transition: max-height .42s cubic-bezier(.22,1,.36,1);} #la-home-root .faq-plus{flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: #eef4fa; display: flex; align-items: center; justify-content: center;} #la-home-root .faq-plus svg{transition: transform .3s ease;} #la-home-root .stab{padding: 10px 22px; border-radius: 999px; font-size: 14px; font-weight: 600; cursor: pointer; border: 1.5px solid #e1e6ef; background: #fff; color: #344864; transition: all .22s; white-space: nowrap;} #la-home-root .spanel{display: none;} #la-home-root .check-item{display: flex; align-items: center; gap: 11px;} #la-home-root .check-dot{width: 22px; height: 22px; border-radius: 50%; background: #eef4fa; display: flex; align-items: center; justify-content: center; flex-shrink: 0;} @media (max-width: 960px){ #la-home-root .about-g{grid-template-columns: 1fr !important; gap: 40px !important;} #la-home-root .footer-g{grid-template-columns: 1fr 1fr !important; gap: 40px !important;} #la-home-root .oxi-g{grid-template-columns: 1fr !important; gap: 40px !important;} #la-home-root .sol-pg{grid-template-columns: 1fr !important; gap: 24px !important;} } @media (max-width: 768px){ body.la #la-home-root [data-a],body.la #la-home-root [data-ar]{transform: none !important; opacity: 0; transition: opacity .55s ease !important;} body.la #la-home-root [data-a].vis,body.la #la-home-root [data-ar].vis{opacity: 1 !important; transform: none !important;} body.la #la-home-root [data-a].exit-below,body.la #la-home-root [data-ar].exit-right{opacity: 0 !important; transform: none !important; transition: opacity .3s ease !important;} } @media (max-width: 768px){ #la-home-root .hamburger{display: none !important;} #la-home-root #mob-menu{display: none !important;} #la-home-root .nav-inner{padding: 0 12px !important; height: 56px !important; gap: 8px !important; overflow: hidden !important;} #la-home-root .nav-links{display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; gap: 4px !important; flex: 1 !important; min-width: 0 !important; padding: 0 4px !important; -webkit-mask-image: linear-gradient(to right, black 75%, transparent 100%); mask-image: linear-gradient(to right, black 75%, transparent 100%);} #la-home-root .nav-links::-webkit-scrollbar{display: none !important;} #la-home-root .nav-hide-mob,#la-home-root .nav-hide-xs{display: flex !important;} #la-home-root .nav-link{font-size: 11.5px !important; white-space: nowrap !important; flex-shrink: 0 !important; padding: 6px 8px !important;} #la-home-root .nav-logo-w,#la-home-root .nav-logo-c{height: 26px !important; flex-shrink: 0 !important;} #la-home-root #prog{top: 56px !important;} #la-home-root .wrap{padding: 0 16px;} #la-home-root section{padding-top: 68px !important; padding-bottom: 68px !important;} #la-home-root #inicio{padding-top: 60px !important; padding-bottom: 80px !important;} #la-home-root #video-section{padding: 56px 0 !important;} #la-home-root .prod-g{grid-template-columns: 1fr 1fr !important;} #la-home-root .contact-split{grid-template-columns: 1fr !important;} #la-home-root .pgallery{grid-template-columns: 1fr !important; height: auto !important;} #la-home-root .pgallery > img{height: 240px !important;} #la-home-root .pgallery-side{position: relative !important; display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; height: 160px !important;} #la-home-root .pgallery-side img{position: static !important; width: 100% !important; height: 100% !important; object-fit: cover !important;} #la-home-root .sol-tabs-wrap{overflow-x: auto !important; flex-wrap: nowrap !important; justify-content: flex-start !important; -webkit-overflow-scrolling: touch !important; padding-bottom: 6px !important; scrollbar-width: none !important;} #la-home-root .sol-tabs-wrap::-webkit-scrollbar{display: none;} #la-home-root section,#la-home-root .wrap,#la-home-root footer{max-width: 100vw !important; overflow-x: clip !important;} } @media (max-width: 560px){ #la-home-root .nav-link{font-size: 11px !important;} #la-home-root .nav-links{gap: 2px !important;} #la-home-root .nav-logo-w,#la-home-root .nav-logo-c{height: 24px !important;} #la-home-root .prod-g{grid-template-columns: 1fr !important;} #la-home-root .stats-g{grid-template-columns: 1fr 1fr !important;} #la-home-root .hero-ctas{flex-direction: column !important; align-items: center !important;} #la-home-root .footer-g{grid-template-columns: 1fr !important;} #la-home-root .cform-g{grid-template-columns: 1fr !important;} #la-home-root section{padding-top: 56px !important; padding-bottom: 56px !important;} #la-home-root #inicio{padding-top: 60px !important; padding-bottom: 60px !important;} } @media (max-width: 380px){ #la-home-root .nav-hide-mob,#la-home-root .nav-hide-xs{display: flex !important;} #la-home-root .nav-link{font-size: 10px !important; padding: 5px 6px !important;} #la-home-root .nav-links{gap: 0px !important;} } #la-home-root #la-f4 a,#la-home-root #la-f4 p,#la-home-root #la-f4 span{margin: 0 !important; padding: 0 !important; line-height: 1.3 !important;} #la-home-root #la-f4 .la-link{display: block !important; font-size: 14px !important; color: rgba(255,255,255,.45) !important; text-decoration: none !important; font-family: 'Manrope', sans-serif !important; margin: 0 !important; padding: 0 !important; line-height: 1.3 !important; transition: color .2s, text-shadow .2s;} #la-home-root #la-f4 .la-link:hover{color:#fff !important; text-shadow:0 0 12px rgba(255,255,255,.5);} #la-home-root #la-f4 .la-links{display:flex; flex-direction:column; gap:10px; list-style:none; margin:0 !important; padding:0 !important;} #la-home-root #la-f4 .la-links li{margin:0 !important; padding:0 !important; line-height:1.3 !important;} #la-home-root #la-f4 .la-h4{font-family:'Sora', sans-serif !important; font-size:12px !important; font-weight:700 !important; color:#fff !important; text-transform:uppercase !important; letter-spacing:.1em !important; line-height:1 !important; margin:0 0 14px 0 !important; padding:0 !important;} #la-home-root #la-f4 .la-desc{font-size:14px !important; color:rgba(255,255,255,.45) !important; line-height:1.65 !important; max-width:270px !important; font-family:'Manrope', sans-serif !important; margin:0 0 20px 0 !important; padding:0 !important;} #la-home-root #la-f4 .la-hint{font-size:13px !important; color:rgba(255,255,255,.6) !important; font-family:'Manrope', sans-serif !important; font-weight:600 !important; line-height:1.3 !important; margin:0 0 8px 0 !important; padding:0 !important;} #la-home-root #la-f4 .la-fwa{display:inline-flex !important; align-items:center !important; gap:8px !important; background:linear-gradient(145deg,rgba(37,211,102,.22),rgba(37,211,102,.1)) !important; color:#25d366 !important; padding:8px 16px !important; border-radius:999px !important; font-size:13px !important; font-weight:600 !important; border:1px solid rgba(37,211,102,.3) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 2px 10px rgba(37,211,102,.15) !important; text-decoration:none !important; transition:all .25s !important; font-family:'Manrope', sans-serif !important; line-height:1 !important;} #la-home-root #la-f4 .la-fwa:hover{background:linear-gradient(145deg,rgba(37,211,102,.35),rgba(37,211,102,.2)) !important;} #la-home-root #la-f4 .la-logo{height:40px !important; width:auto !important; display:block !important; margin:0 0 16px 0 !important;} #la-home-root #la-f4 .la-cc{display:flex; flex-direction:column; gap:12px;} /* ===== Botones de acceso en el menú: Administración + App ===== */ #la-home-root .nav-access{display:flex;align-items:center;gap:8px;flex-shrink:0;} #la-home-root .nav-acc{display:inline-flex;align-items:center;gap:10px;padding:5px 16px 5px 5px;border-radius:999px;white-space:nowrap;line-height:1;text-decoration:none;transition:all .25s cubic-bezier(.22,1,.36,1);} #la-home-root .nav-acc-ico{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s;} #la-home-root .nav-acc-ico svg{width:16px;height:16px;display:block;} #la-home-root .nav-acc-txt{display:flex;flex-direction:column;gap:3px;text-align:left;} #la-home-root .nav-acc-txt small{font-family:'Manrope',sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;opacity:.65;line-height:1;} #la-home-root .nav-acc-txt strong{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;letter-spacing:-.01em;line-height:1;} #la-home-root .nav-acc-txt .acc-short{display:none;} #la-home-root .nav-acc--admin{color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 8px rgba(0,0,0,.2);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);} #la-home-root .nav-acc--admin .nav-acc-ico{background:rgba(255,255,255,.14);color:#9cc2ea;} #la-home-root .nav-acc--admin:hover{background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.1));border-color:rgba(255,255,255,.45);transform:translateY(-1px);} #la-home-root .nav-acc--app{color:#fff;background:linear-gradient(145deg,#3b7ec9,#2a5d9c);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 14px rgba(48,108,180,.4);} #la-home-root .nav-acc--app .nav-acc-ico{background:rgba(255,255,255,.18);color:#fff;} #la-home-root .nav-acc--app:hover{background:linear-gradient(145deg,#4689d4,#306cb4);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 20px rgba(48,108,180,.5);transform:translateY(-1px);} #la-home-root #nav.nav-light .nav-acc--admin{color:#0b2340;background:rgba(255,255,255,.6);border-color:rgba(48,108,180,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 10px rgba(0,0,0,.06);} #la-home-root #nav.nav-light .nav-acc--admin .nav-acc-ico{background:#eef4fa;color:#306cb4;} #la-home-root #nav.nav-light .nav-acc--admin:hover{background:rgba(255,255,255,.85);border-color:rgba(48,108,180,.4);} #la-home-root #nav.nav-light .nav-acc--app{box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 14px rgba(48,108,180,.25);} @media (max-width:1100px){ #la-home-root .nav-acc{padding:5px 14px 5px 5px;gap:8px;} #la-home-root .nav-acc-txt small{display:none;} } @media (max-width:768px){ #la-home-root .nav-access{gap:5px;} #la-home-root .nav-acc{padding:3px 10px 3px 3px;gap:6px;} #la-home-root .nav-acc-ico{width:24px;height:24px;} #la-home-root .nav-acc-ico svg{width:13px;height:13px;} #la-home-root .nav-acc-txt .acc-full{display:none;} #la-home-root .nav-acc-txt .acc-short{display:block;} #la-home-root .nav-acc-txt strong{font-size:11px;} } @media (max-width:380px){ #la-home-root .nav-acc{padding:3px 8px 3px 3px;gap:5px;} #la-home-root .nav-acc-txt strong{font-size:10.5px;} } /* ===== Botones de acceso grandes en el inicio (hero) ===== */ #la-home-root .hero-acc-lead{font-size:14px;font-weight:600;color:rgba(255,255,255,.55);margin:0 0 16px;} #la-home-root .hero-acc{display:inline-flex;align-items:center;gap:14px;padding:9px 26px 9px 9px;border-radius:999px;text-align:left;text-decoration:none;transition:all .25s cubic-bezier(.22,1,.36,1);} #la-home-root .hero-acc-ico{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;} #la-home-root .hero-acc-ico svg{width:20px;height:20px;display:block;} #la-home-root .hero-acc-txt{display:flex;flex-direction:column;gap:4px;} #la-home-root .hero-acc-txt strong{font-family:'Sora',sans-serif;font-size:15.5px;font-weight:700;letter-spacing:-.01em;line-height:1.1;color:#fff;} #la-home-root .hero-acc-txt small{font-family:'Manrope',sans-serif;font-size:12.5px;font-weight:500;line-height:1.2;color:rgba(255,255,255,.62);} #la-home-root .hero-acc--admin{background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1.5px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.25);} #la-home-root .hero-acc--admin .hero-acc-ico{background:rgba(255,255,255,.12);color:#9cc2ea;} #la-home-root .hero-acc--admin:hover{background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.08));border-color:rgba(255,255,255,.45);transform:translateY(-2px);} #la-home-root .hero-acc--app{background:linear-gradient(145deg,#3b7ec9,#2a5d9c);border:1.5px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 32px rgba(48,108,180,.5);} #la-home-root .hero-acc--app .hero-acc-ico{background:rgba(255,255,255,.18);color:#fff;} #la-home-root .hero-acc--app .hero-acc-txt small{color:rgba(255,255,255,.78);} #la-home-root .hero-acc--app:hover{background:linear-gradient(145deg,#4689d4,#306cb4);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 36px rgba(48,108,180,.6);} @media (max-width:560px){ #la-home-root .hero-acc{width:100%;max-width:330px;} #la-home-root .hero-acc-lead{font-size:13px;} } /* Reset agresivo de WoodMart/tema */ #la-f4 a, #la-f4 p, #la-f4 span { margin: 0 !important; padding: 0 !important; line-height: 1.3 !important; } #la-f4 .la-link { display: block !important; font-size: 14px !important; color: rgba(255,255,255,.45) !important; text-decoration: none !important; font-family: 'Manrope', sans-serif !important; margin: 0 !important; padding: 0 !important; line-height: 1.3 !important; transition: color .2s, text-shadow .2s; } #la-f4 .la-link:hover { color:#fff !important; text-shadow:0 0 12px rgba(255,255,255,.5); } #la-f4 .la-links { display:flex; flex-direction:column; gap:10px; list-style:none; margin:0 !important; padding:0 !important; } #la-f4 .la-links li { margin:0 !important; padding:0 !important; line-height:1.3 !important; } #la-f4 .la-h4 { font-family:'Sora', sans-serif !important; font-size:12px !important; font-weight:700 !important; color:#fff !important; text-transform:uppercase !important; letter-spacing:.1em !important; line-height:1 !important; margin:0 0 14px 0 !important; padding:0 !important; } #la-f4 .la-desc { font-size:14px !important; color:rgba(255,255,255,.45) !important; line-height:1.65 !important; max-width:270px !important; font-family:'Manrope', sans-serif !important; margin:0 0 20px 0 !important; padding:0 !important; } #la-f4 .la-hint { font-size:13px !important; color:rgba(255,255,255,.6) !important; font-family:'Manrope', sans-serif !important; font-weight:600 !important; line-height:1.3 !important; margin:0 0 8px 0 !important; padding:0 !important; } #la-f4 .la-fwa { display:inline-flex !important; align-items:center !important; gap:8px !important; background:linear-gradient(145deg,rgba(37,211,102,.22),rgba(37,211,102,.1)) !important; color:#25d366 !important; padding:8px 16px !important; border-radius:999px !important; font-size:13px !important; font-weight:600 !important; border:1px solid rgba(37,211,102,.3) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 2px 10px rgba(37,211,102,.15) !important; text-decoration:none !important; transition:all .25s !important; font-family:'Manrope', sans-serif !important; line-height:1 !important; } #la-f4 .la-fwa:hover { background:linear-gradient(145deg,rgba(37,211,102,.35),rgba(37,211,102,.2)) !important; } #la-f4 .la-logo { height:40px !important; width:auto !important; display:block !important; margin:0 0 16px 0 !important; } #la-f4 .la-cc { display:flex; flex-direction:column; gap:12px; }