/* ============================================================ Costaluz — MODO ESCRITORIO (overrides) Archivo real: /assets/styles.desktop.css ✅ FIX: Ancho “global” flexible (90vw) ✅ FIX: NO encajonar forms globalmente ✅ FIX: Configuración (admin-config / admin-config-email / admin-config-lista-precios) ============================================================ */ /* ------------------------------------------------------------ 1) Layout más ancho (GLOBAL escritorio) ------------------------------------------------------------ */ body.view-desktop main, body.dev-desktop main{ width: 90vw !important; max-width: 1800px !important; /* ajusta si quieres más: 2000px */ margin: 0 auto !important; padding: 18px 18px !important; box-sizing: border-box; } /* Si hay .wrap en páginas antiguas */ body.view-desktop .wrap, body.dev-desktop .wrap{ width: 90vw !important; max-width: 1800px !important; margin: 0 auto !important; box-sizing: border-box; } /* Grid menu: permite más tarjetas en horizontal */ body.view-desktop .grid-menu, body.dev-desktop .grid-menu{ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; } /* ------------------------------------------------------------ 2) ✅ MUY IMPORTANTE: NO LIMITAR TODOS LOS FORMULARIOS ------------------------------------------------------------ Antes tenías: body.view-desktop form{ max-width:560px; } Eso encajona pantallas enteras (como tu lista de precios). Si necesitas un formulario estrecho en alguna página, usa class="form-narrow" en ese form y lo limitas SOLO ahí. ------------------------------------------------------------ */ body.view-desktop form.form-narrow, body.dev-desktop form.form-narrow{ max-width: 560px; } /* Footer ancho acorde */ body.view-desktop .site-footer__wrap, body.dev-desktop .site-footer__wrap{ width: 90vw !important; max-width: 1800px !important; margin: 0 auto !important; box-sizing: border-box; } /* ------------------------------------------------------------ Botones/estilos existentes ------------------------------------------------------------ */ .btn-abonar{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 12px; border-radius:12px; border:1px solid rgba(16,185,129,.35); background: rgba(16,185,129,.12); color:#064e3b; font-weight:950; text-decoration:none; } .btn-abonar:hover{ filter:brightness(0.98); } .pill-ok{ display:inline-flex; align-items:center; padding:10px 12px; border-radius:999px; border:1px solid rgba(34,197,94,.35); background: rgba(34,197,94,.10); font-weight:950; color:#065f46; } /* ============================================================ 3) FIX Configuración: evita el "encajonado" en escritorio Aplica SOLO a páginas que marcan MAIN_CLASS en el : - admin-config - admin-config-email - admin-config-lista-precios ============================================================ */ body.view-desktop.admin-config main, body.dev-desktop.admin-config main, body.view-desktop.admin-config-email main, body.dev-desktop.admin-config-email main, body.view-desktop.admin-config-lista-precios main, body.dev-desktop.admin-config-lista-precios main{ width: 90vw !important; max-width: 1800px !important; margin: 0 auto !important; padding: 18px 18px !important; box-sizing: border-box; } /* Si algún script usa .wrap, también */ body.view-desktop.admin-config .wrap, body.dev-desktop.admin-config .wrap, body.view-desktop.admin-config-email .wrap, body.dev-desktop.admin-config-email .wrap, body.view-desktop.admin-config-lista-precios .wrap, body.dev-desktop.admin-config-lista-precios .wrap{ width: 90vw !important; max-width: 1800px !important; margin: 0 auto !important; box-sizing: border-box; }