:root{--green:#b3f326;--mint:#f3ffdc;--ink:#303530;--muted:#636c63;--line:#e0e6dc}
body{background:#fff}h1,h2,h3{letter-spacing:-.045em}h1{font-weight:850}small,.eyebrow,.sales-heading>span,a,em{color:#426300}button,.sales-primary,.nav-login,.logout-button{background:#b3f326;color:#253307;border-color:#b3f326;box-shadow:0 6px 0 #98d11722;transition:transform .2s,box-shadow .2s,background .2s}button:hover,.logout-button:hover{background:#c2ff41;color:#253307;box-shadow:0 8px 24px #8abe2630;transform:translateY(-2px)}button:active{transform:scale(.97)}a:focus-visible,button:focus-visible{outline:3px solid #647c30}header{border-bottom:1px solid #e8ede3}#inicio{background:#f7faf2;border-radius:32px}.sales-hero#inicio{padding:30px;gap:28px;background:white}.hero-copy h1{font-size:clamp(38px,5.5vw,65px);line-height:1.05}.hero-copy em{color:#476400}.hero-photo{margin:0;position:relative;border-radius:32px;overflow:hidden;min-height:480px;height:100%}.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo figcaption{position:absolute;bottom:20px;left:20px;right:20px;background:#fffffff2;color:#303530;border-radius:18px;padding:18px;font-weight:700}.hero-actions a{min-height:54px;display:inline-flex;align-items:center}.hero-actions .sales-secondary{border:1px solid #c9d3c0;border-radius:16px;padding:14px}.sales-heading h2{font-size:clamp(28px,4vw,42px)}article{border-radius:28px;box-shadow:0 12px 38px #303f1d08;transition:transform .25s,box-shadow .25s}article:hover{box-shadow:0 18px 35px #303f1d12}.plan-scroll .featured{background:#f5ffdf;border:2px solid #b3f326}.popular{color:#426300}.plan-name{font-weight:800;letter-spacing:.13em;font-size:14px}.plan-scroll article{display:flex;flex-direction:column}.plan-scroll article button{margin-top:auto}.step-scroll article>b{display:inline-grid;place-items:center;background:#b3f326;width:46px;height:46px;border-radius:15px}.sales-cta{padding:24px;border:1px solid #dce8cc;border-radius:28px;background:#f7fbee}.dock{border-radius:24px 24px 0 0}.dock a{color:#3e5122}.dock a:hover{background:#ecffd0;border-radius:12px}.logout-button{box-shadow:none}.brand,.sales-logo img{filter:hue-rotate(-58deg)}#intro{background:#080d09;animation:cinema-out 4.5s forwards;overflow:hidden}#intro img{z-index:2;animation:cinema-logo 3.8s cubic-bezier(.16,.85,.3,1) both;filter:drop-shadow(0 0 24px #b3f32655)}#intro:before{content:"";position:absolute;width:70vmin;height:70vmin;border:1px solid #b3f326;border-radius:50%;box-shadow:0 0 80px #b3f32660,inset 0 0 40px #b3f32630;animation:energy 3s ease-out infinite}#intro:after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(110deg,transparent 40%,#d7ff9344 49%,transparent 58%);transform:translateX(-120%);animation:light-sweep 2s 1s both;pointer-events:none}
.admin-main{display:flex;flex-direction:column}.admin-main>#inicio{order:0}.admin-main>#servicios{order:1}.admin-main>#clientes{order:2}.admin-main>#equipos{order:3}.admin-main>#cuenta{order:4}.admin-main>#servicios>h2{font-size:34px}.admin-main>.error,.admin-main>.success{order:-1}.client-search{max-width:540px}.client-edit{margin-top:14px}.client-edit summary{font-weight:700}#filter{max-width:480px}.cards article[hidden]{display:none}.success{animation:notice-in .35s both;background:#efffce;color:#344c08}dialog[open]{animation:notice-in .25s both}details[open]>form{animation:notice-in .25s both}section{animation:notice-in .45s both}
@keyframes notice-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes cinema-logo{0%{opacity:0;transform:scale(.4) rotateY(-25deg);filter:blur(20px)}45%{opacity:1;transform:scale(1.05);filter:blur(0)}70%,100%{opacity:1;transform:scale(1)}}@keyframes energy{0%{transform:scale(.5);opacity:0}40%{opacity:.8}100%{transform:scale(1.5);opacity:0}}@keyframes light-sweep{to{transform:translateX(120%)}}@keyframes cinema-out{0%,83%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(max-width:700px){.hero-photo{display:block;min-height:300px;grid-row:2}.sales-hero#inicio{padding:10px 0 22px}.hero-copy h1{font-size:43px}.hero-actions{gap:12px}.hero-actions a{width:100%;justify-content:center}.sales-heading h2{font-size:32px}.actions button{min-width:155px}header .logout-button{font-size:14px}.hero-photo figcaption{font-size:16px}.sales-hero{gap:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}#intro{display:none}}