/*
Theme Name: Loop SaaS
Theme URI: https://assineloop.online
Author: Loop / Grupo Fina Estampa
Description: Tema exclusivo para a plataforma Loop de uniformes por assinatura, compatível com WooCommerce e Elementor.
Version: 2.4.0
Requires at least: 6.4
Tested up to: 6.9
Requires PHP: 8.1
Text Domain: loop-saas
*/

/* Fallback crítico: mantém estrutura e legibilidade enquanto o CSS completo carrega. */
:root{--ink:#111927;--pink:#fa0a84;--line:#e0e5eb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;max-width:100%;overflow-x:hidden;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.62}a{color:inherit;text-decoration:none}img,svg{max-width:100%;height:auto}.loop-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.loop-header__inner{min-height:72px;display:flex;align-items:center;gap:24px}.loop-brand{margin-right:auto;display:flex;align-items:center}.loop-brand img{width:auto;height:44px}.loop-header nav,.loop-header__actions{display:flex;align-items:center;gap:14px}.loop-menu-toggle{display:none}.loop-hero{position:relative;min-height:760px;padding:96px 0 0;overflow:hidden}.loop-hero__inner{position:relative;min-height:580px}.loop-hero__copy{width:min(610px,53%)}.loop-hero__copy h1{font-size:clamp(40px,4.35vw,60px);line-height:1.04}.loop-story{position:absolute;top:0;right:0;width:54%;height:590px}.loop-story article{position:absolute;background:#fff}.loop-section{padding:78px 0}.loop-footer{padding:58px 0 20px}

@media(max-width:980px){.loop-header nav,.loop-header__actions{display:none}.loop-menu-toggle{display:grid}.loop-header.is-open nav{position:absolute;z-index:80;top:100%;left:0;right:0;padding:14px;display:flex;flex-direction:column;background:#fff}.loop-hero__copy{width:70%}}
@media(max-width:640px){.loop-shell{width:min(100% - 24px,1180px)}.loop-header__inner{min-height:62px}.loop-brand img{height:34px}.loop-hero{min-height:0;padding:58px 0 34px}.loop-hero__inner{min-height:0}.loop-hero__copy{width:100%}.loop-hero__copy h1{font-size:clamp(34px,10.5vw,44px)}.loop-story{position:relative;inset:auto;width:100%;height:auto;margin-top:30px;display:grid;gap:10px}.loop-story article{position:relative;inset:auto!important;width:100%!important}.loop-section{padding:58px 0}}