/*
Theme Name: Treos Estudio
Version: 1.0.0
Text Domain: treos-estudio
*/
:root{--ink:#123653;--paper:#f5f8fb;--olive:#1765a0;--line:#cfdeea;--yellow:#cce7fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--olive);outline-offset:6px}p{margin:0 0 20px}h1,h2,h3{font-weight:400;margin:0;line-height:1.08}h1,h2{font-family:Georgia,serif}h1{font-size:76px;letter-spacing:-3px}h2{font-size:49px;letter-spacing:-1.8px}em{color:var(--olive);font-weight:400}.wrap{max-width:1160px;margin:auto;width:calc(100% - 88px)}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;margin:0 0 26px}.header{background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.head{height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:27px;font-weight:700;letter-spacing:3px;display:flex;align-items:center;gap:14px;line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:1.8px;margin-top:8px}.mark{color:var(--olive);font-size:38px;letter-spacing:-9px;transform:skew(-12deg);padding-right:9px}.head nav{display:flex;gap:32px;font-size:13px}.head nav a:hover,.textlink:hover{color:var(--olive)}.call{font-size:13px;border:1px solid var(--ink);border-radius:4px;padding:10px 16px}.call span{padding-left:18px}.mobile{display:none}.skip{position:absolute;top:-100px;background:white;padding:10px}.skip:focus{top:5px;z-index:99}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:70px;padding-top:90px;padding-bottom:90px;align-items:center}.intro{max-width:470px;font-size:17px;line-height:1.7;color:#56636a;margin-top:30px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:white;padding:15px 23px;border-radius:4px;font-size:13px;line-height:1.5}.button:hover{background:var(--olive)}.textlink{font-size:12px}.audience{font-size:9px;letter-spacing:1.7px;margin:45px 0 0;color:#62706d}.audience i{font-style:normal;padding:0 14px}.visual{position:relative;padding:35px 15px}.paper{background:#e3eff8;padding:35px 32px 26px;border:1px solid #c2d9eb;box-shadow:14px 15px 0 #d3e3ef;transform:rotate(-3deg)}.paper .eyebrow{font-size:9px;margin-bottom:18px}.paper h2{font-size:33px;letter-spacing:-1px;margin-bottom:25px}.paperrow{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bfd2e1;padding:11px 0;font:25px Georgia,serif}.paperrow small{font:10px Arial,sans-serif;color:var(--olive)}.paperfoot{border-top:1px solid #bfd2e1;padding-top:20px;font-size:10px;font-weight:bold;letter-spacing:2px;margin:0;display:flex;justify-content:space-between}.paperfoot span{font-weight:normal;letter-spacing:0}.stamp{position:absolute;right:-5px;top:1px;z-index:1;background:var(--yellow);width:89px;height:89px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:11px;font-weight:bold;letter-spacing:2px;line-height:1.6;transform:rotate(12deg)}.services{background:white;padding:75px 0 80px}.sectionhead{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:end;margin-bottom:40px}.sectionhead p:last-child{max-width:355px;font-size:15px;color:#5a666d;margin:0 0 5px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{border:1px solid var(--line);padding:27px 22px;display:flex;flex-direction:column;min-height:332px;transition:transform .15s,background .15s}.card:hover{transform:translateY(-5px);background:var(--paper)}.num{color:var(--olive);font-size:10px;letter-spacing:2px;margin-bottom:35px}.card h3{font:30px Georgia,serif;margin-bottom:20px}.card strong{font-size:12px;line-height:1.6}.card p{font-size:12px;color:#59676c;margin:12px 0 25px;line-height:1.8}.arrow{font-size:11px;font-weight:bold;margin-top:auto}.approach{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.steps article{display:flex;gap:26px;padding:24px 0;border-bottom:1px solid var(--line)}.steps article:first-child{border-top:1px solid var(--line)}.steps article>span{font-size:10px;color:var(--olive);padding-top:6px}.steps h3{font:27px Georgia,serif;margin-bottom:10px}.steps p{font-size:13px;color:#59676c;margin:0;line-height:1.8}.contact{background:var(--ink);color:var(--paper);padding:78px 0}.contactgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:90px}.contact .eyebrow{color:#b6d9f2}.contact h2{font-size:58px;margin-bottom:28px}.contact p{color:#c4ccd0;max-width:390px;font-size:15px}.light{background:var(--yellow);color:var(--ink);margin-top:15px}.light:hover{background:white}.contactinfo>div{padding:18px 0;border-bottom:1px solid #41637d}.contactinfo>div:first-child{padding-top:0}.contactinfo small{font-size:9px;color:#b6d9f2;letter-spacing:2px;display:block;margin-bottom:10px}.contactinfo a:not(.map){font:26px Georgia,serif}.contactinfo p{font-size:17px;margin-bottom:8px}.contactinfo .map{font-size:11px;color:var(--yellow)}.footer{padding-top:42px;padding-bottom:30px}.footbrand{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid var(--line)}.footbrand span{font:18px Georgia,serif}.footbottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;padding-top:20px;color:#617076}.footbottom nav{display:flex;gap:26px}.inner{padding-top:70px;padding-bottom:90px;min-height:65vh}.inner h1{font-size:58px;margin-bottom:45px;max-width:850px}.pagegrid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:75px}.prose{color:#4d5b61;line-height:1.85;overflow-wrap:anywhere}.prose h2{font-size:31px;margin:28px 0 18px}.prose h3{font-size:24px;margin:28px 0 18px}.prose ul,.prose ol{padding-left:24px}.prose a{text-decoration:underline}.pagegrid aside{background:#e5eff8;padding:27px;height:fit-content}.pagegrid aside h2{font-size:28px;margin-bottom:20px}.pagegrid aside p{font-size:13px}.pagegrid aside>a{display:block;font-size:14px;margin-top:16px}.pagegrid aside .button{color:white;font-size:11px;margin-top:24px}#servicios,#enfoque,#contacto{scroll-margin-top:96px}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.head nav{gap:20px}.hero{gap:40px;padding-top:65px;padding-bottom:70px}h1{font-size:60px}.paper h2{font-size:28px}.cards{grid-template-columns:repeat(2,1fr)}.card{min-height:290px}.approach{gap:50px}.contactgrid{gap:50px}.pagegrid{gap:40px;grid-template-columns:minmax(0,1fr) 240px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.head{height:76px}.head nav,.call{display:none}.brand{font-size:23px}.mobile{display:block;position:relative;font-size:13px}.mobile summary{cursor:pointer}.mobile[open]{background:white;padding:13px 20px;position:absolute;right:20px;top:17px;box-shadow:0 12px 25px #12365320}.mobile a{display:block;padding-top:17px}.hero{grid-template-columns:1fr;gap:36px;padding-top:45px;padding-bottom:55px}h1{font-size:56px;letter-spacing:-2.4px}.hero .intro{font-size:16px;margin-top:24px}.eyebrow{font-size:9px}.actions{gap:20px}.audience{margin-top:30px;font-size:8px}.audience i{padding:0 9px}.visual{max-width:430px;width:100%;margin:auto;padding:20px 20px 5px}.paper{padding:28px}.paper h2{font-size:30px}.stamp{width:76px;height:76px;right:5px;top:0;font-size:9px}.services{padding:50px 0}.sectionhead{grid-template-columns:1fr;gap:24px;margin-bottom:30px}h2{font-size:38px}.sectionhead p:last-child{font-size:14px}.cards{gap:12px}.card{padding:22px 17px;min-height:310px}.card h3{font-size:28px}.num{margin-bottom:25px}.approach{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:55px}.contact{padding:55px 0}.contactgrid{grid-template-columns:1fr;gap:45px}.contact h2{font-size:47px}.contactinfo a:not(.map){font-size:25px}.footbrand{align-items:flex-start;gap:18px;flex-direction:column}.footbrand span{font-size:16px}.footbottom{flex-direction:column;gap:15px}.footbottom nav{gap:20px}.inner{padding-top:45px;padding-bottom:55px}.inner h1{font-size:43px;letter-spacing:-1.6px;margin-bottom:35px}.pagegrid{grid-template-columns:1fr;gap:35px}.prose{font-size:15px}html{scroll-padding-top:85px}}@media(max-width:360px){.cards{grid-template-columns:1fr}.card{min-height:260px}h1{font-size:48px}.button{padding:14px 17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

.about{padding-top:75px;padding-bottom:75px;display:grid;grid-template-columns:1fr 1fr;gap:100px;border-bottom:1px solid var(--line)}.aboutcopy{font-size:15px;color:#56636a;line-height:1.85}.aboutcopy p:last-child{margin-bottom:0}.since{font-size:10px;letter-spacing:2px;margin-top:30px;color:var(--olive)}.brand small{letter-spacing:1px}.contactinfo .secondaryphone{display:block;font-size:22px!important;margin-top:9px}@media(max-width:700px){.about{grid-template-columns:1fr;gap:30px;padding-top:50px;padding-bottom:50px}.brand small{font-size:7px;letter-spacing:.7px}}

.contactgrid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:75px}.contactform{margin-top:28px}.contactform label{display:block;font-size:12px;color:#ecf4fa}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contactform input:not([type=checkbox]):not([type=hidden]),.contactform textarea{font:15px/1.5 Arial,sans-serif;width:100%;border:1px solid #7f9eb6;background:#fff;color:#123653;border-radius:4px;padding:12px;margin:7px 0 17px}.contactform textarea{resize:vertical;min-height:120px}.contactform input:focus,.contactform textarea:focus{outline:3px solid #cce7fa;outline-offset:2px}.contactform .consent{display:flex;align-items:flex-start;gap:10px;font-size:12px}.consent input{margin-top:5px;flex-shrink:0;accent-color:#cce7fa;width:16px;height:16px}.consent a{text-decoration:underline}.contact .formprivacy{font-size:11px;color:#c4d4e1;margin:15px 0;line-height:1.7}.contactform button{border:0;cursor:pointer;margin-top:0}.formtrap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.formnotice{background:#e3eff8;color:#123653;padding:15px 18px;margin:24px 0 0;border-radius:4px;font-size:14px}.contactinfo{padding-top:6px}@media(max-width:700px){.contactgrid{grid-template-columns:1fr;gap:40px}.formrow{grid-template-columns:1fr;gap:0}}