:root{--color-bg:#f7f3ea;--color-surface:#fff;--color-surface-alt:#fbf6ea;--color-surface-muted:#f0ece0;--color-nav-bg:#eef0e2;--color-border:#e3dcc9;--color-border-alt:#d9d0bb;--color-text:#3f3a32;--color-text-muted:#6b6459;--color-primary:#4a6b5a;--color-primary-hover:#5c8a70;--color-success:#5b8266;--color-accent:#c9a24b;--color-accent-pink:#c2185b;--color-info:#4a7a8c;--color-danger:#de2910;--color-warning:sienna;--color-danger-bg:#fbeaea;--color-text-on-dark:#faf8f2;--color-body-overlay:#f7f3ead9;--color-shadow-glow:#ffffffd9;--color-shadow-glow-soft:#ffffffb3}:root[data-theme=dark]{--color-bg:#1a1816;--color-surface:#2a2724;--color-surface-alt:#262320;--color-surface-muted:#322e2a;--color-nav-bg:#201e1b;--color-border:#4a453e;--color-border-alt:#55504a;--color-text:#f0ece4;--color-text-muted:#b0a99e;--color-primary:#6fa389;--color-primary-hover:#7fb89b;--color-success:#7aa688;--color-accent:#d9b768;--color-accent-pink:#e05c8a;--color-info:#6ea3b8;--color-danger:#ff6b52;--color-warning:#c98a5c;--color-danger-bg:#3a1f1a;--color-text-on-dark:#faf8f2;--color-body-overlay:#1a1816f0;--color-shadow-glow:#0000;--color-shadow-glow-soft:#0000}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);background-image:linear-gradient(var(--color-body-overlay), var(--color-body-overlay)), url(https://images.pexels.com/photos/3268732/pexels-photo-3268732.jpeg?cs=srgb&dl=pexels-david-geib-1265112-3268732.jpg&fm=jpg), url(https://images.pexels.com/photos/7447136/pexels-photo-7447136.jpeg?cs=srgb&dl=pexels-gustavo-fring-7447136.jpg&fm=jpg);color:var(--color-text);min-height:100vh;text-shadow:0 1px 3px var(--color-shadow-glow), 0 0 10px var(--color-shadow-glow-soft);background-position:top,0 0,100% 0;background-repeat:no-repeat,no-repeat,no-repeat;background-size:cover,50% 100%,50% 100%;background-attachment:fixed,fixed,fixed;font-family:Segoe UI,Arial,sans-serif;transition:background-color .2s,color .2s}:root[data-theme=dark] body{background-image:linear-gradient(var(--color-body-overlay), var(--color-body-overlay))}input,select,textarea{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}@media (width<=768px){body{background-size:cover,50% 45vh,50% 45vh;background-attachment:scroll,scroll,scroll}}@media (width>=769px) and (width<=1024px){body{zoom:1.15}}@media (width>=1025px){body{zoom:1.1}}nav{background-color:var(--color-nav-bg);align-items:center;display:flex;position:relative;border-bottom:3px solid var(--color-primary)!important;gap:25px!important;padding:12px 30px!important}.barra-nombre-negocio{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);text-align:center;padding:12px 20px 8px}.nombre-negocio{white-space:nowrap;display:inline-block}nav a{color:var(--color-text);letter-spacing:1px;text-transform:uppercase;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}nav a:hover{color:var(--color-accent-pink)}.boton-atras{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background-color .25s,color .25s,box-shadow .25s;display:flex;box-shadow:0 2px 5px #3f3a321a}.boton-atras:hover{background-color:var(--color-primary);color:var(--color-text-on-dark);transform:translate(-3px)scale(1.08);box-shadow:0 4px 10px #3f3a322e}h2{color:var(--color-accent-pink);text-align:center;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 3px #fffffff2,0 0 14px #ffffffd9;font-size:28px;margin:30px 0!important}.grid-servicios{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;max-width:1000px;margin:0 auto;padding:0 20px 40px;display:grid}@keyframes apareceServicio{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.card-servicio{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:10px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .3s;animation:.5s both apareceServicio;overflow:hidden;box-shadow:0 2px 6px #3f3a320f}.card-servicio:hover{border-color:var(--color-primary);transform:translateY(-8px)scale(1.03);box-shadow:0 14px 28px #3f3a322e}.card-servicio img{object-fit:contain;background-color:var(--color-bg);width:100%;height:180px;transition:transform .4s}.card-servicio:hover img{transform:scale(1.08)}.card-servicio-body{padding:15px}.card-servicio-body h3{color:var(--color-text);margin-bottom:8px;font-size:18px}.card-servicio-body p{color:var(--color-text-muted);margin-bottom:10px;font-size:14px}.card-servicio-precio{color:var(--color-accent-pink);font-size:16px;font-weight:700}.login-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;max-width:320px;margin:80px auto;padding:30px}.login-container input{background-color:var(--color-surface);border:1px solid var(--color-border-alt);color:var(--color-text);border-radius:5px}.login-container input::placeholder{color:var(--color-text-muted)}.login-container button{background-color:var(--color-primary);color:var(--color-text-on-dark);cursor:pointer;border:none;border-radius:5px;font-weight:700;transition:background-color .2s}.login-container button:hover{background-color:var(--color-primary-hover)}