/* V13 — isolated review. All motion is optional; content remains visible without JS. */
.preview-review { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 4%; min-height:40px; background:#f0d5b7; color:#332a20; font-size:11px; letter-spacing:.04em; }
.preview-review a { display:inline-flex; align-items:center; min-height:40px; font-weight:650; text-decoration:none; }
.motion-toggle { min-height:40px; padding:5px 9px; border:0; background:none; color:inherit; font-size:11px; text-decoration:underline; text-underline-offset:3px; }
.hero { isolation:isolate; }
.hero .hero-photo { overflow:hidden; }
.hero .hero-photo img { transform-origin:60% 48%; }
.hero h1 em { position:relative; display:inline-block; }
.hero h1 em::after { content:""; position:absolute; bottom:-.06em; left:.02em; width:95%; height:1px; background:linear-gradient(90deg,#ecc49d,transparent); transform-origin:left; }
.hero .hero-watch { display:flex; gap:14px; align-items:center; border:1px solid #e5c49c80; border-radius:15px; background:#211e19e8; color:#fff7e9; padding:17px 20px; text-decoration:none; box-shadow:0 16px 40px #0003; backdrop-filter:blur(12px); }
.hero-watch-play { width:46px; height:46px; display:grid; place-items:center; border:1px solid #ead0ab; border-radius:50%; background:#e6c69f; color:#27211a; }
.hero-watch-play .icon { width:20px; height:20px; }
.hero-watch > span:nth-child(2) { display:grid; gap:5px; }
.hero-watch small { font-size:9px; font-weight:500; letter-spacing:.12em; color:#ebd8bf; }
.hero-watch strong { display:flex; align-items:center; gap:18px; font-size:17px; font-weight:550; }
.hero-watch strong span { font-size:11px; color:#dfcaae; font-weight:400; }
.hero-watch > .icon { width:19px; height:19px; margin-left:5px; }
.page-home .studio-section { background:linear-gradient(135deg,#f8f3e9,#ece4d7); }
.studio-top { display:block; }
.studio-top h2 { font-size:clamp(32px,3.4vw,48px); line-height:1.13; }
.studio-top h2 br { display:block; }
.studio-top h2 em { font-size:.95em; }
.studio-tabs { width:max-content; max-width:100%; margin-top:24px; border-radius:12px; background:#ffffff60; padding:5px; }
.studio-tabs button { display:flex; justify-content:center; align-items:center; gap:8px; min-height:46px; border-radius:8px; padding-inline:20px; }
.studio-tabs .icon { width:18px; height:18px; }
.social-panel { grid-template-columns: minmax(220px,.85fr) minmax(0,2fr); gap:40px; align-items:center; padding:27px; border:1px solid #d7c9b6; border-radius:20px; background:#fffcf7; box-shadow:0 16px 40px #55412a09; }
.social-panel[hidden], .youtube-grid[hidden], .motion-toggle[hidden] { display:none; }
.social-profile { min-width:0; }
.social-profile-top { display:flex; align-items:center; gap:15px; margin-bottom:19px; }
.social-avatar { width:64px; height:64px; border-radius:50%; object-fit:cover; object-position:50% 5%; border:3px solid #fff; outline:1px solid #c69469; }
.network-label { display:flex; align-items:center; gap:8px; color:#835233; font-size:10px; font-weight:650; letter-spacing:.1em; }
.network-label .icon { width:21px; height:21px; }
.social-profile h3 { font-size:clamp(27px,2.8vw,38px); line-height:1.13; margin:0 0 14px; letter-spacing:-.035em; }
.social-profile h3 em { font-family:Georgia,serif; font-weight:400; color:#856342; }
.social-profile p { font-size:14px; color:#60513e; line-height:1.6; margin:12px 0; }
.social-profile .social-handle { color:#332c23; font-size:14px; font-weight:650; margin-bottom:15px; }
.social-profile .social-follow { margin-top:8px; min-height:46px; padding:12px 15px; font-size:12px; gap:10px; }
.social-source-note, .social-profile .social-source-note { font-size:11px; line-height:1.6; margin-top:14px; color:#76644e; }
.social-grid-label { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px; font-size:9px; font-weight:650; letter-spacing:.1em; color:#66543b; }
.social-grid-label > span:last-child { display:flex; align-items:center; gap:6px; letter-spacing:0; font-weight:400; font-size:11px; }
.social-grid-label .icon { width:14px; height:14px; }
.instagram-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.instagram-post { position:relative; display:block; aspect-ratio:3/4; border-radius:12px; overflow:hidden; background:#d3c3af; text-decoration:none; border:1px solid #d3c3af; isolation:isolate; }
.instagram-post > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.instagram-post > img:not([src]) { visibility:hidden; }
.post-fallback { height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; background:linear-gradient(135deg,#d8c7b1,#f2e8d9); color:#5e4730; font-size:12px; }
.post-fallback .icon { width:30px; height:30px; }
.reel-mark { position:absolute; top:10px; right:10px; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#211d18b8; color:#fff; }
.reel-mark .icon { width:14px; height:14px; }
.post-date { position:absolute; bottom:0; left:0; right:0; padding:25px 12px 12px; display:flex; justify-content:space-between; color:#fff; background:linear-gradient(transparent,#191815de); font-size:12px; }
.post-date .icon { width:17px; height:17px; }
.preview-feed-note { font-size:11px; line-height:1.5; color:#6a5740; padding:8px 10px; border-left:2px solid #bf9b71; margin-top:12px; background:#f6eee2; }
.youtube-label { margin-bottom:18px; color:#9f352b; }
.video-filters { display:flex; gap:6px; margin-bottom:16px; }
.video-filters button { font-size:12px; min-height:44px; padding:9px 14px; border:1px solid #d6c8b7; border-radius:22px; background:transparent; color:#614e38; }
.video-filters button[aria-pressed="true"] { color:#fff6e9; background:#30281e; border-color:#30281e; }
.youtube-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.social-video { color:#2a241b; text-decoration:none; min-width:0; }
.video-cover { position:relative; aspect-ratio:16/10; background:#d6c7b2; border-radius:10px; overflow:hidden; }
.video-cover img { width:100%; height:100%; object-fit:cover; }
.video-cover img:not([src]) { visibility:hidden; }
.video-cover::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 30%,#18161277); pointer-events:none; }
.video-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:44px; height:44px; color:#fff; background:#ae352bf0; border-radius:50%; z-index:1; }
.video-play .icon { width:18px; height:18px; }
.video-duration { position:absolute; right:8px; bottom:8px; color:#fff; background:#171510e6; border-radius:3px; padding:3px 5px; font-size:10px; z-index:1; }
.social-video h4 { margin:13px 0 6px; font-size:14px; font-weight:600; line-height:1.4; }
.video-action { display:flex; align-items:center; gap:7px; min-height:36px; font-size:11px; color:#765a3a; }
.video-action .icon { width:14px; height:14px; }
.social-video:focus-visible, .instagram-post:focus-visible, .hero-watch:focus-visible { outline:3px solid #a5602d; outline-offset:5px; }
.page-home .partners-section { padding-top:48px; }
.nav-tile, .choice-grid .plan-card, .social-panel, .partner-card { transition:border-color .25s,box-shadow .25s,transform .25s; }
.nav-tile .icon:last-child, .button > .icon:last-child { transition:transform .25s; }
.motion-off .partner-card:hover, .motion-off .choice-grid .plan-card:hover, .motion-off .instagram-post:hover img { transform:none; }
@media(hover:hover) and (pointer:fine) {
 .instagram-post:hover img { transform:scale(1.055); }
 .instagram-post:hover { box-shadow:0 12px 24px #41321f26; }
 .social-video:hover h4 { text-decoration:underline; text-underline-offset:3px; }
 .button:hover > .icon:last-child, .nav-tile:hover > .icon:last-child { transform:translate(3px,-1px); }
 .partner-card:hover { transform:translateY(-4px); border-color:#a78559; box-shadow:0 12px 24px #41321f15; }
 .hero-watch:hover { border-color:#f4cea0; background:#30291feb; }
 .choice-grid .plan-card:hover { background-image:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),#d8ad7018,transparent 65%); }
}
@media(prefers-reduced-motion:no-preference) {
 .motion-enabled .hero .hero-photo img { animation:day-photo-drift 9s ease-in-out infinite alternate; }
 .motion-enabled .hero h1 em::after { animation:day-line-in 1.2s .1s both; }
 .motion-enabled .hero-watch-play { animation:day-play-breathe 3s ease-in-out infinite; }
 .motion-enabled .hero-watch { animation:day-watch-in .7s ease-out both; }
 .motion-off *, .motion-off *::before, .motion-off *::after { animation-play-state:paused!important; transition:none!important; }
 .motion-off .hero .hero-photo img { animation:none; transform:none; }
 .motion-backgrounded *, .motion-backgrounded *::before, .motion-backgrounded *::after { animation-play-state:paused!important; }
 .hero-motion-away .hero-photo img, .hero-motion-away .hero-watch-play { animation-play-state:paused!important; }
 @keyframes day-photo-drift { from { transform:scale(1.015) translate3d(0,0,0); } to { transform:scale(1.065) translate3d(-.5%,-.4%,0); } }
 @keyframes day-line-in { from { transform:scaleX(0); } to { transform:scaleX(1); } }
 @keyframes day-play-breathe { 0%,100% { box-shadow:0 0 0 0 #e9c59900; } 50% { box-shadow:0 0 0 8px #e9c59918; } }
 @keyframes day-watch-in { from { opacity:.1; translate:0 12px; } to { opacity:1; translate:0 0; } }
}
@media(min-width:1100px) {
 .studio-top { display:flex; align-items:flex-end; }
 .studio-tabs { flex-shrink:0; }
 .studio-tabs button { padding-inline:14px; font-size:13px; }
}
@media(max-width:950px) {
 .social-panel { gap:25px; padding:23px; grid-template-columns:minmax(210px,.8fr) minmax(0,1.4fr); }
 .social-profile h3 { font-size:29px; }
 .instagram-grid { gap:8px; }
 .youtube-panel { grid-template-columns:1fr; }
 .youtube-panel .social-profile { display:none; }
 .youtube-content::before { content:"YOUTUBE / @dayrangell"; display:block; font-size:12px; color:#80563b; margin-bottom:15px; }
 .hero .hero-watch { margin-right:20px; }
}
@media(max-width:640px) {
 .preview-review { padding-inline:16px; min-height:36px; font-size:9px; }
 .preview-review a, .motion-toggle { min-height:44px; }
 .motion-toggle { font-size:10px; }
 .hero .hero-watch { align-self:flex-start; margin:15px 0 0; gap:12px; padding:12px 14px; }
 .hero-watch-play { width:36px; height:36px; }
 .hero-watch small { font-size:8px; }
 .hero-watch strong { font-size:14px; }
 .hero-watch > .icon { width:17px; }
 .studio-top h2 { font-size:32px; }
 .page-home .studio-section { padding-block:38px; }
 .studio-tabs { display:grid; grid-template-columns:1fr 1fr; width:100%; gap:5px; margin-top:20px; }
 .studio-tabs button { padding:10px; font-size:12px; }
 .social-panel { grid-template-columns:1fr; padding:19px; gap:23px; border-radius:16px; }
 .social-profile-top { margin-bottom:14px; }
 .social-profile h3 br { display:none; }
 .social-profile h3 em { margin-left:.18em; }
 .social-profile h3 { font-size:25px; }
 .social-profile h3 { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
 .social-profile .social-handle { margin:8px 0; }
 .social-profile p { font-size:13px; margin:8px 0; }
 .social-profile > p:not(.social-handle) { display:none; }
 .social-avatar { width:52px; height:52px; }
 .social-profile .social-follow { margin-top:9px; width:100%; justify-content:space-between; }
 .social-source-note, .social-profile .social-source-note { font-size:10px; }
 .instagram-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
 .instagram-post { border-radius:8px; }
 .reel-mark { width:22px; height:22px; top:6px; right:6px; }
 .post-date { padding:18px 7px 7px; font-size:10px; }
 .post-date .icon { width:13px; height:13px; }
 .social-grid-label > span:last-child { display:none; }
 .preview-feed-note { font-size:10px; }
 .youtube-grid { grid-template-columns:1fr; gap:15px; }
 .social-video { display:grid; grid-template-columns:42% 1fr; gap:0 13px; }
 .social-video .video-cover { grid-row:1/3; align-self:center; }
 .social-video h4 { margin:2px 0 3px; font-size:13px; }
 .video-action { min-height:30px; font-size:10px; }
 .video-play { width:34px; height:34px; }
 .video-filters button { flex:1; }
 .video-duration { font-size:9px; right:5px; bottom:5px; }
}

/* Acabamento da candidata para publicação. */
.motion-controls { padding-block:12px; border-top:1px solid #ffffff20; }
.motion-controls .motion-toggle { color:#e5d9c8; font-size:12px; min-height:44px; }
.social-grid-label > a { display:inline-flex; align-items:center; gap:6px; min-height:44px; font-size:12px; letter-spacing:0; text-decoration:none; }
.social-video[hidden], .recent-fallback[hidden] { display:none!important; }
.recent-fallback { margin:16px 0 0; }
.recent-fallback a { min-height:44px; }
.youtube-panel .social-profile { display:block; }
@media(max-width:950px) { .youtube-content::before { display:none; } .youtube-panel .social-profile h3 { font-size:27px; } }
@media(max-width:640px) { .social-grid-label > a { font-size:10px; } .youtube-panel .social-profile .social-handle { margin:0; } }