/*
Theme Name: Casa do Rogerio
Theme URI: https://casadorogerio.com.br/
Author: Auryon Digital
Description: Tema institucional editavel para Casa do Rogerio.
Version: 1.1.0
Text Domain: casa-do-rogerio
*/

:root { --neon:#00ff00; --ink:#0a0a0a; --panel:#111; --muted:#c8c8c8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:#fff; font-family:Arial, Helvetica, sans-serif; }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
.hcr-container { width:min(100% - 32px, 1440px); margin-inline:auto; }
.hcr-section { padding:52px 0; overflow:hidden; }
.hcr-title { display:flex; align-items:center; justify-content:center; gap:22px; margin:0; font-size:clamp(25px,4vw,42px); font-weight:900; line-height:1.1; letter-spacing:-.04em; text-align:center; text-transform:uppercase; }
.hcr-title::before,.hcr-title::after { content:""; display:block; flex:1; max-width:128px; height:2px; background:linear-gradient(90deg,transparent,var(--neon)); box-shadow:0 0 16px rgba(0,255,0,.55); }
.hcr-title::after { background:linear-gradient(90deg,var(--neon),transparent); }
.hcr-neon { color:var(--neon); text-shadow:0 0 30px rgba(0,255,0,.35); }
.hcr-lead { max-width:700px; margin:14px auto 0; color:#fff; font-size:16px; line-height:1.55; text-align:center; }

.hcr-ticker { overflow:hidden; border-bottom:1px solid rgba(0,255,0,.3); background:var(--neon); color:var(--ink); white-space:nowrap; }
.hcr-ticker__track { display:flex; width:max-content; animation:hcr-marquee 25s linear infinite; }
.hcr-ticker span { display:block; margin:0 24px; padding:9px 0; font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
@keyframes hcr-marquee { to { transform:translateX(-50%); } }
.hcr-hero { position:relative; min-height:680px; isolation:isolate; overflow:hidden; background:#111; }
.hcr-hero::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(10,10,10,.86),rgba(10,10,10,.42),rgba(10,10,10,.12)),linear-gradient(0deg,rgba(10,10,10,.62),transparent 45%); }
.hcr-hero__image { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; }
.hcr-hero__inside { min-height:680px; padding:18px 0 70px; }
.hcr-logo { width:205px; height:205px; object-fit:contain; filter:drop-shadow(0 0 25px rgba(0,255,0,.45)); }
.hcr-hero__copy { max-width:780px; margin-top:22px; }
.hcr-hero h1 { margin:0; font-size:clamp(42px,7vw,78px); font-weight:900; line-height:1.03; letter-spacing:-.06em; text-transform:uppercase; }
.hcr-hero__eyebrow { margin:24px 0 0; font-size:18px; font-weight:700; }
.hcr-hero__subtitle { margin:9px 0 0; max-width:620px; font-size:16px; line-height:1.5; }

.hcr-pricing { padding-top:45px; }
.hcr-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:34px; }
.hcr-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(0,255,0,.35); border-radius:18px; background:var(--panel); box-shadow:0 0 18px rgba(0,255,0,.08); transition:.25s; }
.hcr-card:hover,.hcr-benefit:hover,.hcr-review:hover { transform:translateY(-6px); border-color:rgba(0,255,0,.8); box-shadow:0 0 40px rgba(0,255,0,.2); }
.hcr-card__name { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:75px; padding:12px; background:linear-gradient(90deg,#111,rgba(0,255,0,.35) 15%,var(--neon) 30%,var(--neon) 70%,rgba(0,255,0,.35) 85%,#111); color:var(--ink); text-align:center; text-transform:uppercase; }
.hcr-card__name strong { font-size:32px; line-height:1; letter-spacing:.04em; }
.hcr-card__name small { display:block; margin-top:7px; font-size:12px; font-weight:900; }
.hcr-slider { position:relative; height:390px; overflow:hidden; background:#222; }
.hcr-slider__track { display:flex; height:100%; transition:transform .45s ease; }
.hcr-slider__track img { flex:0 0 100%; width:100%; height:100%; object-fit:cover; }
.hcr-slider__arrow { position:absolute; z-index:2; top:50%; display:grid; width:38px; height:38px; place-items:center; border:0; border-radius:50%; background:rgba(0,0,0,.72); color:#fff; cursor:pointer; transform:translateY(-50%); font-size:26px; }
.hcr-slider__arrow:hover { color:var(--neon); }
.hcr-slider__arrow--prev { left:10px; }.hcr-slider__arrow--next { right:10px; }
.hcr-dots { position:absolute; z-index:2; bottom:13px; left:50%; display:flex; gap:6px; padding:7px 10px; border-radius:20px; background:rgba(0,0,0,.52); transform:translateX(-50%); }
.hcr-dot { width:7px; height:7px; padding:0; border:0; border-radius:20px; background:rgba(255,255,255,.4); cursor:pointer; }.hcr-dot.is-active { width:18px; background:var(--neon); }
.hcr-price { min-height:102px; padding:19px 20px 10px; text-align:center; }.hcr-price small { display:block; font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }.hcr-price strong { display:block; margin-top:4px; color:var(--neon); font-size:45px; line-height:1; }
.hcr-features { flex:1; margin:0; padding:15px 22px 20px; list-style:none; }.hcr-features li { position:relative; margin:0 0 13px; padding-left:25px; color:#fff; font-size:14px; line-height:1.45; }.hcr-features li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--neon); font-weight:900; }
.hcr-actions { display:grid; grid-template-columns:1fr 72px; gap:12px; padding:0 20px 20px; }.hcr-actions__links { display:grid; gap:8px; }.hcr-action { display:flex; align-items:center; justify-content:center; min-height:38px; border:1px solid rgba(0,255,0,.4); border-radius:8px; color:var(--neon); font-size:14px; font-weight:700; }.hcr-action:hover { background:rgba(0,255,0,.1); }.hcr-whatsapp { display:grid; width:64px; height:64px; place-items:center; align-self:center; border-radius:50%; background:var(--neon); color:var(--ink); box-shadow:0 0 30px rgba(0,255,0,.55); }.hcr-whatsapp svg { width:33px; height:33px; fill:currentColor; }

.hcr-benefits { background:#0c0c0c; }.hcr-benefit-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:34px; }.hcr-benefit { min-height:170px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:20px; border:1px solid rgba(0,255,0,.35); border-radius:18px; background:var(--panel); text-align:center; transition:.25s; }.hcr-benefit__icon { display:grid; width:54px; height:54px; place-items:center; border-radius:50%; background:rgba(0,255,0,.1); color:var(--neon); }.hcr-benefit__icon svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }.hcr-benefit strong { margin-top:14px; font-size:14px; text-transform:uppercase; }.hcr-benefit small { margin-top:8px; color:var(--neon); font-size:11px; font-weight:800; text-transform:uppercase; }

.hcr-reviews-layout { display:grid; grid-template-columns:260px 1fr; gap:18px; margin-top:28px; }.hcr-rating,.hcr-review { border:1px solid rgba(0,255,0,.35); border-radius:14px; background:rgba(35,35,35,.7); box-shadow:0 0 18px rgba(0,255,0,.08); }.hcr-rating { display:grid; min-height:240px; place-items:center; align-content:center; padding:22px; text-align:center; }.hcr-rating img { width:108px; }.hcr-rating strong { margin-top:8px; color:var(--neon); font-size:30px; }.hcr-stars { color:#ffbf27; letter-spacing:2px; }.hcr-rating p { margin:6px 0 0; font-size:14px; }.hcr-reviews { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.hcr-review { min-height:240px; padding:18px; transition:.25s; }.hcr-review__person { display:flex; gap:12px; align-items:center; }.hcr-review__person img { width:40px; height:40px; border-radius:50%; object-fit:cover; }.hcr-review__person strong { display:block; font-size:14px; }.hcr-review p { display:-webkit-box; overflow:hidden; margin:15px 0 0; color:#fff; font-size:12px; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:6; }.hcr-review-controls { display:flex; align-items:center; justify-content:center; gap:22px; margin-top:22px; }.hcr-review-controls > button { display:grid; width:40px; height:40px; place-items:center; border:1px solid #555; border-radius:50%; background:rgba(0,0,0,.6); color:#fff; cursor:pointer; font-size:25px; }.hcr-review-controls > button:hover { border-color:var(--neon); color:var(--neon); }.hcr-review-controls__dots { display:flex; gap:8px; }.hcr-review-dot { width:8px; height:8px; padding:0; border:0; border-radius:20px; background:rgba(255,255,255,.4); cursor:pointer; }.hcr-review-dot.is-active { width:20px; background:var(--neon); }.hcr-center { display:flex; justify-content:center; margin-top:28px; }.hcr-button { display:inline-flex; min-height:46px; align-items:center; justify-content:center; padding:0 28px; border-radius:30px; background:var(--neon); color:var(--ink); font-size:14px; font-weight:900; text-transform:uppercase; transition:.2s; }.hcr-button:hover { transform:translateY(-2px); box-shadow:0 0 25px rgba(0,255,0,.45); }

.hcr-gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:32px; }.hcr-gallery__item { aspect-ratio:4/3; overflow:hidden; border:1px solid rgba(0,255,0,.35); border-radius:12px; }.hcr-gallery img { width:100%; height:100%; object-fit:cover; transition:transform .45s; }.hcr-gallery__item:hover img { transform:scale(1.08); }
.hcr-footer { padding:0 0 32px; }.hcr-footer__box { overflow:hidden; border:1px solid rgba(0,255,0,.3); border-radius:24px; background:#0d0d0d; box-shadow:0 0 45px rgba(0,255,0,.1); }.hcr-footer__main { display:grid; grid-template-columns:95px 1fr auto; align-items:center; gap:25px; padding:30px; }.hcr-footer__logo { width:82px; height:82px; padding:8px; border:1px solid rgba(0,255,0,.3); border-radius:50%; object-fit:contain; }.hcr-footer h2 { margin:0; font-size:27px; text-transform:uppercase; }.hcr-footer p { margin:8px 0; line-height:1.5; }.hcr-footer__social { display:flex; gap:12px; }.hcr-footer__social img { width:48px; height:48px; border:1px solid rgba(0,255,0,.4); border-radius:50%; background:#fff; object-fit:cover; }.hcr-copyright { padding:16px; border-top:1px solid rgba(255,255,255,.1); color:#fff; font-size:12px; text-align:center; }

@media (max-width:1250px) { .hcr-cards { grid-template-columns:repeat(2,1fr); max-width:900px; margin-inline:auto; } }
@media (max-width:760px) { .hcr-cards { grid-template-columns:1fr; max-width:570px; }.hcr-benefit-grid { grid-template-columns:repeat(2,1fr); }.hcr-reviews { grid-template-columns:repeat(2,1fr); }.hcr-reviews-layout { grid-template-columns:1fr; }.hcr-rating { min-height:180px; }.hcr-rating img { width:80px; } }
@media (max-width:620px) { .hcr-container { width:min(100% - 28px,1440px); }.hcr-section { padding:40px 0; }.hcr-title { gap:8px; font-size:24px; }.hcr-title::before,.hcr-title::after { min-width:12px; }.hcr-hero,.hcr-hero__inside { min-height:570px; }.hcr-hero__inside { padding-top:12px; }.hcr-logo { width:145px; height:145px; }.hcr-hero h1 { font-size:42px; }.hcr-hero__eyebrow { font-size:16px; }.hcr-slider { height:330px; }.hcr-benefit-grid { gap:12px; }.hcr-benefit { min-height:145px; padding:12px; }.hcr-benefit strong { font-size:11px; }.hcr-gallery { grid-template-columns:repeat(2,1fr); gap:12px; }.hcr-reviews { grid-template-columns:1fr; }.hcr-footer__main { grid-template-columns:1fr; justify-items:center; text-align:center; }.hcr-footer h2 { font-size:23px; }.hcr-card__name strong { font-size:28px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }