.qv-terms, .qv-terms * { box-sizing: border-box; } .qv-terms { --qv-green: #123f35; --qv-green-soft: #eaf3ef; --qv-gold: #c39b4a; --qv-gold-soft: #f8f1e3; --qv-text: #26332f; --qv-muted: #66736e; --qv-border: #dce6e1; --qv-white: #ffffff; color: var(--qv-text); font-family: inherit; font-size: 16px; line-height: 1.75; } .qv-terms a { color: var(--qv-green); font-weight: 700; text-decoration: underline; text-decoration-color: rgba(195, 155, 74, 0.7); text-underline-offset: 3px; } .qv-terms a:hover, .qv-terms a:focus { color: #8a682b; } .qv-terms__hero { position: relative; overflow: hidden; padding: 58px 34px; border-radius: 22px; background: linear-gradient(135deg, #0f352d 0%, #1c594a 100%); color: var(--qv-white); text-align: center; } .qv-terms__hero::after { position: absolute; right: -70px; bottom: -100px; width: 250px; height: 250px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 50%; content: ""; } .qv-terms__eyebrow { display: inline-block; margin-bottom: 12px; color: #efd89e; font-size: 13px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .qv-terms h1 { margin: 0 0 14px; color: var(--qv-white); font-size: clamp(34px, 5vw, 54px); line-height: 1.12; } .qv-terms__intro { max-width: 780px; margin: 0 auto; color: rgba(255, 255, 255, 0.9); font-size: 18px; } .qv-terms__updated { margin: 18px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 14px; } .qv-terms__highlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 24px 0 34px; } .qv-terms__highlight { padding: 24px; border: 1px solid var(--qv-border); border-top: 4px solid var(--qv-gold); border-radius: 16px; background: var(--qv-white); box-shadow: 0 8px 24px rgba(18, 63, 53, 0.06); } .qv-terms__highlight strong { display: block; margin-bottom: 7px; color: var(--qv-green); font-size: 18px; } .qv-terms__highlight p { margin: 0; color: var(--qv-muted); } .qv-terms__layout { display: grid; grid-template-columns: minmax(220px, 270px) minmax(0, 1fr); gap: 28px; align-items: start; } .qv-terms__nav { position: sticky; top: 24px; padding: 22px; border: 1px solid var(--qv-border); border-radius: 16px; background: var(--qv-white); box-shadow: 0 8px 24px rgba(18, 63, 53, 0.05); } .qv-terms__nav-title { display: block; margin-bottom: 12px; color: var(--qv-green); font-size: 17px; font-weight: 800; } .qv-terms__nav ol { margin: 0; padding-left: 22px; } .qv-terms__nav li { margin: 7px 0; color: var(--qv-muted); font-size: 14px; line-height: 1.45; } .qv-terms__nav a { font-weight: 600; text-decoration: none; } .qv-terms__content { min-width: 0; } .qv-terms__section { margin-bottom: 20px; padding: 30px; scroll-margin-top: 24px; border: 1px solid var(--qv-border); border-radius: 18px; background: var(--qv-white); box-shadow: 0 8px 24px rgba(18, 63, 53, 0.045); } .qv-terms__section h2 { margin: 0 0 16px; color: var(--qv-green); font-size: 25px; line-height: 1.3; } .qv-terms__section h3 { margin: 22px 0 8px; color: var(--qv-green); font-size: 18px; line-height: 1.4; } .qv-terms__section p { margin: 0 0 14px; } .qv-terms__section p:last-child, .qv-terms__section ul:last-child, .qv-terms__section ol:last-child { margin-bottom: 0; } .qv-terms__section ul, .qv-terms__section ol { margin: 10px 0 16px; padding-left: 24px; } .qv-terms__section li { margin: 7px 0; } .qv-terms__note { margin: 18px 0 0; padding: 18px 20px; border-left: 4px solid var(--qv-gold); border-radius: 10px; background: var(--qv-gold-soft); } .qv-terms__note strong { color: var(--qv-green); } .qv-terms__policy-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 18px; } .qv-terms__policy-link { display: block; padding: 17px 18px; border: 1px solid var(--qv-border); border-radius: 12px; background: var(--qv-green-soft); text-decoration: none !important; } .qv-terms__policy-link span { display: block; margin-top: 3px; color: var(--qv-muted); font-size: 14px; font-weight: 400; } .qv-terms__contact { padding: 28px; border-radius: 18px; background: var(--qv-green); color: var(--qv-white); } .qv-terms__contact h2, .qv-terms__contact a { color: var(--qv-white); } .qv-terms__contact p { margin-bottom: 8px; } @media (max-width: 850px) { .qv-terms__highlights, .qv-terms__layout { grid-template-columns: 1fr; } .qv-terms__nav { position: static; } .qv-terms__nav ol { columns: 2; column-gap: 30px; } } @media (max-width: 600px) { .qv-terms { font-size: 15px; line-height: 1.68; } .qv-terms__hero { padding: 40px 20px; border-radius: 16px; } .qv-terms__intro { font-size: 16px; } .qv-terms__highlights { gap: 12px; margin-bottom: 22px; } .qv-terms__highlight, .qv-terms__nav, .qv-terms__section, .qv-terms__contact { padding: 21px; border-radius: 14px; } .qv-terms__nav ol { columns: 1; } .qv-terms__section h2 { font-size: 22px; } .qv-terms__policy-links { grid-template-columns: 1fr; } } .qv-whatsapp-contact, .qv-whatsapp-contact * { box-sizing: border-box; } .qv-whatsapp-contact { margin-top: 18px; padding: 26px; border: 1px solid #dcc99d; border-radius: 16px; background: #f8f1e3; color: #26332f; text-align: center; font-family: inherit; } .qv-whatsapp-contact h2 { margin: 0 0 6px; color: #123f35; font-size: 23px; } .qv-whatsapp-contact p { margin: 0 0 18px; color: #66736e; } .qv-whatsapp-contact__buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; } .qv-whatsapp-contact__button { display: inline-flex; min-height: 48px; padding: 12px 20px; align-items: center; justify-content: center; border-radius: 10px; background: #176b52; color: #ffffff !important; font-weight: 700; line-height: 1.4; text-decoration: none !important; transition: background-color 0.2s ease; } .qv-whatsapp-contact__button:hover, .qv-whatsapp-contact__button:focus { background: #0f4939; color: #ffffff !important; } @media (max-width: 600px) { .qv-whatsapp-contact { padding: 21px; } .qv-whatsapp-contact__buttons { flex-direction: column; } .qv-whatsapp-contact__button { width: 100%; } }