:root {--color-bg: #fff;--color-primary: #2965d4;--color-primary-dark: #15218d;--color-accent: #06067e;--color-text: #1e2647;--color-neutral: #999;--radius-lg: 38px;--radius-md: 16px;--radius-sm: 8px;--radius-full: 999px;--font-family: "Inter", "Segoe UI", Arial, sans-serif;--font-xs: 0.75rem;--font-sm: 0.875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 2rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--shadow-md: 0 4px 10px rgba(0,0,0,0.08);}*, *::before, *::after {box-sizing: border-box;}body {font-family: var(--font-family);color: var(--color-text);background: var(--color-bg);margin: 0;padding: 0;}main {padding-top: 150px }header.gradient-bg {position: absolute;top: var(--space-4);left: var(--space-4);right: var(--space-4);height: clamp(100px, 70vh, 130px);padding: 0 var(--space-6);background: linear-gradient(270deg, var(--color-primary), var(--color-primary-dark), var(--color-accent));background-size: 400% 400%;animation: gradientPulse 8s infinite;border-radius: var(--radius-lg);box-shadow: var(--shadow-md);display: flex;align-items: center;justify-content: space-between;z-index: 10;}header.gradient-bg::before {content: "";position: absolute;inset: 0;background-image: url("../image/Paterni.png");background-size: 800px;background-repeat: repeat;opacity: 0.05;border-radius: var(--radius-full);z-index: 0;}header.gradient-bg>* {position: relative;z-index: 1;}@keyframes gradientPulse {0%,100% {background-position: 50% 50%;}50% {background-position: 100% 100%;}}.menu-wrapper {display: flex;align-items: center;justify-content: space-between;background-color: #fff;border-radius: 999px;width: clamp(320px, 70vw, 1080px);height: clamp(56px, 5vh, 72px);margin: 0 auto;padding: 0 24px;}.menu-wrapper .logo img {width: clamp(40px, 5vw, 64px);object-fit: contain;}.navbar ul {display: flex;gap: var(--space-9);list-style: none;}.navbar ul li a {font-weight: 600;font-size: clamp(var(--font-md), 1.1vw, var(--font-xl));color: var(--color-text);text-decoration: none;}.navbar ul li a:hover, .navbar ul li a:focus {text-decoration: underline;outline: none;}#cart-icon img {width: 32px !important;height: 32px !important;min-width: 32px;min-height: 32px;max-width: 32px;max-height: 32px;display: inline-block;vertical-align: middle;fill: var(--color-text);transition: fill 0.3s;pointer-events: none;}.btn-voltar {display: flex;align-items: center;justify-content: center;border-radius: var(--radius-full);color: white;cursor: pointer;}footer.gradient-bg {position: relative;padding: var(--space-8) var(--space-6);background: linear-gradient(270deg, var(--color-primary), var(--color-primary-dark), var(--color-accent));background-size: 400% 400%;animation: gradientPulse 8s ease-in-out infinite;color: var(--color-white);z-index: 0;}footer.gradient-bg::before {content: "";position: absolute;inset: 0;background-image: url("../image/Paterni.png");background-size: 800px;background-repeat: repeat;opacity: 0.05;border-radius: var(--radius-lg);z-index: -1;}.footer-container {display: grid;grid-template-columns: 1.2fr 1fr 1fr 1fr;gap: var(--space-10);margin: 0 auto;padding: 0 var(--space-6);}.footer-column {flex: 1 1 220px;}.footer-column h4 {font-size: var(--font-lg);margin-bottom: var(--space-3);}.footer-column p, .footer-column a {font-size: var(--font-sm);color: var(--color-white);line-height: 1.6;text-decoration: none;margin-bottom: var(--space-4);display: block;}.footer-column ul {list-style: none;padding: 0;}.footer-bottom, .footerbottom {width: 100%;text-align: center;margin-top: var(--space-8);font-size: var(--font-xs);color: var(--color-white);background: none;padding: 14px 0 0 0;}.logo-footer, #img-footer img {width: 120px !important;height: auto !important;max-height: 40px;object-fit: contain;display: block;margin: 0 auto 12px auto;filter: drop-shadow(0 2px 4px rgba(0,0,0,0.12));}.search-wrapper {margin: 30px auto;margin-left: 60px;margin-right: 30px;padding: 0 var(--space-6);display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: var(--space-4);}.search-bar {display: flex;align-items: center;gap: var(--space-3);width: 100%;max-width: 800px;background: var(--color-white);border: 2px solid var(--color-primary);border-radius: var(--radius-full);padding: 0 var(--space-4);box-shadow: var(--shadow-sm);height: clamp(50px, 6vh, 68px);}.search-bar svg {height: 24px;}.search-bar .mic-icon {cursor: pointer;color: var(--color-primary-dark);}.search-bar input {flex: 1;font-size: var(--font-md);font-family: var(--font-family);color: var(--color-text);background: transparent;border: none;outline: none;}.header-icons a {display: flex;align-items: center;justify-content: center;z-index: 0;margin: 0 0 0 5px;transition: opacity 0.15s;}.header-icons a .user-icon svg {min-width: 100px;background: #15218d;border-radius: 50%;padding: 3px;}.user-btn {display: flex;align-items: center;gap: 10px;background: transparent;border: 2px solid #fff;border-radius: 999px;color: #fff;font-size: 1.07rem;font-weight: 500;padding: 5px 24px 5px 12px;text-decoration: none;box-shadow: 0 2px 14px rgba(41, 101, 212, 0.04);transition: background 0.18s, color 0.18s, border-color 0.18s;min-height: 40px;}.user-btn:hover, .user-btn:focus {background: #fff;color: #15218d;border-color: #2965d4;}.user-btn-icon {display: flex;align-items: center;justify-content: center;min-width: 28px;min-height: 28px;}.user-btn-icon svg {width: 28px;height: 28px;display: block;fill: #fff;transition: fill 0.18s;pointer-events: none;}.user-btn:hover .user-btn-icon svg, .user-btn:focus .user-btn-icon svg {fill: #15218d;}.user-btn-text {margin-left: 5px;font-size: 1.07rem;white-space: nowrap;}.user-btn-text strong {font-weight: 700;}.search-bar input:focus {outline: none;box-shadow: inset 0 0 0 2px rgba(41, 101, 212, 0.2);border-radius: var(--radius-full);}.search-bar input::-webkit-search-cancel-button {-webkit-appearance: none;appearance: none;display: none;}.social-icons {display: flex;gap: 15px;align-items: center;padding: 2px;}.social-icons a img {width: 32px;height: 32px;transition: transform 0.2s ease, opacity 0.2s ease;}.social-icons a img:hover {transform: scale(1.1);opacity: 0.9;}#aviso-em-breve {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0.95);background: rgba(255, 255, 255, 0.95);color: #000;padding: 20px 30px;border-radius: 12px;box-shadow: 0 8px 20px rgba(0,0,0,0.2);font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-size: 18px;font-weight: 500;opacity: 0;pointer-events: none;transition: all 0.3s ease;z-index: 9999;}#aviso-em-breve.mostrar {opacity: 1;transform: translate(-50%, -50%) scale(1);pointer-events: auto;}