/*
Theme Name: R2 Studio Clean
Theme URI: https://r2studio.com.br/
Author: R2 Studio
Author URI: https://r2studio.com.br/
Description: Tema autoral minimalista premium para portfólio de Designer Gráfico e Web Designer, com WordPress, PHP, duas áreas de projetos, páginas institucionais e formulário de orçamento.
Version: 1.5.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: r2-studio-clean
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#121317;--muted:#737881;--subtle:#9ba0a7;--line:#e8ebee;--bg:#fff;--soft:#f6f7f9;--soft2:#f1f3f6;--blue:#0866d7;--blue-dark:#0752ac;--radius:24px;--container:1160px;--shadow:0 20px 50px rgba(14,25,39,.065)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}
body,button,input,textarea,select{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button{cursor:pointer}img{display:block;max-width:100%;height:auto}figure{margin:0}
::selection{background:#deebff;color:#0c346d}
:focus-visible{outline:3px solid #77aaf7;outline-offset:4px}
.container{width:min(var(--container),calc(100% - 72px));margin:0 auto}.section-pad{padding:112px 0}.eyebrow{font-size:11px;font-weight:800;line-height:1.5;letter-spacing:2px;text-transform:uppercase;color:#777e87;display:inline-flex;align-items:center;gap:10px}.text-muted{color:#a7abb2}.blue-dot{color:var(--blue)}
h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.055em;line-height:1.12}h1{font-size:clamp(48px,6vw,84px);font-weight:800}h2{font-size:clamp(37px,4.4vw,61px);font-weight:800}h3{font-weight:750}p{color:#656c75}.skip-link{position:absolute;left:12px;top:-80px;z-index:10000;background:#111;color:#fff;padding:10px 16px}.skip-link:focus{top:10px;color:#fff}
/* Navegação */
.site-header{z-index:200;position:sticky;top:0;height:80px;background:rgba(255,255,255,.87);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(17,17,17,.07)}
.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;line-height:1}.brand-symbol{font:800 30px/1 Manrope,sans-serif;letter-spacing:-3px}.brand-dot{color:var(--blue)}.brand-text{font-size:19px;font-weight:750;letter-spacing:-1px;margin-left:1px}.custom-logo-mark{max-height:46px;max-width:180px;width:auto;object-fit:contain}.nav-links{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:38px}.nav-links a{font-size:13px;font-weight:650;color:#4b5059;transition:color .18s ease}.nav-links a:hover,.nav-links a[aria-current="page"]{color:#0c0d0e}.nav-links a[aria-current="page"]{font-weight:800}.header-actions{display:flex;align-items:center;gap:18px}.header-contact{padding:11px 18px;border-radius:999px;background:#141519;color:white;font-size:12px;white-space:nowrap;font-weight:750;transition:transform .2s,background .2s}.header-contact:hover{background:var(--blue);color:#fff;transform:translateY(-1px)}.header-contact span{margin-left:12px}.menu-toggle{display:none;width:38px;height:38px;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:0;background:transparent;border-radius:10px}.menu-toggle span{width:21px;height:2px;background:var(--ink);transition:.2s}
/* Botões */
.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;border:1px solid transparent;padding:16px 26px;min-height:55px;border-radius:999px;font-size:13px;font-weight:750;line-height:1;transition:transform .2s,box-shadow .2s,background .2s,color .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button span{font-size:19px;font-weight:400;line-height:1}.button-dark{background:#17191e;color:white}.button-dark:hover{background:var(--blue);box-shadow:0 13px 28px rgba(8,102,215,.16);color:#fff}.button-outline{border-color:#dadde2;background:transparent}.button-outline:hover{background:#17191e;color:#fff;border-color:#17191e}.button-text{padding:14px 2px;color:var(--ink)}.button-text:hover{color:var(--blue)}.inline-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;font-weight:800;white-space:nowrap}.inline-link span{font-size:20px}.inline-link:hover{color:var(--blue)}
/* Abertura */
.hero-section{padding-top:108px;padding-bottom:100px;overflow:hidden}.hero-content{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:58px}.hero-copy{padding:10px 0 32px}.with-dot{color:#68717b}.status-dot{width:8px;height:8px;background:#218956;border-radius:50%;box-shadow:0 0 0 4px #e8f6ee}.hero-copy h1{max-width:720px;font-size:clamp(50px,5.2vw,76px);margin:26px 0 26px}.hero-copy>p{font-size:17px;line-height:1.84;max-width:515px;margin-bottom:34px}.hero-copy>p strong{color:#2f343d;font-weight:750}.hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.hero-meta{display:flex;flex-wrap:wrap;gap:25px;margin-top:48px;font-size:11px;color:#737982;font-weight:700}.hero-meta>span{display:inline-flex;gap:8px;align-items:center}.tiny-circle{display:inline-block;width:5px;height:5px;border-radius:50%;background:#abb2bb}
.hero-showcase{height:535px;position:relative;display:flex;align-items:center;justify-content:center}.showcase-background{position:absolute;inset:15px 0 12px 5%;border-radius:32px;background:radial-gradient(circle at 80% 14%,#dce8f9 0,transparent 42%),linear-gradient(135deg,#f4f6fa,#eaeef4);overflow:hidden}.decorative-ring{position:absolute;border:1px solid rgba(126,157,208,.35);border-radius:50%;width:510px;height:510px;top:-212px;right:-190px}.ring-two{width:640px;height:640px;top:-275px;right:-252px}.showcase-screen{z-index:1;width:84%;height:350px;transform:rotate(-3deg) translate(-15px,-16px);background:white;border-radius:13px;border:7px solid #242a34;box-shadow:0 32px 55px rgba(21,38,62,.22);overflow:hidden}.browser-bar{height:32px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#f6f8fa;border-bottom:1px solid #e5e8eb}.browser-dots{display:flex;gap:4px}.browser-dots i{width:6px;height:6px;border-radius:50%;background:#b9c0ca}.browser-dots i:first-child{background:#f6adad}.browser-dots i:nth-child(2){background:#ecc776}.browser-dots i:nth-child(3){background:#89c9a8}.browser-address{flex:1;text-align:center;font-size:8px;font-weight:650;color:#a5adba}.browser-menu{font-size:10px;color:#4c5360}.screen-content{height:calc(100% - 32px);background:linear-gradient(135deg,#131927,#222b3d 80%);padding:23px 28px;color:#fff;position:relative;overflow:hidden}.screen-content:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-35px;top:39px;background:radial-gradient(circle at 30% 40%,#6ca9ff,#1c56ae 62%,#1b3d67);filter:blur(.2px);box-shadow:inset 20px 10px 50px rgba(255,255,255,.09)}.screen-top,.screen-lower{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;font-size:9px;font-weight:700;letter-spacing:1px;color:#c7d2e3}.screen-statement{position:relative;z-index:2;font-size:clamp(39px,4vw,60px);font-weight:800;letter-spacing:-4px;line-height:1.02;margin:60px 0 47px}.screen-statement em{font-family:Georgia,serif;font-weight:400;color:#acd1ff}.screen-lower{padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}.screen-lower>span:last-child{font-size:22px}.floating-card{z-index:4;position:absolute;bottom:55px;right:-10px;background:#fff;border:1px solid #e8ebf0;box-shadow:0 16px 36px rgba(17,32,51,.14);border-radius:17px;display:flex;gap:13px;align-items:center;padding:15px 18px;transform:rotate(3deg);min-width:255px}.floating-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#eaf2ff;color:#0068dd;font-size:25px}.floating-card strong{display:block;font-size:12px;line-height:1.3}.floating-card small{display:block;margin-top:3px;color:#929aa7;font-size:10px}.floating-check{margin-left:auto;display:grid;place-items:center;width:20px;height:20px;background:#e4f7e9;color:#188344;border-radius:50%;font-size:12px}.showcase-note{position:absolute;left:11%;bottom:20px;font-weight:800;font-size:9px;letter-spacing:1.4px;color:#8b95a2}
.statement-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 0;font-size:12px;font-weight:750;letter-spacing:.7px;color:#666e78}.statement-separator{color:#bbc1ca;font-size:14px}
/* Seções */
.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:46px}.section-head h2{margin:16px 0 0;max-width:700px}.section-head>p{max-width:315px;font-size:15px;line-height:1.8;margin:0 0 7px}.expertise-section{padding-bottom:95px}.expertise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.expertise-card{position:relative;display:flex;flex-direction:column;min-height:650px;border-radius:27px;overflow:hidden;transition:transform .3s,box-shadow .3s}.expertise-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(14,25,39,.1);color:inherit}.web-expertise{background:#ecf1f7}.graphic-expertise{background:#f4f1ed}.expertise-card-top{position:absolute;z-index:3;left:34px;right:34px;top:31px;display:flex;justify-content:space-between;align-items:center}.small-tag{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#697581}.circle-arrow{width:35px;height:35px;display:grid;place-items:center;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:50%;font-size:19px}.web-art,.graphic-art{position:relative;height:393px;flex-shrink:0;overflow:hidden}.web-art-window{position:absolute;width:76%;height:278px;top:95px;left:14%;background:#161d2d;border:8px solid #fff;border-bottom:0;border-radius:15px 15px 0 0;box-shadow:0 23px 35px rgba(29,42,68,.19);padding:19px 25px;overflow:hidden;transform:rotate(-6deg)}.web-art-mini{display:flex;gap:5px}.web-art-mini i{width:5px;height:5px;background:#a5adba;border-radius:50%}.web-art-type{font-family:Manrope,sans-serif;font-size:58px;letter-spacing:-5px;color:#fff;font-weight:800;line-height:1.03;margin-top:39px;position:relative;z-index:1}.web-art-type em{font-family:Georgia,serif;font-weight:400;color:#9fc3ff}.web-art-shape{position:absolute;width:165px;height:165px;right:-36px;top:66px;border-radius:50%;background:linear-gradient(140deg,#93c5fd,#2060ce);box-shadow:inset -24px -14px 30px rgba(0,0,0,.17)}.graphic-art-paper{position:absolute;box-shadow:0 17px 35px rgba(38,27,18,.12);border-radius:4px}.paper-1{height:230px;width:205px;top:100px;left:12%;background:#e2d8c8;color:#1d312b;transform:rotate(-12deg);padding:25px;font-size:80px;letter-spacing:-8px;font-weight:800;line-height:1}.paper-1 span{display:block;font-size:9px;font-weight:800;letter-spacing:1.5px;margin-top:40px}.paper-2{height:257px;width:205px;top:92px;left:40%;background:#0e352d;color:#fff;transform:rotate(9deg);padding:26px}.graphic-art-flower{font-size:170px;line-height:1.15;color:#f5bb74;text-align:center}.paper-2>span{font-size:9px;letter-spacing:1.5px;font-weight:800}.graphic-art-tag{position:absolute;right:7%;top:230px;background:#f5e7a3;padding:15px 18px;font-size:17px;line-height:1.1;letter-spacing:-1px;font-weight:800;transform:rotate(-12deg);box-shadow:0 12px 22px rgba(0,0,0,.09)}.expertise-bottom{padding:0 35px 34px;margin-top:auto}.expertise-bottom h3{font-size:31px;margin:0 0 13px}.expertise-bottom p{font-size:14px;max-width:370px;line-height:1.75;margin:0 0 21px}.expertise-bottom>span{font-size:10px;font-weight:800;color:#818994;letter-spacing:.3px}
.feature-section{padding-top:10px}.feature-shell{background:#f5f7fa;border-radius:29px;min-height:440px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.feature-copy{padding:69px 64px}.feature-copy h2{font-size:clamp(48px,5vw,68px);margin:15px 0 24px}.feature-copy h2 em{font-family:Georgia,serif;font-weight:400;color:var(--blue);letter-spacing:-.045em}.feature-copy p{max-width:420px;font-size:15px;line-height:1.85;margin-bottom:30px}.feature-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.metric-grid{width:310px;height:310px;position:relative;display:grid;place-items:center;border:1px solid #dce3ed;border-radius:50%;background:radial-gradient(circle,#e8eef8 0,#f5f7fa 64%)}.metric-orbit{position:absolute;inset:35px;border:1px solid #cfdae7;border-radius:50%}.orbit-b{inset:75px}.metric-core{font:800 92px/1 Manrope,sans-serif;letter-spacing:-13px;z-index:1;color:#141a29}.metric-core>span{font-size:44px;color:#2170d3;vertical-align:top;margin-left:10px}.metric-pill{position:absolute;bottom:47px;background:#fff;box-shadow:0 12px 30px #d8e0ed;border:1px solid #edf0f5;padding:12px 22px;border-radius:50px;font-size:10px;font-weight:800;letter-spacing:1px}.metric-pill span{color:#2170d3;padding:0 9px}
/* Portfólio */
.work-section{padding-top:113px}.portfolio-switch{display:flex;gap:30px;border-bottom:1px solid var(--line);margin:0 0 32px}.portfolio-tab{position:relative;background:none;border:0;padding:0 5px 18px;font-size:14px;font-weight:800;color:#858b95;transition:color .2s}.portfolio-tab span{font-size:14px;margin-left:9px}.portfolio-tab:hover,.portfolio-tab.is-active{color:var(--ink)}.portfolio-tab.is-active:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:#131820}.portfolio-panel[hidden]{display:none!important}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 26px}.project-image{height:auto;aspect-ratio:1.43;position:relative;display:block;background:#eef0f4;border-radius:20px;overflow:hidden}.project-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#eff1f7,#e6e9f3);opacity:0;transition:opacity .25s}.project-photo{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-image:hover .project-photo{transform:scale(1.045)}.project-art{position:absolute;inset:0;padding:32px 38px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(135deg,#dce5f3 0%,#f0f3f8 60%,#e7edf7 100%)}.project-card:nth-child(2n) .project-art{background:linear-gradient(120deg,#f4ebe2,#ebe2d8)}.project-card:nth-child(3n) .project-art{background:linear-gradient(120deg,#dce9e5,#eaf4f0)}.project-card:nth-child(4n) .project-art{background:linear-gradient(120deg,#e8e6ef,#f5f2f9)}.project-art:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-70px;bottom:-160px;background:rgba(255,255,255,.55);filter:blur(1px);box-shadow:0 0 0 45px rgba(255,255,255,.17),0 0 0 95px rgba(255,255,255,.1)}.art-top{display:flex;gap:5px;position:relative;z-index:1}.art-top i{display:block;width:7px;height:7px;border-radius:50%;background:rgba(39,58,80,.25)}.art-mark{position:absolute;right:11%;top:16%;display:grid;place-items:center;height:150px;width:150px;border-radius:35px;background:rgba(255,255,255,.6);font-size:91px;font-weight:800;line-height:1;color:#43546c;box-shadow:0 12px 36px rgba(58,80,113,.07);transform:rotate(10deg)}.art-type{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#6d7c8b;position:relative;z-index:1;margin-top:auto}.art-title{display:block;position:relative;z-index:1;font-family:Manrope,sans-serif;font-size:clamp(25px,3vw,42px);font-weight:800;line-height:1.06;letter-spacing:-1.8px;max-width:72%;margin-top:9px;overflow-wrap:break-word}.art-lines{position:absolute;bottom:34px;right:30px;display:flex;flex-direction:column;gap:6px}.art-lines i{width:60px;height:4px;border-radius:5px;background:#adbccc}.art-lines i:last-child{width:33px;opacity:.7}.project-visit{position:absolute;right:18px;top:18px;z-index:3;width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:19px;box-shadow:0 5px 16px rgba(0,0,0,.07);transition:transform .2s}.project-image:hover .project-visit{transform:rotate(45deg)}.project-info{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:18px 4px 0}.project-category{font-size:11px;color:#7d838e;font-weight:650}.project-info h3{font-family:'DM Sans',sans-serif;font-size:20px;letter-spacing:-.65px;margin:5px 0 0}.project-arrow{font-size:24px;color:#929ba5}.center-action{text-align:center;margin-top:50px}.empty-message{padding:30px;background:var(--soft);border-radius:20px}
.graphic-placeholder{border-radius:24px;background:#f6f6f5;padding:45px;min-height:500px;display:grid;grid-template-columns:1.12fr .88fr;gap:45px;align-items:center}.graphic-placeholder-canvas{min-height:385px;position:relative;overflow:hidden}.visual-poster{position:absolute;box-shadow:0 25px 40px rgba(30,36,42,.13);border-radius:5px}.poster-a{width:220px;height:280px;background:#e8dcce;left:18px;top:57px;transform:rotate(-12deg);padding:29px 20px;display:flex;flex-direction:column;justify-content:space-between}.poster-a b{font-size:32px;line-height:1.04;letter-spacing:-2px}.poster-a span{font-size:10px;font-weight:800}.poster-b{width:220px;height:294px;background:#143f3c;left:172px;top:39px;transform:rotate(8deg);padding:18px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.poster-circle{width:175px;height:175px;border-radius:50%;background:linear-gradient(135deg,#ffdeaf,#e6a36a);position:relative;top:7px}.poster-b>b{font-size:21px;letter-spacing:-1px;line-height:1}.poster-c{height:130px;width:130px;right:11px;bottom:14px;background:#c8d7f0;transform:rotate(-8deg);display:grid;place-content:center;text-align:center}.poster-c>b{font-size:52px;letter-spacing:-5px;line-height:1}.poster-c b span{color:#0f6bdf}.poster-c>span{font-size:9px;letter-spacing:2px;font-weight:800}.graphic-placeholder-copy h3{font-size:clamp(33px,3.1vw,45px);margin:17px 0 18px}.graphic-placeholder-copy p{font-size:15px;line-height:1.9;max-width:350px}
/* Processo */
.process-section{background:#f8f9fb}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.process-item{border-top:1px solid #d5dbe2;padding-top:23px}.process-item>span{font-size:12px;font-weight:800;color:var(--blue)}.process-item h3{font-size:25px;margin:33px 0 12px}.process-item p{font-size:13px;line-height:1.8}
/* Páginas internas */
.inner-hero{padding-top:125px;padding-bottom:80px;border-bottom:1px solid var(--line)}.inner-hero h1{margin:23px 0 24px;max-width:1020px}.inner-intro{font-size:18px;line-height:1.85;max-width:635px;margin-bottom:0}.portfolio-page{padding-top:70px}.portfolio-hero{background:linear-gradient(#fff,#fcfcfd)}.about-section{padding-top:80px}.about-grid{display:grid;grid-template-columns:.91fr 1fr;gap:100px;align-items:center}.about-visual{border-radius:25px;overflow:hidden;aspect-ratio:.91;background:#edf1f6}.about-visual>img{height:100%;width:100%;object-fit:cover}.about-photo-placeholder{height:100%;background:radial-gradient(circle at 70% 18%,#d2e2f8,#edf1f6 62%);display:flex;flex-direction:column;justify-content:space-between;padding:36px;position:relative;overflow:hidden}.about-photo-meta{font-size:10px;font-weight:800;letter-spacing:2px;color:#677589}.about-photo-monogram{font:800 clamp(130px,18vw,230px)/1 Manrope,sans-serif;letter-spacing:-25px;color:#22334f;text-align:center;align-self:center;margin:auto}.about-photo-monogram span{color:var(--blue)}.about-photo-caption{font-size:12px;letter-spacing:1.8px;font-weight:800;color:#7e8da0}.about-copy h2{font-size:64px;margin:15px 0 17px}.about-copy h3{font-size:21px;font-family:'DM Sans',sans-serif;line-height:1.4;letter-spacing:-.6px;margin-bottom:26px}.about-copy p{font-size:15px;line-height:1.9}.about-copy .button{margin-top:22px}.capabilities-section{background:#f8f9fb}.capability-list{border-top:1px solid #e1e5eb}.capability-item{display:grid;grid-template-columns:55px 1fr 1.15fr 30px;align-items:center;gap:24px;border-bottom:1px solid #e1e5eb;padding:36px 10px}.capability-item>span:first-child{font-size:13px;color:var(--blue);font-weight:800}.capability-item h3{font-size:26px;margin:0}.capability-item p{font-size:14px;margin:0;line-height:1.75}.capability-item>span:last-child{font-size:25px;color:#888}.page-extra-copy{padding:0 0 80px}.quote-hero{padding-bottom:70px}.quote-section{padding-top:80px;background:#fbfcfd}.quote-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.quote-info h2{font-size:45px}.quote-info>p{font-size:15px;line-height:1.85;max-width:325px}.quote-contact-list{margin-top:50px;max-width:330px}.quote-contact-list>div{display:flex;flex-direction:column;gap:8px;padding:21px 0;border-top:1px solid var(--line)}.quote-contact-list span{font-size:10px;color:#9299a2;font-weight:800;letter-spacing:1.6px}.quote-contact-list a{font-size:16px;font-weight:750;overflow-wrap:anywhere}.quote-side-note{display:flex;align-items:center;gap:13px;max-width:315px;font-size:13px;color:#9299a3;margin-top:60px}.quote-side-note span{font-size:30px;color:var(--blue)}.quote-form-wrap{background:#fff;border:1px solid #ebedf0;border-radius:26px;padding:44px;box-shadow:0 18px 55px rgba(11,27,45,.04)}.quote-form-heading h2{font-size:29px;margin-bottom:8px}.quote-form-heading p{font-size:13px;margin-bottom:33px}.quote-form{display:flex;flex-direction:column;gap:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-field{display:flex;flex-direction:column;gap:9px}.form-field>label{font-size:12px;font-weight:800;color:#3e444d}.form-field input,.form-field select,.form-field textarea{width:100%;max-width:100%;border:1px solid #e6e9ed;border-radius:11px;min-height:50px;padding:13px 15px;background:#f9fafb;color:#1b1f25;font-size:13px;transition:border-color .2s,box-shadow .2s;outline:none}.form-field textarea{min-height:137px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#93b7ec;box-shadow:0 0 0 3px #edf4ff}.form-field input::placeholder,.form-field textarea::placeholder{color:#adb3bd}.form-submit{width:100%;justify-content:space-between;border:0}.form-privacy{font-size:11px;color:#9a9fa8;text-align:center;margin:-4px 0 0}.form-alert{padding:14px 17px;margin-bottom:23px;font-size:13px;border-radius:10px}.is-success{background:#e9f9ef;color:#14663c}.is-error{background:#fff0ed;color:#9a3535}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}.content-default{min-height:300px}.reading-width{max-width:780px}.reading-width p{line-height:1.9}.reading-width img{border-radius:16px}.post-summary{padding:20px 0;border-bottom:1px solid var(--line)}.single-cover{margin-bottom:36px}
/* Rodapé */
.site-footer{background:#f4f5f7;margin-top:0}.footer-cta{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-top:98px;padding-bottom:92px;border-bottom:1px solid #dfe3e8}.footer-cta h2{font-size:clamp(45px,5.4vw,72px);margin:13px 0 0}.footer-cta h2 em{font-family:Georgia,serif;color:#1b67c2;font-weight:400;letter-spacing:-.05em}.footer-cta>.button{margin-bottom:13px}.footer-main{display:grid;grid-template-columns:1.8fr 1fr 1.15fr;gap:50px;padding-top:65px;padding-bottom:68px}.footer-brand .brand{margin-bottom:23px}.footer-brand p{max-width:285px;font-size:13px;line-height:1.8}.footer-links{display:flex;flex-direction:column;align-items:start;gap:11px}.footer-links a{font-size:13px;color:#515861;overflow-wrap:anywhere}.footer-links a:hover{color:var(--blue)}.footer-label{font-size:10px;font-weight:800;color:#9da3ac;letter-spacing:1.5px;margin-bottom:9px}.footer-bottom{border-top:1px solid #dfe3e8;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px;color:#9198a2}.footer-bottom a{font-weight:750;color:#646b75}
/* Animação leve */
.js-enabled .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}.js-enabled .reveal.revealed{opacity:1;transform:none}
/* WordPress */
.alignwide{max-width:calc(var(--container) + 80px);margin-left:auto;margin-right:auto}.alignfull{width:100%}.wp-block-image img{height:auto}.wp-block-button__link{border-radius:99px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:static!important;width:auto;height:auto;clip:auto}
@media(max-width:1100px){.container{width:min(var(--container),calc(100% - 54px))}.hero-content{gap:24px}.hero-copy h1{font-size:clamp(44px,5.3vw,67px)}.hero-showcase{height:470px}.showcase-screen{height:315px}.screen-statement{font-size:48px}.about-grid,.quote-grid{gap:56px}.graphic-placeholder-canvas{transform:scale(.88);transform-origin:left center}}
@media(max-width:860px){.site-header{height:70px}.menu-toggle{display:flex}.header-contact{display:none}.main-navigation{position:absolute;top:70px;left:0;right:0;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);padding:16px 27px 24px;background:rgba(255,255,255,.98);border-bottom:1px solid #e9ebef;box-shadow:0 18px 24px rgba(0,0,0,.04);transition:.2s}.menu-is-open .main-navigation{visibility:visible;opacity:1;pointer-events:auto;transform:none}.menu-is-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-is-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.nav-links{flex-direction:column;align-items:stretch;gap:0}.nav-links a{display:block;padding:13px 0;font-size:16px}.section-pad{padding:80px 0}.hero-section{padding-top:83px}.hero-content{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:0}.hero-copy h1{max-width:720px;font-size:clamp(49px,8vw,80px)}.hero-showcase{height:490px;max-width:650px;width:100%;margin:auto}.section-head{align-items:start;flex-direction:column;gap:21px}.section-head>p{max-width:560px}.feature-copy{padding:55px 40px}.feature-metric{min-height:350px}.metric-grid{width:255px;height:255px}.metric-core{font-size:75px}.about-grid{grid-template-columns:.85fr 1fr;gap:35px}.about-copy h2{font-size:50px}.capability-item{grid-template-columns:35px 1fr 1fr 24px;gap:14px}.quote-grid{grid-template-columns:1fr;gap:44px}.quote-info{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px}.quote-info h2,.quote-info>p{grid-column:1}.quote-contact-list{grid-column:2;grid-row:1/4;margin-top:0}.quote-side-note{margin-top:0}.footer-cta{padding-top:72px;padding-bottom:72px}}
@media(max-width:640px){.container{width:calc(100% - 38px)}.section-pad{padding:65px 0}.eyebrow{font-size:10px;letter-spacing:1.55px}h1{font-size:47px}h2{font-size:39px}.hero-section{padding-top:62px;padding-bottom:45px}.hero-copy h1{font-size:clamp(44px,11.5vw,61px);letter-spacing:-.068em;line-height:1.09;margin:19px 0}.hero-copy>p{font-size:15px;line-height:1.8}.hero-buttons{gap:14px}.hero-buttons .button-dark{width:100%}.hero-buttons .button-text{width:100%;justify-content:center}.hero-meta{margin-top:22px;gap:9px 14px;font-size:10px}.hero-showcase{height:340px;margin-top:20px}.showcase-background{inset:3px 0 5px}.showcase-screen{width:87%;height:238px;border-width:5px;transform:rotate(-3deg) translate(-8px,-7px)}.browser-bar{height:27px}.screen-content{height:calc(100% - 27px);padding:16px}.screen-content:before{width:160px;height:160px;top:34px;right:-40px}.screen-statement{font-size:42px;margin:40px 0 25px;letter-spacing:-3px}.screen-top,.screen-lower{font-size:7px}.floating-card{right:-4px;bottom:21px;min-width:200px;padding:9px 12px;gap:8px}.floating-icon{height:34px;width:34px;font-size:21px}.floating-card strong{font-size:10px}.floating-card small{font-size:8px}.showcase-note{display:none}.statement-inner{flex-wrap:wrap;justify-content:center;font-size:10px;gap:9px 13px;padding:18px 0}.statement-separator{font-size:9px}.section-head h2{margin-top:13px}.expertise-grid,.projects-grid{grid-template-columns:1fr}.expertise-card{min-height:565px}.web-art,.graphic-art{height:355px}.web-art-window{top:96px;height:250px}.web-art-type{font-size:52px}.paper-1{left:8%;top:99px}.paper-2{left:41%;top:93px}.expertise-bottom{padding:0 26px 28px}.expertise-bottom h3{font-size:27px}.expertise-card-top{left:26px;right:26px;top:23px}.feature-section{padding-top:0}.feature-shell{grid-template-columns:1fr}.feature-copy{padding:48px 27px 0}.feature-copy h2{font-size:50px}.feature-metric{min-height:285px}.metric-grid{height:225px;width:225px}.metric-pill{bottom:17px}.work-section{padding-top:74px}.projects-grid{gap:28px}.project-info h3{font-size:19px}.project-art{padding:23px 23px}.art-title{font-size:33px}.art-mark{height:115px;width:115px;font-size:72px}.graphic-placeholder{grid-template-columns:1fr;padding:26px;gap:12px}.graphic-placeholder-canvas{height:285px;min-height:285px;transform:scale(.71);width:140%;margin-bottom:-40px}.graphic-placeholder-copy h3{font-size:33px}.process-grid{grid-template-columns:1fr 1fr;gap:34px 18px}.process-item h3{margin-top:25px;font-size:22px}.process-item p{font-size:12px}.inner-hero{padding-top:75px;padding-bottom:62px}.inner-hero h1{font-size:clamp(44px,10vw,60px)}.inner-intro{font-size:16px}.about-grid{grid-template-columns:1fr;gap:38px}.about-visual{max-width:530px}.about-photo-monogram{font-size:170px}.about-copy h2{font-size:53px}.about-copy h3{font-size:18px}.capability-item{grid-template-columns:25px 1fr 24px;gap:11px;padding:29px 0}.capability-item h3{font-size:21px}.capability-item p{grid-column:2;grid-row:2}.capability-item>span:last-child{grid-column:3;grid-row:1}.quote-info{display:block}.quote-info h2{font-size:38px}.quote-contact-list{margin-top:30px}.quote-side-note{margin-top:20px}.quote-form-wrap{padding:25px 20px}.form-row{grid-template-columns:1fr}.footer-cta{flex-direction:column;align-items:start;padding:70px 0 55px}.footer-cta h2{font-size:48px}.footer-cta>.button{margin:0}.footer-main{grid-template-columns:1fr 1fr;gap:35px 20px;padding:45px 0}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:start;flex-direction:column;gap:10px}.portfolio-switch{gap:16px}.portfolio-tab{font-size:12px;padding-bottom:15px}}
@media(max-width:390px){.container{width:calc(100% - 30px)}.hero-copy h1{font-size:42px}.hero-showcase{height:300px}.showcase-screen{height:215px}.screen-statement{font-size:34px}.floating-card{right:0;bottom:10px}.paper-2{left:35%}.expertise-card{min-height:540px}.expertise-bottom h3{font-size:25px}.project-art .art-title{font-size:28px}.graphic-placeholder-canvas{transform:scale(.6);margin-bottom:-73px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.js-enabled .reveal{opacity:1;transform:none}}

/* R2 Studio Clean 1.1 — contatos, confiança e informações institucionais */
.trust-section{background:#f9fafb;border-top:1px solid var(--line)}
.r2-trust-principles,.r2-testimonial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:46px}
.r2-principle,.r2-testimonial-card{padding:34px 32px;border:1px solid #e9edf1;border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(15,23,42,.035);margin:0;min-width:0}
.r2-principle>span{font-size:12px;color:var(--blue);font-weight:750;letter-spacing:.1em}
.r2-principle h3{font-size:23px;letter-spacing:-.045em;line-height:1.25;margin:22px 0 10px}
.r2-principle p{color:var(--muted);margin:0;line-height:1.7;font-size:14px}
.r2-testimonial-card{display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.r2-testimonial-card blockquote{margin:0;font-size:17px;line-height:1.8;overflow-wrap:anywhere}
.r2-testimonial-card figcaption{font-size:13px;display:flex;flex-direction:column;gap:3px}
.r2-testimonial-card figcaption span{color:var(--muted)}
.trust-contact-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px}
.trust-contact-row p{margin:0;font-weight:600}
.r2-company-meta{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin-top:8px}
.footer-legal{display:flex;gap:14px 24px;flex-wrap:wrap;align-items:center}
.footer-legal a{color:inherit;text-decoration:none}
.footer-legal a:hover,.form-privacy a:hover{text-decoration:underline}
.form-privacy a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.r2-trust-principles,.r2-testimonial-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.r2-trust-principles,.r2-testimonial-grid{grid-template-columns:1fr;gap:12px;margin-top:28px}.r2-principle,.r2-testimonial-card{padding:27px 24px}.trust-contact-row{flex-direction:column;align-items:flex-start}.footer-legal{gap:9px 18px}}

/* R2 Studio Clean 1.2: apresentação direta e portfólio de sites com prévias reais */
.r2-hero-new{padding-top:105px;padding-bottom:95px;background:#fff}
.r2-hero-new .hero-content{grid-template-columns:1.07fr .93fr;gap:48px}
.r2-hero-new .hero-copy h1{font-size:clamp(53px,5.55vw,79px);max-width:670px;line-height:1.075;letter-spacing:-.077em;margin:22px 0 27px}
.r2-hero-new .hero-copy>p{font-size:18px;line-height:1.72;color:#6b717a;max-width:490px;margin-bottom:33px}
.r2-hero-new .hero-copy>p strong{font-weight:700;color:#292d33}
.r2-hero-new .hero-meta{margin-top:44px;gap:10px 23px;font-weight:650;font-size:12px;color:#8c9096}
.r2-hero-new .hero-meta>span:not(:first-child):before{content:'•';margin-right:21px;color:#c2c7cd}
.r2-live-showcase{height:490px;isolation:isolate}
.r2-live-showcase .showcase-background{inset:24px 0 22px 3%;border-radius:30px;background:linear-gradient(135deg,#f8f9fc 0%,#edeff5 92%)}
.r2-showcase-capture{position:absolute;overflow:hidden;background:#f6f7f9;border:6px solid #fff;border-radius:13px;box-shadow:0 24px 49px rgba(24,33,46,.18)}
.r2-showcase-capture img{width:100%;height:calc(100% - 30px);object-fit:cover;object-position:center top;background:#eef1f4}
.r2-showcase-capture.capture-one{z-index:2;width:83%;height:309px;top:86px;left:3%;transform:rotate(-5deg)}
.r2-showcase-capture.capture-two{z-index:3;width:54%;height:245px;top:173px;right:-4%;transform:rotate(7deg);box-shadow:0 22px 39px rgba(24,33,46,.2)}
.r2-shot-bar{height:30px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid #ebedf0;color:#889099}
.r2-shot-dots,.project-browser-dots{display:flex;gap:5px}.r2-shot-dots i,.project-browser-dots i{width:7px;height:7px;background:#dadfe5;border-radius:50%}.r2-shot-dots i:first-child,.project-browser-dots i:first-child{background:#f5b1aa}.r2-shot-dots i:nth-child(2),.project-browser-dots i:nth-child(2){background:#e8ca79}.r2-shot-dots i:nth-child(3),.project-browser-dots i:nth-child(3){background:#a1d7b6}
.r2-shot-bar small{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}
.r2-showcase-signature{position:absolute;bottom:15px;left:8%;right:3%;display:flex;justify-content:space-between;color:#9098a3;font-size:10px;font-weight:800;letter-spacing:1.2px}
.r2-showcase-signature span{font-weight:900;color:#1e242c}
.portfolio-gallery-note{font-size:13px;margin:-12px 0 27px;color:#8d939c}
.projects-grid{gap:44px 28px}
.project-card{min-width:0}
.project-browser-preview{display:block;aspect-ratio:1.43;background:#f2f3f6;border:1px solid #e7e9ed;box-shadow:0 9px 30px rgba(15,21,31,.05);transition:box-shadow .3s,transform .3s}
.project-browser-preview:hover{transform:translateY(-4px);box-shadow:0 24px 40px rgba(15,21,31,.12)}
.project-browser-preview .project-browser-bar{position:absolute;display:flex;z-index:2;align-items:center;justify-content:space-between;top:0;left:0;right:0;height:37px;background:#fff;border-bottom:1px solid #ebedf0;padding:0 17px}
.project-browser-url{font-size:10px;white-space:nowrap;max-width:60%;overflow:hidden;text-overflow:ellipsis;color:#9ba1a8;letter-spacing:.05em}
.project-browser-action{font-size:15px;color:#9a9fa6}
.project-photo-wrap{display:block;position:absolute;inset:0;overflow:hidden}
.project-browser-preview .project-photo-wrap{inset:37px 0 0}
.project-browser-preview .project-photo{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .65s cubic-bezier(.2,.6,.3,1)}
.project-browser-preview:hover .project-photo{transform:scale(1.035)}
.project-image-label{position:absolute;z-index:3;bottom:14px;left:14px;right:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);padding:10px 15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 22px #00000018;border:1px solid #ffffffb8;border-radius:10px;font-size:10px;font-weight:850;letter-spacing:.1em;color:#838b95}
.project-image-label span{color:#252d37;letter-spacing:.03em}
.project-browser-preview .project-art{padding:28px 32px}
.project-browser-preview .project-art .art-title{font-size:35px}
.project-browser-preview .art-mark{width:100px;height:100px;font-size:70px}
.project-browser-preview .project-photo-wrap:not(:has(.project-photo)) .project-art{display:flex}
.project-browser-preview~.project-info{padding:20px 5px 0}
.project-info h3{font-size:21px;letter-spacing:-.65px}
.work-section{padding-top:112px}
.r2-steps-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.r2-hero-new .hero-content{gap:26px}.r2-hero-new .hero-copy h1{font-size:clamp(47px,5.5vw,68px)}.r2-live-showcase{height:450px}}
@media(max-width:860px){.r2-hero-new{padding-top:72px}.r2-hero-new .hero-content{display:flex;flex-direction:column;align-items:stretch}.r2-hero-new .hero-copy h1{font-size:clamp(52px,8vw,79px)}.r2-live-showcase{height:480px;max-width:690px}.r2-showcase-capture.capture-one{top:60px;height:325px}.r2-showcase-capture.capture-two{top:182px;height:246px}}
@media(max-width:640px){.r2-hero-new{padding:65px 0 42px}.r2-hero-new .hero-copy h1{font-size:clamp(46px,11vw,62px);letter-spacing:-.071em;max-width:520px}.r2-hero-new .hero-copy>p{font-size:15px;line-height:1.75}.r2-hero-new .hero-meta{margin-top:27px;font-size:10px;gap:8px 14px}.r2-hero-new .hero-meta>span:not(:first-child):before{margin-right:13px}.r2-live-showcase{height:330px;margin-top:16px}.r2-showcase-capture{border-width:4px}.r2-showcase-capture.capture-one{width:87%;height:222px;top:45px;left:4%}.r2-showcase-capture.capture-two{width:57%;height:166px;top:124px;right:-2%}.r2-shot-bar{height:23px;padding:0 6px;gap:4px}.r2-shot-bar small{font-size:7px}.r2-shot-dots i{width:5px;height:5px}.r2-showcase-capture img{height:calc(100% - 23px)}.r2-showcase-signature{font-size:8px;bottom:4px}.r2-steps-3{grid-template-columns:1fr;gap:17px}.r2-steps-3 .process-item{padding:20px 0;border-bottom:1px solid #ebedf0}.r2-steps-3 .process-item h3{margin-top:12px}.project-browser-preview .project-browser-bar{height:32px;padding:0 12px}.project-browser-preview .project-photo-wrap{top:32px}.project-browser-url{font-size:9px}.project-browser-dots i{width:6px;height:6px}.project-image-label{padding:8px 10px;font-size:9px;bottom:10px;left:10px;right:10px}.portfolio-gallery-note{font-size:12px}.project-info h3{font-size:19px}}

/* ===== V1.3: centro tipográfico + ícones (sem capturas automáticas) ===== */
.r2-wordmark{display:inline-flex;align-items:center;gap:10px;color:#16191f}
.r2-wordmark-symbol{font:850 34px/1 Manrope,sans-serif;letter-spacing:-3px}
.r2-wordmark-name{display:flex;flex-direction:column;font:850 12px/1 Manrope,sans-serif;letter-spacing:-.45px}
.r2-wordmark-name>span{font-weight:650;letter-spacing:2.1px;font-size:9px;margin-top:3px}
.custom-logo-mark{max-height:50px;max-width:190px;width:auto;object-fit:contain}
.r2-hero-centered{padding:114px 0 118px}
.r2-hero-centered .hero-content{display:block;max-width:1120px;text-align:center}
.r2-hero-centered .hero-copy{width:100%;max-width:950px;margin:0 auto;padding:0}
.r2-hero-centered .hero-copy h1{font-size:clamp(57px,7.8vw,108px);letter-spacing:-.075em;line-height:1.07;max-width:960px;margin:27px auto 28px;text-wrap:balance}
.r2-hero-centered .hero-copy>p{margin:0 auto 34px;font-size:18px;line-height:1.8;max-width:700px}
.r2-hero-centered .hero-buttons{justify-content:center;gap:14px}
.r2-hero-centered .hero-meta{justify-content:center;gap:0;margin:55px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:.65px}
.r2-hero-centered .hero-meta>span{display:inline-flex;gap:0;align-items:center}
.r2-hero-centered .hero-meta>span+span:before{content:'•';color:#bec2ca;margin:0 20px}
.expertise-card{min-height:510px;background:#f8f9fa;border:1px solid #eef0f2}
.expertise-card.web-expertise{background:#f3f6fa}
.expertise-card-top{position:relative;inset:auto;padding:30px 34px 0}
.expertise-icon{flex:1;display:grid;place-items:center;padding:40px 0 25px}
.expertise-icon-ring{display:grid;place-items:center;width:184px;height:184px;border-radius:50%;border:1px solid #e3e7ec;background:#fff;color:#111923;box-shadow:0 18px 50px #16233c08}
.graphic-expertise .expertise-icon-ring{color:#29384d}
.web-expertise .expertise-icon-ring{color:#164b89}
.expertise-bottom{padding:0 35px 36px}
.expertise-bottom h3{font-size:30px}
.expertise-bottom>span{letter-spacing:.3px}
.feature-shell{grid-template-columns:1.2fr .8fr;min-height:375px}
.feature-icon{display:grid;place-items:center;color:#29436c}
.feature-icon svg{width:150px;height:150px;padding:35px;border:1px solid #dce6f0;border-radius:50%;background:#fff}
.project-icon-card{background:#f7f8fa;border:1px solid #e8eaee;aspect-ratio:1.56;transition:transform .25s,background .25s,border-color .25s}
.project-icon-card:hover{transform:translateY(-4px);background:#eff3f8;border-color:#dfe6ee}
.project-icon-layout{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:27px}
.project-icon-round{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#25374c;border:1px solid #e6ebef;box-shadow:0 14px 28px #18283c0a}
.project-card:nth-child(2n) .project-icon-round{color:#32617b}
.project-card:nth-child(3n) .project-icon-round{color:#43618f}
.project-type-caption{font-size:10px;font-weight:800;letter-spacing:2px;color:#9aa0a8}
.project-icon-card .project-visit{width:39px;height:39px;top:18px;right:18px;background:#fff;border:1px solid #e7eaee;box-shadow:none;color:#5b646f}
.project-icon-card.has-graphic-image .project-photo{height:100%;object-fit:cover}
.project-icon-card.has-graphic-image .project-icon-layout{display:none}
.portfolio-gallery-note{margin:-8px 0 26px}
.graphic-placeholder-simple{grid-template-columns:auto 1fr;min-height:300px;padding:56px 70px;gap:60px}
.graphic-placeholder-icon{width:145px;height:145px;border:1px solid #e0e4e9;border-radius:50%;background:#fff;display:grid;place-items:center;color:#2b465c}
.graphic-placeholder-simple .graphic-placeholder-copy h3{font-size:clamp(30px,3.1vw,42px)}
.about-icon-visual{aspect-ratio:1.05;background:#f6f8fa;display:grid;place-items:center;border:1px solid #eceff2}
.about-icon-wrap{width:220px;height:220px;border-radius:50%;background:#fff;box-shadow:0 24px 45px #1d2c3c0a;border:1px solid #e7ebee;display:flex;flex-direction:column;gap:19px;align-items:center;justify-content:center;color:#243b56}
.about-icon-wrap span{font-size:10px;letter-spacing:1.3px;color:#929ba6;font-weight:750}
.about-icon-wrap span strong{color:var(--blue);padding:0 3px}
.r2-steps-3 .process-item>span{display:inline-flex;align-items:center;min-height:34px}
@media(max-width:980px){.r2-hero-centered .hero-content{display:block}.r2-hero-centered .hero-copy h1{font-size:clamp(52px,9.2vw,90px)}.feature-shell{grid-template-columns:1fr 260px}.graphic-placeholder-simple{padding:35px;gap:32px}}
@media(max-width:700px){.r2-hero-centered{padding:75px 0 76px}.r2-hero-centered .hero-copy h1{font-size:clamp(45px,11vw,66px);margin:20px auto 24px}.r2-hero-centered .hero-copy>p{font-size:15px;line-height:1.75;max-width:520px}.r2-hero-centered .hero-buttons{gap:8px}.r2-hero-centered .hero-buttons .button{font-size:12px}.r2-hero-centered .hero-meta{margin-top:32px;gap:9px 0;flex-wrap:wrap;font-size:9px}.r2-hero-centered .hero-meta>span+span:before{margin:0 9px}.expertise-card{min-height:400px}.expertise-icon{padding:40px 0 30px}.expertise-icon-ring{width:120px;height:120px}.expertise-icon-ring svg{width:46px;height:46px}.feature-shell{grid-template-columns:1fr}.feature-icon{display:none}.project-icon-round{width:110px;height:110px}.project-icon-round svg{width:45px;height:45px}.graphic-placeholder-simple{display:flex;flex-direction:column;text-align:center;padding:36px 18px}.graphic-placeholder-icon{width:120px;height:120px;flex:0 0 auto}.graphic-placeholder-icon svg{width:58px;height:58px}.about-icon-wrap{width:175px;height:175px}}

/* R2 Studio Clean 1.4 — apresentação objetiva dos serviços (sem ícones nesta seção) */
.expertise-section{padding-top:118px;padding-bottom:106px}
.expertise-heading{align-items:end;margin-bottom:52px}
.expertise-heading .eyebrow{font-size:11px;letter-spacing:2.1px}
.expertise-heading h2{font-size:clamp(56px,7vw,92px);line-height:1.08;letter-spacing:-.075em;max-width:950px;margin:18px 0 0}
.expertise-heading>p{max-width:320px;line-height:1.75;font-size:16px;color:#6c737d}
.expertise-grid-text{gap:22px}
.expertise-grid-text .expertise-card{min-height:0;border-radius:25px;justify-content:space-between;overflow:hidden;border:1px solid #edeff1}
.expertise-grid-text .graphic-expertise{background:#f7f7f6}
.expertise-grid-text .web-expertise{background:#f5f7fa}
.expertise-grid-text .expertise-card-top{position:relative;inset:auto;padding:30px 34px 0;z-index:1}
.expertise-grid-text .circle-arrow{background:#fff}
.expertise-service-copy{display:flex;flex-direction:column;padding:45px 38px 36px;flex:1}
.expertise-service-copy h3{font-size:clamp(29px,3vw,41px);line-height:1.16;letter-spacing:-.057em;margin:0 0 18px}
.expertise-service-copy .expertise-lead{font-size:15px;line-height:1.77;color:#5b646f;max-width:430px;min-height:84px;margin-bottom:28px}
.expertise-service-list{border-top:1px solid #e0e4e8;margin-top:0}
.expertise-service-row{padding:16px 0;border-bottom:1px solid #e0e4e8;display:flex;flex-direction:column;gap:4px}
.expertise-service-row strong{font-size:14px;line-height:1.35;color:#1c222a;font-weight:750}
.expertise-service-row span{font-size:13px;line-height:1.6;color:#69717b}
.expertise-view{margin-top:auto;padding-top:25px;color:#1b2836;font-size:13px;font-weight:800;display:inline-flex;gap:17px;align-items:center}
.expertise-view span{font-size:18px;font-weight:400;transition:transform .2s}
.expertise-grid-text .expertise-card:hover .expertise-view span{transform:translate(3px,-3px)}
@media(max-width:980px){
 .expertise-heading h2{font-size:clamp(54px,7vw,78px)}
 .expertise-grid-text .expertise-card-top{padding:25px 25px 0}
 .expertise-service-copy{padding:38px 27px 29px}
 .expertise-service-copy h3{font-size:clamp(27px,3.1vw,35px)}
}
@media(max-width:700px){
 .expertise-section{padding-top:82px;padding-bottom:74px}
 .expertise-heading{gap:16px;margin-bottom:29px}
 .expertise-heading h2{font-size:clamp(48px,10vw,66px);margin-top:12px}
 .expertise-heading>p{font-size:14px;max-width:500px}
 .expertise-grid-text{grid-template-columns:1fr;gap:16px}
 .expertise-grid-text .expertise-card{min-height:0}
 .expertise-grid-text .expertise-card-top{padding:24px 25px 0}
 .expertise-service-copy{padding:32px 26px 29px}
 .expertise-service-copy h3{font-size:clamp(30px,7vw,38px)}
 .expertise-service-copy .expertise-lead{font-size:14px;min-height:0;margin-bottom:19px}
 .expertise-service-row{padding:13px 0}
 .expertise-service-row strong{font-size:13px}
 .expertise-service-row span{font-size:12px}
}

/* R2 Studio Clean 1.5.0 — identidade laranja, preto e cinza-claro */
:root{--ink:#111114;--muted:#64686f;--subtle:#94979d;--line:#e5e6e8;--bg:#fff;--soft:#f6f6f7;--soft2:#efeff0;--blue:#f26516;--blue-dark:#c94c05;--shadow:0 20px 50px rgba(20,20,20,.065)}
::selection{background:#ffd5bb;color:#231306}
:focus-visible{outline-color:#f26516}
body{background:#fff;color:var(--ink)}
a:hover{color:var(--blue)}
/* Logo centralizada, navegação à esquerda, ação à direita */
.site-header{background:rgba(255,255,255,.95);border-bottom:1px solid #ececed;box-shadow:0 5px 20px rgba(19,19,19,.025)}
.nav-shell{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:22px}
.nav-shell>.header-brand{grid-column:2;grid-row:1;justify-self:center;z-index:2;display:flex;align-items:center;justify-content:center}
.nav-shell>.main-navigation{grid-column:1;grid-row:1;justify-self:start;min-width:0}
.nav-shell>.header-actions{grid-column:3;grid-row:1;justify-self:end}
.custom-logo-mark.r2-original-logo{height:auto;width:257px;max-height:48px;max-width:257px;object-fit:contain}
.nav-links{gap:23px}.nav-links a{font-size:12px;color:#46474a}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--blue)}
.header-contact{background:#151515;color:#fff;border:1px solid #151515}.header-contact:hover{background:#f26516;border-color:#f26516;color:#111}
/* Títulos e ações */
.eyebrow{color:#8b8c91}.blue-dot,.r2-hero-accent{color:#f26516}
.r2-hero-centered .eyebrow{color:#d34e08}
.r2-hero-centered .hero-copy h1{max-width:1030px}
.r2-hero-centered .hero-copy h1:after{content:"";width:68px;height:5px;background:#f26516;border-radius:6px;display:block;margin:27px auto 0}
.r2-hero-centered .hero-copy>p strong{color:#111}
.r2-hero-centered .hero-copy>p{color:#606168}
.r2-hero-centered .hero-meta{color:#5b6068}
.r2-hero-centered .hero-meta>span+span:before{color:#f26516}
.button-dark{background:#161616;color:#fff}.button-dark:hover{background:#f26516;color:#111;box-shadow:0 12px 28px rgba(242,101,22,.18)}
.button-outline{background:#fff;border-color:#dbdde0;color:#161616}.button-outline:hover{background:#fff2e9;border-color:#f26516;color:#bd4300}
.button-text:hover,.inline-link:hover{color:#e65b0a}
/* Faixa de assinatura com contraste */
.statement-strip{background:#161616;border-color:#161616}
.statement-inner{color:#fff;letter-spacing:.45px}
.statement-separator{color:#ff7b35;font-size:17px}
/* Serviços: cinza suave, detalhes laranja e preto */
.expertise-section{background:#fafafb}
.expertise-heading h2{color:#131313}
.expertise-heading>p{color:#696d74}
.expertise-grid-text .expertise-card{background:#fff;border:1px solid #e9e9ea;border-top:4px solid #f26516;box-shadow:0 16px 32px rgba(16,16,16,.028)}
.expertise-grid-text .web-expertise{background:#f2f3f4;border-top-color:#18191b}
.expertise-grid-text .expertise-card:hover{box-shadow:0 23px 44px rgba(16,16,16,.075)}
.expertise-grid-text .graphic-expertise .small-tag{color:#d85209}
.expertise-grid-text .web-expertise .small-tag{color:#44474a}
.expertise-grid-text .circle-arrow{background:#fff2e8;border:1px solid #ffd8c2;color:#e75c0b}
.expertise-grid-text .expertise-service-row{border-color:#e4e4e5}
.expertise-view{color:#dc5509}
.expertise-grid-text .web-expertise .expertise-view{color:#161616}
/* Faixa preta de destaque */
.feature-section{background:#fff}
.feature-shell{background:#161616;color:#fff;border:1px solid #222}
.feature-copy h2{color:#fff}
.feature-copy h2 em{color:#ff823e}
.feature-copy p{color:#c9cbce}
.feature-copy .eyebrow{color:#ff9c68}
.feature-copy .inline-link{color:#fff}
.feature-copy .inline-link:hover{color:#ff9c68}
.feature-icon{color:#ff823e}
.feature-icon svg{background:#262626;border-color:#454545;color:#ff823e}
/* Portfólio limpo, ícones pontuais laranja */
.project-icon-card{background:#f3f4f5;border-color:#e5e5e6}
.project-icon-card:hover{background:#efefef;border-color:#ffd1b8}
.project-icon-round{color:#e95e12;background:#fff;border-color:#ededed}
.project-card:nth-child(2n) .project-icon-round{color:#222}
.project-card:nth-child(3n) .project-icon-round{color:#e95e12}
.portfolio-tab.is-active:after{background:#f26516}
.project-icon-card .project-visit{color:#e55c0e}
.graphic-placeholder-simple,.about-icon-visual{background:#f4f4f5}
.graphic-placeholder-icon,.about-icon-wrap{color:#f26516}
.about-icon-wrap span strong{color:#f26516}
/* Etapas e confiança */
.process-section{background:#f3f4f5}
.process-item{border-color:#dcdfe2}
.process-item>span{color:#ed6419}
.trust-section{background:#fafafa}
.r2-principle{border-color:#e7e7e8}
/* Rodapé: manter estrutura e informações de contato */
.site-footer{background:#f0f1f2}
.footer-cta h2 em{color:#f26516}
.footer-links a:hover,.footer-legal a:hover{color:#c8510d}
/* Menu recolhido para assegurar espaço físico à logo centralizada */
@media(max-width:1100px){
  .nav-shell{grid-template-columns:1fr auto 1fr;gap:8px}
  .menu-toggle{display:flex}
  .header-contact{display:none}
  .main-navigation{position:absolute;top:80px;left:0;right:0;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);padding:18px 26px 22px;background:#fff;border-bottom:1px solid #e9e9e9;box-shadow:0 18px 30px #1111110d;transition:.2s}
  .menu-is-open .main-navigation{visibility:visible;opacity:1;pointer-events:auto;transform:none}
  .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .nav-links a{display:block;padding:13px 0;font-size:16px}
}
@media(max-width:860px){.main-navigation{top:70px}}
@media(max-width:640px){
  .custom-logo-mark.r2-original-logo{width:222px;max-width:222px;max-height:44px}
  .r2-hero-centered .hero-copy h1:after{margin-top:20px;width:52px;height:4px}
  .statement-inner{gap:8px 13px}
  .statement-inner span{font-size:10px}
  .statement-inner .statement-separator{color:#f26516}
}
@media(max-width:390px){.custom-logo-mark.r2-original-logo{width:194px;max-width:194px}}