/* US Aluminum Care Guide — isolated styles: intentionally do not alter Astra/Elementor global styles. */
.usc-care {
  --usc-navy:#002943; --usc-blue:#0058c9; --usc-text:#152c40; --usc-muted:#617184;
  --usc-line:#dce4ea; --usc-mist:#f7f8f9; --usc-white:#fff;
  position:relative; width:100vw; max-width:none; left:50%; transform:translateX(-50%);
  margin:0; padding:0; box-sizing:border-box; font-family:"Stolzl",Montserrat,Arial,sans-serif;
  color:var(--usc-text); font-size:15px; line-height:1.6; background:var(--usc-white);
  -webkit-font-smoothing:antialiased;
}
.usc-care, .usc-care * { box-sizing:border-box; }
.usc-care .usc-inner { width:min(1180px, calc(100% - 3rem)); margin:0 auto; }
.usc-care h1,.usc-care h2,.usc-care h3,.usc-care p { font-family:"Stolzl",Montserrat,Arial,sans-serif; letter-spacing:normal; }
.usc-care .usc-icon { display:inline-block; flex-shrink:0; width:24px; height:24px; vertical-align:middle; }
.usc-care .usc-btn { display:inline-flex; align-items:center; justify-content:center; gap:.7rem; min-height:51px; padding:0 1.4rem; border:0; border-radius:5px; color:white; background:var(--usc-blue); font-family:inherit; font-size:13px; font-weight:700; line-height:1.35; text-decoration:none; transition:background .2s, transform .2s; }
.usc-care .usc-btn:hover,.usc-care .usc-btn:focus-visible { color:white; background:#1269da; transform:translateY(-2px); text-decoration:none; }
.usc-care .usc-btn .usc-icon { width:17px; height:17px; }
.usc-care .usc-kicker { display:block; margin:0 0 .55rem; color:var(--usc-blue); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:0; }
.usc-care .usc-eyebrow { display:inline-flex; align-items:center; gap:.65rem; color:#bacad5; font-size:11px; font-weight:750; text-transform:uppercase; }
.usc-care .usc-eyebrow:before { content:""; width:33px; height:2px; background:var(--usc-blue); }
/* 01 — visual and copy faithfully adapted from the Lovable hero, without its duplicate navigation. */
.usc-hero-shell { position:relative; min-height:630px; color:#fff; background:var(--usc-navy); overflow:hidden; }
/* The media control already sets --usc-hero-bg-image; paint it underneath all hero content. */
.usc-hero-shell.usc-has-bg::before {
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:linear-gradient(90deg,rgba(0,32,52,var(--usc-overlay-opacity,75%)),rgba(0,32,52,var(--usc-overlay-opacity,75%))),var(--usc-hero-bg-image);
  background-position:center center,var(--usc-bg-position,center center);
  background-size:cover; background-repeat:no-repeat;
}

.usc-hero-content { position:relative; z-index:1; display:grid; grid-template-columns:1.04fr .96fr; align-items:center; gap:5rem; min-height:630px; padding:4.2rem 0; }
/* Layout de uma só coluna, controlado pelo seletor nativo do widget. */
.usc-hero-no-detail .usc-hero-content { grid-template-columns:minmax(0,1fr); }
.usc-hero-no-detail .usc-hero-copy { width:100%; max-width:810px; }

.usc-care .usc-hero-copy h1 { max-width:720px; margin:1rem 0 1.3rem; color:#fff; font-size:clamp(2.7rem, 5vw, 5.2rem); font-weight:100; line-height:.99; text-transform:uppercase; overflow-wrap:normal; }
.usc-care .usc-hero-copy p { max-width:620px; margin:0 0 1.8rem; color:#c2d1da; font-size:17px; line-height:1.8; font-weight:400; }
.usc-hero-detail { position:relative; justify-self:end; width:100%; min-width:0; }
.usc-detail-frame { position:relative; aspect-ratio:4 / 5; overflow:hidden; border:1px solid #34556b; background:#19425e; box-shadow:26px 26px 0 #073860; }
.usc-care .usc-detail-frame > img.usc-detail-photo { display:block; position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center center; }
.usc-detail-has-image:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(8,39,58,.08),rgba(8,39,58,.18)); pointer-events:none; }
.usc-detail-sky { position:absolute; inset:0 0 42%; display:flex; justify-content:flex-end; align-items:flex-start; padding:2rem; background:linear-gradient(155deg,#0a558f,#0d3048); }
.usc-detail-sky .usc-icon { width:40px; height:40px; color:#c4dae9; opacity:.8; }
.usc-detail-beam { position:absolute; z-index:2; top:-10%; bottom:-10%; width:9px; background:#b3c4d0; box-shadow:inset 1px 0 #fff,8px 4px 18px #10293c; transform:rotate(28deg); }
.usc-beam-one { left:28%; }.usc-beam-two { right:28%; }
.usc-detail-floor { position:absolute; inset:58% 0 0; background:repeating-linear-gradient(95deg,#546e82 0 1px,#b4c4d0 1px 18px); clip-path:polygon(0 22%,100% 0,100% 100%,0 100%); }
.usc-detail-caption { display:flex; justify-content:space-between; gap:1rem; margin:1.35rem 0 0; color:#bbceda; font-size:10px; line-height:1.3; text-transform:uppercase; }
/* 02 — Why maintenance matters. */
.usc-matter-band { border-bottom:1px solid var(--usc-line); background:#fafafa; }
.usc-matter-layout { display:grid; grid-template-columns:auto .8fr 1.2fr; align-items:center; gap:2rem; padding:2.5rem 0; }
.usc-matter-icon { display:grid; width:54px; height:54px; place-items:center; border-radius:50%; color:var(--usc-blue); background:#fff; box-shadow:0 12px 35px #0a2e4511; }
.usc-matter-icon .usc-icon { width:24px; height:24px; }
.usc-care .usc-matter-layout h2 { margin:0; font-size:23px; color:var(--usc-navy); font-weight:100; line-height:1.2; text-transform:uppercase; }
.usc-care .usc-matter-layout p { margin:0; color:var(--usc-muted); font-size:14px; line-height:1.7; }
/* 03 — Schedule */
.usc-content-section { padding:7.5rem 0; }
.usc-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:3rem; margin:0 0 3rem; }
.usc-care .usc-section-heading h2 { margin:0; color:var(--usc-navy); font-size:clamp(2rem,3.6vw,3.35rem); font-weight:100; line-height:1.12; text-transform:uppercase; }
.usc-care .usc-section-heading>p { max-width:390px; margin:0; color:var(--usc-muted); font-size:14px; line-height:1.7; }
.usc-schedule-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.usc-schedule-card { min-height:400px; padding:1.65rem; border:1px solid var(--usc-line); border-radius:7px; background:#fff; box-shadow:0 5px 20px #012d4710; transition:transform .2s,box-shadow .2s,border-color .2s; }
.usc-schedule-card:hover { transform:translateY(-5px); border-color:#9bbce4; box-shadow:0 18px 35px #012d471a; }
.usc-card-topline { display:flex; justify-content:space-between; align-items:center; color:#aebbc6; font-size:11px; font-weight:800; }
.usc-card-topline .usc-icon { color:var(--usc-blue); width:25px; height:25px; }
.usc-care .usc-schedule-card h3 { min-height:3.4rem; margin:2.4rem 0 .7rem; color:var(--usc-navy); font-size:20px; font-weight:700; line-height:1.3; }
.usc-care .usc-schedule-card>p { min-height:4.7rem; margin:0; color:var(--usc-muted); font-size:13px; line-height:1.65; }
.usc-care .usc-schedule-card ul { display:grid; gap:.8rem; margin:1.4rem 0 0; padding:1.35rem 0 0; border-top:1px solid var(--usc-line); list-style:none; }
.usc-care .usc-schedule-card li { display:flex; align-items:flex-start; gap:.55rem; padding:0; margin:0; color:var(--usc-text); font-size:12px; line-height:1.45; }
.usc-care .usc-schedule-card li:before { display:none; }
.usc-schedule-card li .usc-icon { width:15px; height:15px; margin-top:2px; color:var(--usc-blue); }
/* 04 — Product tabbed care: data and tabs live inside native Elementor fields. */
.usc-product-section { padding:7.5rem 0; background:var(--usc-mist); border-top:1px solid var(--usc-line); border-bottom:1px solid var(--usc-line); }
.usc-tabs { width:100%; }
.usc-tablist { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem; padding:.45rem; border:1px solid var(--usc-line); border-radius:7px; background:#fff; }
.usc-care .usc-tab { display:flex; align-items:center; justify-content:center; gap:.65rem; min-height:62px; margin:0; padding:10px; border:0; border-radius:5px; background:transparent; color:#536778; font-family:inherit; font-size:12px; font-weight:700; cursor:pointer; box-shadow:none; transition:background .2s,color .2s; }
.usc-care .usc-tab:hover { background:#e9f1fa; color:var(--usc-navy); }
.usc-care .usc-tab[aria-selected="true"] { background:var(--usc-navy); color:#fff; }
.usc-care .usc-tab:focus-visible { outline:3px solid var(--usc-blue); outline-offset:2px; }
.usc-tab .usc-icon { width:18px; height:18px; }
.usc-tabpanel { margin-top:1rem; }
.usc-tabpanel[hidden] { display:none!important; }
.usc-care-panel { display:grid; min-height:355px; grid-template-columns:.85fr 1.15fr; overflow:hidden; border:1px solid var(--usc-line); border-radius:7px; background:#fff; box-shadow:0 18px 40px #012d4710; }
.usc-care-summary { padding:3.25rem; border-right:1px solid var(--usc-line); background:#fafafa; }
.usc-care-icon { display:grid; width:52px; height:52px; margin:0 0 2rem; place-items:center; border-radius:50%; color:var(--usc-blue); background:#fff; box-shadow:0 15px 30px #012d4710; }
.usc-care .usc-care-summary h3 { margin:.7rem 0 1rem; color:var(--usc-navy); font-size:28px; font-weight:700; line-height:1.2; }
.usc-care .usc-care-summary p { margin:0; color:var(--usc-muted); font-size:14px; line-height:1.75; }
.usc-care .usc-care-list { display:grid; align-content:center; gap:0; margin:0; padding:2rem 3.25rem; list-style:none; }
.usc-care .usc-care-list li { display:grid; grid-template-columns:38px 1fr; align-items:center; gap:1rem; padding:1.25rem 0; margin:0; border-bottom:1px solid var(--usc-line); }
.usc-care .usc-care-list li:before { display:none; }
.usc-care .usc-care-list li:last-child { border:0; }
.usc-care .usc-care-list li>span { display:grid; width:34px; height:34px; place-items:center; border:1px solid #9fc0e5; border-radius:50%; color:var(--usc-blue); font-size:11px; font-weight:800; }
.usc-care .usc-care-list li p { margin:0; color:var(--usc-text); font-size:14px; line-height:1.65; }
/* 05 — Support checklist. Footer/CTA intentionally supplied by WP theme below. */
.usc-service-section { padding:6rem 0; }
.usc-service-card { display:grid; grid-template-columns:1fr 1fr; gap:5rem; padding:4rem; border-radius:7px; color:#fff; background:var(--usc-navy); box-shadow:0 18px 50px #012d471a; }
.usc-service-symbol { display:grid; width:48px; height:48px; margin:0 0 2rem; place-items:center; border:1px solid #355568; border-radius:50%; color:#fff; }
.usc-care .usc-service-copy h2 { margin:.75rem 0 1rem; color:#fff; font-size:clamp(2rem,3vw,3rem); font-weight:100; line-height:1.08; text-transform:uppercase; }
.usc-care .usc-service-copy>p { margin:0 0 2rem; color:#c4d2db; font-size:14px; line-height:1.7; }
.usc-service-list { display:grid; align-content:center; gap:0; margin:0; padding:0; list-style:none; }
.usc-care .usc-service-list li { display:grid; grid-template-columns:44px 1fr; align-items:center; gap:1rem; padding:1.35rem 0; margin:0; border-bottom:1px solid #355468; }
.usc-care .usc-service-list li:before { display:none; }
.usc-care .usc-service-list li:last-child { border-bottom:0; }
.usc-service-list .usc-icon { width:21px; height:21px; color:#6ab4f4; }
.usc-care .usc-service-list span { color:#c4d2db; font-size:14px; line-height:1.6; }
.usc-care .usc-service-list strong { color:#fff; font-weight:700; }
/* Elementor uses full-width page layout and the site header/footer. Remove only local default widget spacing. */
.elementor-widget-usc_hero .elementor-widget-container,.elementor-widget-usc_matter .elementor-widget-container,.elementor-widget-usc_schedule .elementor-widget-container,.elementor-widget-usc_products .elementor-widget-container,.elementor-widget-usc_service .elementor-widget-container { margin:0!important; padding:0!important; }
@media(max-width:1024px) { .usc-hero-content { grid-template-columns:1fr .7fr; gap:2rem; }.usc-care .usc-hero-copy h1 { font-size:3.8rem; }.usc-schedule-grid { grid-template-columns:repeat(2,1fr); }.usc-schedule-card { min-height:355px; }.usc-service-card { gap:2.5rem; } }
@media(max-width:767px) {
  .usc-care .usc-inner { width:calc(100% - 2rem); }
  .usc-hero-shell { min-height:0; }.usc-hero-content { min-height:0; grid-template-columns:1fr; gap:3.5rem; padding:4rem 0; }
  .usc-care .usc-hero-copy h1 { font-size:clamp(2.5rem,12vw,3.2rem); line-height:1.02; }
  .usc-care .usc-hero-copy p { font-size:15px; }
  .usc-hero-copy .usc-btn { width:100%; text-align:center; }
  .usc-hero-detail { width:min(90%,380px); margin:auto; }
  .usc-matter-layout { grid-template-columns:auto 1fr; gap:1.25rem; padding:2rem 0; }
  .usc-matter-layout>p { grid-column:1 / -1; }
  .usc-content-section,.usc-product-section { padding:5rem 0; }
  .usc-section-heading { display:block; margin:0 0 2rem; }
  .usc-care .usc-section-heading>p { margin:1rem 0 0; }
  .usc-schedule-grid { grid-template-columns:1fr; }
  .usc-schedule-card { min-height:0; }
  .usc-care .usc-schedule-card h3, .usc-care .usc-schedule-card>p { min-height:0; }
  .usc-tablist { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .usc-care .usc-tab { padding:10px 7px; font-size:11px; }
  .usc-care-panel { grid-template-columns:1fr; }
  .usc-care-summary { padding:2.2rem; border-right:0; border-bottom:1px solid var(--usc-line); }
  .usc-care .usc-care-list { padding:1.2rem 2rem; }
  .usc-service-section { padding:3.5rem 0; }
  .usc-service-card { grid-template-columns:1fr; gap:2rem; padding:3rem 1.5rem; }
  .usc-service-copy .usc-btn { width:100%; min-height:55px; text-align:center; }
}
@media(prefers-reduced-motion:reduce) { .usc-care *, .usc-care *:before,.usc-care *:after { scroll-behavior:auto!important; transition-duration:.01ms!important; } }
