:root {--color-bg: white;--color-primary: #2965d4;--color-primary-dark: #15218d;--color-accent: #06067e;--color-text: #1e2647;--color-neutral: #999;--color-white: #fff;--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: 2.0rem;--font-3xl: 2rem;--font-4xl: 2.5rem;--font-5xl: 3rem;--font-6xl: 4rem;--font-7xl: 5rem;--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;--space-10: 56px;--space-11: 64px;--space-12: 80px;--radius-full: 999px;--radius-lg: 38px;--radius-md: 16px;--radius-sm: 8px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 10px rgba(0, 0, 0, 0.1);--shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.15);}* {margin: 0;padding: 0;box-sizing: border-box;}body {background: var(--color-bg);min-height: 100vh;font-family: var(--font-family);overflow-x: hidden;}.inner-gradient {position: fixed;top: var(--space-4);left: var(--space-4);right: var(--space-4);bottom: 0;padding: clamp(40px, 8vh, 100px) var(--space-6);border-radius: var(--radius-lg) var(--radius-lg) 0 0;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;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: clamp(var(--space-7), 6vh, var(--space-9));overflow: hidden;}@keyframes gradientPulse {0%, 100% {background-position: 50% 50%;}50% {background-position: 100% 100%;}}.inner-gradient::before {content: "";position: absolute;inset: 0;background-image: url("../image/Paterni.png");background-size: 1500px;background-repeat: repeat;opacity: 0.05;z-index: 0;}.inner-gradient > * {position: relative;z-index: 1;}header#uphome {position: absolute;top: var(--space-6);left: 50%;top: 40px;transform: translateX(-50%);display: flex;justify-content: space-between;align-items: center;background: var(--color-white);border-radius: var(--radius-full);width: clamp(320px, 70vw, 1080px);height: clamp(56px, 5vh, 72px);padding: 0 var(--space-6);color: var(--color-text);box-shadow: var(--shadow-md);z-index: 10;}#logo-h img {width: clamp(40px, 5vw, 64px);height: clamp(40px, 5vw, 64px);-o-object-fit: contain;object-fit: contain;}header#uphome nav ul {display: flex;gap: clamp(var(--space-4), 3vw, var(--space-9));list-style: none;}header#uphome nav ul li a {color: var(--color-text);font-weight: 600;font-size: clamp(var(--font-md), 1.1vw, var(--font-xl));text-decoration: none;transition: color 0.3s;}header#uphome nav ul li a:hover {text-decoration: underline;}.icon-h svg {width: clamp(24px, 2vw, 32px);height: clamp(24px, 2vw, 32px);fill: var(--color-text);}#main-fg {flex: unset;padding: clamp(var(--space-8), 6vh, var(--space-11)) 0;width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;gap: clamp(var(--space-7), 6vh, var(--space-9));min-height: 100%;}#main-fr h1 {font-size: clamp(var(--font-4xl), 6vw, var(--font-7xl));font-weight: 700;line-height: 1.1;color: var(--color-white);}#main-fr h2 {font-size: clamp(var(--font-lg), 2.5vw, var(--font-2xl));font-weight: 400;max-width: 900px;color: var(--color-white);margin-bottom: clamp(var(--space-6), 4vh, var(--space-9));padding-top: clamp(var(--space-5), 2vh, var(--space-7));}#main-fr h2 span {font-weight: 700;}.fabase-grad {position: relative;width: 100%;height: clamp(56px, 6vh, 72px);}form.base-grad {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;background: var(--color-white);border-radius: var(--radius-full);overflow: hidden;width: 60px;height: clamp(56px, 6vh, 72px);box-shadow: var(--shadow-lg);transition: width 0.6s ease;}form.base-grad.expanded {width: clamp(500px, 80vw, 974px);justify-content: space-between;padding-left: var(--space-6);padding-right: 60px;}form.base-grad input[type=search] {flex: 1;border: none;outline: none;background: transparent;font-family: var(--font-family);font-weight: 500;font-size: clamp(var(--font-md), 1.5vw, var(--font-lg));color: #333;opacity: 0;width: 0;transition: opacity 0.4s ease 0.4s, width 0.4s ease 0.4s;}form.base-grad.expanded input[type=search] {opacity: 1;width: 100%;}form.base-grad input::-moz-placeholder {color: var(--color-neutral);}form.base-grad input::placeholder {color: var(--color-neutral);}input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {display: none;}form.base-grad button {background: none;border: none;display: flex;align-items: center;justify-content: center;width: clamp(48px, 5vh, 54px);height: clamp(48px, 5vh, 54px);cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);transition: right 0.6s ease, left 0.6s ease;}form.base-grad:not(.expanded) button {left: 50%;transform: translate(-50%, -50%);}form.base-grad.expanded button {left: auto;right: var(--space-3);transform: translateY(-50%);}form.base-grad button svg {width: 24px;height: 24px;fill: var(--color-text);transition: fill 0.3s;}form.base-grad button:hover svg {fill: var(--color-primary);}.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;}.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;}.icon-h 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;}.search-spinner {position: fixed;top: 50%;left: 50%;width: 48px;height: 48px;border: 4px solid #fff;border-top: 4px solid var(--color-primary);border-radius: 50%;transform: translate(-50%, -50%);animation: spin 1s linear infinite;opacity: 0;pointer-events: none;transition: opacity 0.3s;z-index: 9999;}.search-spinner.active {opacity: 1;}.base-grad.searching {transform: translate(-50%, -200%);transition: transform 0.8s ease-in-out;}#main-fg.fade-out {opacity: 0;transform: translateY(-50px);transition: opacity 0.8s ease, transform 0.8s ease;}body.fade-to-produtos {animation: fadeToProdutos 0.8s forwards;}@keyframes fadeToProdutos {from {opacity: 1;}to {opacity: 0;}}