Aviso legal

.uscare-legal-page { width: 100%; background: #F7F4EF; padding: 42px 16px 36px; font-family: "Maven Pro", Arial, Helvetica, sans-serif; color: #151515; } .uscare-legal-container { width: 100%; max-width: 1120px; margin: 0 auto; } .uscare-legal-hero { background: #B23A48; border-radius: 24px; padding: 42px 28px; text-align: center; color: #ffffff; margin-bottom: 18px; box-shadow: 0 18px 42px rgba(178, 58, 72, 0.18); } .uscare-legal-eyebrow { display: inline-block; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 999px; padding: 8px 14px; margin-bottom: 14px; color: #ffffff; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.9px; } .uscare-legal-hero h1 { margin: 0 0 14px; color: #ffffff; font-size: 42px; line-height: 1.05; font-weight: 900; letter-spacing: -0.8px; } .uscare-legal-hero p { max-width: 760px; margin: 0 auto; color: rgba(255, 255, 255, 0.9); font-size: 16px; line-height: 1.65; font-weight: 600; } .uscare-legal-date { display: inline-block; margin-top: 20px; background: #FFFDF9; color: #B23A48; border-radius: 999px; padding: 10px 16px; font-size: 13px; font-weight: 900; } .uscare-legal-intro { background: #FFF3F5; border: 1px solid rgba(178, 58, 72, 0.22); border-radius: 18px; padding: 18px 20px; margin-bottom: 18px; color: #4D2C31; font-size: 15px; line-height: 1.6; text-align: center; } .uscare-legal-intro strong { color: #8A2E3A; font-weight: 900; } .uscare-legal-layout { display: grid; grid-template-columns: 310px 1fr; gap: 18px; align-items: start; } .uscare-legal-summary { position: sticky; top: 18px; background: #FFFDF9; border: 1px solid rgba(178, 58, 72, 0.16); border-radius: 22px; padding: 24px; box-shadow: 0 12px 30px rgba(21, 21, 21, 0.04); } .uscare-legal-summary h2 { margin: 0 0 10px; color: #B23A48; font-size: 24px; font-weight: 900; line-height: 1.15; } .uscare-legal-summary p { margin: 0; color: #4D2C31; font-size: 14px; line-height: 1.65; font-weight: 600; } .uscare-legal-summary-box { margin-top: 20px; background: #FFF8F8; border: 1px solid rgba(178, 58, 72, 0.14); border-radius: 16px; padding: 16px; } .uscare-legal-summary-box strong { display: block; color: #151515; font-size: 14px; font-weight: 900; margin-bottom: 6px; } .uscare-legal-summary-box span { display: block; color: #B23A48; font-size: 13px; font-weight: 900; word-break: break-word; } .uscare-legal-content { display: grid; gap: 14px; } .uscare-legal-card { background: #FFFDF9; border: 1px solid rgba(178, 58, 72, 0.16); border-radius: 20px; padding: 24px; box-shadow: 0 12px 30px rgba(21, 21, 21, 0.04); } .uscare-legal-card > span { display: inline-flex; width: 34px; height: 34px; border-radius: 999px; background: #B23A48; color: #ffffff; align-items: center; justify-content: center; font-size: 12px; font-weight: 900; margin-bottom: 12px; } .uscare-legal-card h2 { margin: 0 0 12px; color: #B23A48; font-size: 24px; line-height: 1.18; font-weight: 900; letter-spacing: -0.3px; } .uscare-legal-card p { margin: 0 0 12px; color: #4D2C31; font-size: 15px; line-height: 1.7; font-weight: 600; } .uscare-legal-card p:last-child { margin-bottom: 0; } .uscare-legal-card ul { margin: 12px 0 16px; padding: 0; list-style: none; display: grid; gap: 8px; } .uscare-legal-card li { position: relative; padding-left: 22px; color: #151515; font-size: 14.5px; line-height: 1.55; font-weight: 700; } .uscare-legal-card li::before { content: ""; position: absolute; left: 0; top: 9px; width: 8px; height: 8px; background: #B23A48; border-radius: 999px; } .uscare-highlight-box { background: #FFF3F5; border: 1px solid rgba(178, 58, 72, 0.22); border-radius: 16px; padding: 18px; margin: 18px 0; } .uscare-highlight-box strong { display: block; color: #8A2E3A; font-size: 15px; font-weight: 900; margin-bottom: 8px; } .uscare-highlight-box p { margin: 0; color: #4D2C31; font-size: 14px; line-height: 1.6; font-weight: 600; } .uscare-contact-card { background: #FFF8F8; } .uscare-contact-box { background: #B23A48; color: #ffffff; border-radius: 18px; padding: 20px; margin-top: 16px; } .uscare-contact-box strong { display: block; color: #ffffff; font-size: 16px; font-weight: 900; margin-bottom: 8px; } .uscare-contact-box a { display: inline-block; color: #ffffff; font-size: 15px; font-weight: 900; text-decoration: underline; margin-bottom: 10px; word-break: break-word; } .uscare-contact-box p { margin: 0 0 6px; color: rgba(255, 255, 255, 0.9); font-size: 13.5px; line-height: 1.6; font-weight: 700; } .uscare-contact-box p:last-child { margin-bottom: 0; } .uscare-legal-footer { margin-top: 18px; background: #B23A48; color: rgba(255, 255, 255, 0.9); border-radius: 18px; padding: 18px; text-align: center; font-size: 12px; font-weight: 700; } @media (max-width: 900px) { .uscare-legal-layout { grid-template-columns: 1fr; } .uscare-legal-summary { position: relative; top: auto; } } @media (max-width: 520px) { .uscare-legal-page { padding: 24px 12px 28px; } .uscare-legal-hero { padding: 34px 20px; border-radius: 20px; } .uscare-legal-hero h1 { font-size: 34px; } .uscare-legal-hero p { font-size: 14.5px; } .uscare-legal-date { font-size: 12px; padding: 9px 13px; } .uscare-legal-summary, .uscare-legal-card { padding: 20px; border-radius: 18px; } .uscare-legal-card h2 { font-size: 21px; } .uscare-legal-card p, .uscare-legal-card li { font-size: 14px; } }