/*
Theme Name: MONTEDRA
Author: Carlos Latorre
Description: Web visual de servicios. Diseño privado con contenidos editables.
Version: 1.0.0
Requires at least: 6.8
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: montedra
*/

:root{--ink:#171815;--paper:#edece5;--copper:#e8b48c;--muted:#a4a59c;--line:rgba(255,255,255,.2);--pad:clamp(24px,4.5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--copper);outline-offset:5px}::selection{background:var(--copper);color:var(--ink)}h1,h2,h3,p{margin:0}button{color:inherit}h1,h2,h3{font-weight:400}small,.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:14px;line-height:1.6}.eyebrow:before{content:'';width:6px;height:6px;background:var(--copper);border-radius:50%}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:var(--paper);color:var(--ink);padding:16px}.skip:focus{top:12px}
header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:23px var(--pad);border-bottom:1px solid var(--line);transition:background .3s, padding .3s;background:linear-gradient(#17181555,transparent)}header.solid{background:#171815ed;backdrop-filter:blur(14px);padding-top:17px;padding-bottom:17px}.logo{display:flex;gap:13px;align-items:center}.logo svg{width:34px;height:32px}.wordmark{font-weight:600;letter-spacing:.2em;font-size:19px}.wordmark span{display:block;font-size:8px;letter-spacing:.3em;margin-top:5px;font-weight:400}.nav{display:flex;align-items:center;gap:33px;font-size:12px}.nav a{padding:10px 0}.nav a:hover{color:var(--copper)}.nav .nav-cta{border:1px solid #ffffff60;padding:13px 20px;border-radius:2px}.nav-cta span{margin-left:25px}.menu-toggle{display:none;border:1px solid #ffffff50;background:none;padding:10px 14px}.progress{position:absolute;left:0;bottom:-1px;height:2px;background:var(--copper);width:0}
.hero-story{position:relative;height:240svh;min-height:1500px}.landscape{position:sticky;top:0;height:100svh;min-height:620px;background-image:linear-gradient(90deg,#13141075,transparent 73%),linear-gradient(0deg,#14161195,transparent 45%,#11111125);background-position:center;background-size:cover}.landscape-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.landscape-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#13141075,transparent 73%),linear-gradient(0deg,#14161195,transparent 45%,#11111125)}.landscape:after{content:'';position:absolute;inset:0;background:#151712;opacity:var(--shade,0);pointer-events:none}.hero{position:relative;margin-top:-100svh;height:100svh;min-height:620px;padding:clamp(145px,20vh,240px) var(--pad) 35px;display:flex;flex-direction:column;justify-content:center}.hero .eyebrow{margin-bottom:30px}.hero .hero-title{font-size:clamp(72px,8.7vw,166px);letter-spacing:-.065em;line-height:.94;max-width:1000px}.hero .hero-title em{font-family:Georgia,serif;font-weight:400;color:var(--copper);letter-spacing:-.065em}.hero-bottom{display:flex;align-items:center;gap:42px;margin-top:36px}.hero-bottom p{max-width:275px;font-size:14px;line-height:1.6;color:#e3e1d9}.round-link{display:inline-flex;align-items:center;gap:17px;font-size:12px}.round-link span{height:49px;width:49px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;font-size:23px;transition:background .3s,transform .3s}.round-link:hover span{background:var(--copper);color:var(--ink);transform:rotate(45deg)}.hero-meta{position:absolute;bottom:27px;left:var(--pad);right:var(--pad);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #ffffff40;padding-top:21px}.scroll-mark{display:flex;gap:15px;align-items:center}.scroll-mark i{height:27px;width:17px;border:1px solid #ffffff70;border-radius:12px;position:relative}.scroll-mark i:after{content:'';position:absolute;top:5px;left:6px;width:3px;height:6px;background:var(--paper);border-radius:2px;animation:scroll 2s infinite}@keyframes scroll{70%{transform:translateY(9px);opacity:0}100%{opacity:0}}
.story-copy{height:140svh;min-height:880px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:100px var(--pad);gap:34px}.story-copy h2{font-size:clamp(62px,9.4vw,180px);letter-spacing:-.07em;line-height:1.02;max-width:1400px}.story-copy h2 span{color:var(--copper);font-family:Georgia,serif;font-style:italic}.story-copy p{align-self:flex-end;max-width:340px;font-size:16px;line-height:1.65;margin-right:7%}.story-copy .eyebrow{margin-bottom:15px}
.intro{background:var(--paper);color:var(--ink);padding:105px var(--pad) 80px;position:relative;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:6%}.intro .eyebrow:before{background:#8d4f30}.intro h2{font-size:clamp(42px,4.5vw,80px);line-height:1.06;letter-spacing:-.055em;margin:28px 0}.intro h2 em{font-family:Georgia,serif;font-weight:400;color:#936142}.intro p{font-size:15px;line-height:1.8;max-width:480px;color:#56564f}.sculpture{position:relative;aspect-ratio:1;max-height:450px;width:100%;display:grid;place-items:center;background:radial-gradient(ellipse at center,#d4cfc2,transparent 65%)}canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.sculpture .caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#696354}.sculpture-fallback{height:200px;width:200px;border:35px solid #ad7953;box-shadow:inset 12px 10px 20px #614332,12px 10px 18px #0002;border-radius:50%;transform:rotateX(35deg) rotateY(-30deg)}canvas.ready+.sculpture-fallback{visibility:hidden}.capabilities{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #17181530;padding-top:30px;margin-top:35px;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.capabilities span:before{content:'↗';color:#936142;margin-right:15px}
.work{padding:110px var(--pad);background:#1b1d19}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:45px}.section-heading h2{font-size:clamp(45px,5.7vw,100px);line-height:1;letter-spacing:-.055em;margin-top:22px}.section-heading>p{max-width:280px;color:#adb0a4;line-height:1.7;font-size:13px}.work-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:38px;align-items:start}.project:nth-child(2){margin-top:95px}.project-art{height:440px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px}.project-art.residence{background:#b6b3a4}.project-art.objects{background:#96725a}.project-art:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 100px #0001;pointer-events:none}.browser-mock{width:86%;height:76%;background:#efeee6;box-shadow:8px 28px 45px #191c173f;transform:rotateY(-11deg) rotateX(7deg) rotateZ(-4deg);transition:transform .7s;color:#242722;overflow:hidden}.project:hover .browser-mock{transform:rotateY(0) rotateX(0) rotateZ(0)}.mock-bar{font-size:7px;padding:14px 18px;display:flex;justify-content:space-between;letter-spacing:.1em}.mock-bar strong{font-size:12px;letter-spacing:.18em}.architecture{position:relative;height:100%;background:linear-gradient(150deg,#b1b9b2,#e0d6bd);padding:30px 20px;overflow:hidden}.architecture h3{position:relative;z-index:3;font-family:Georgia,serif;font-size:clamp(25px,3.2vw,47px);line-height:1.05}.architecture p{position:relative;z-index:3;font-size:8px;margin-top:12px}.building{position:absolute;width:55%;height:76%;background:linear-gradient(90deg,#bcb29d,#ece0c8 10%,#e1d5bd 74%,#a7987b);bottom:-10%;right:-4%;transform:skewY(-9deg);box-shadow:-20px 16px 35px #4444}.building:before{content:'';position:absolute;inset:16% 15% 0;border-radius:45% 45% 0 0;background:linear-gradient(110deg,#454b40,#8f9174 48%,#373c30 49%,#565c4c 54%,#373b30 55%);border:10px solid #afa28a;box-shadow:10px 0 15px #0002}.building:after{content:'';height:100%;width:18%;position:absolute;right:0;background:repeating-linear-gradient(0deg,#e9dfcb 0px,#e9dfcb 14px,#bdb49e 15px,#bdb49e 16px)}.objects .browser-mock{background:#e5dbce;transform:rotateY(12deg) rotateX(6deg) rotateZ(5deg)}.object-stage{height:100%;padding:18px 22px;position:relative;background:radial-gradient(ellipse at 65% 90%,#b69d8190,transparent 65%)}.object-stage h3{font-size:clamp(31px,4vw,58px);font-family:Georgia,serif;line-height:1}.object-stage p{font-size:8px;margin-top:13px}.vase{position:absolute;bottom:15%;right:13%;width:34%;height:64%;border-radius:36% 36% 42% 42% / 32% 32% 64% 64%;background:repeating-linear-gradient(90deg,transparent 0,transparent 4px,#492e1418 5px,transparent 7px),linear-gradient(90deg,#63432a,#c99969 22%,#e6bc8b 40%,#a57850 75%,#543b26);box-shadow:22px 24px 18px #452e253d;transform:rotate(-9deg)}.vase:before{content:'';position:absolute;width:48%;height:8%;border-radius:50%;background:#403526;box-shadow:0 0 0 7px #b98a5f;top:-3%;left:26%}.vase.small{width:23%;height:36%;right:41%;bottom:9%;transform:rotate(6deg);filter:brightness(.85)}.project-info{display:flex;justify-content:space-between;gap:20px;padding-top:22px}.project-info h3{font-size:23px;letter-spacing:-.03em}.project-info p{font-size:11px;color:#b0b0a5;margin-top:10px}.project-button{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff40;background:none;font-size:23px;flex-shrink:0}.project-button:hover{background:var(--copper);color:var(--ink)}.tag{position:absolute;left:18px;bottom:17px;z-index:4;background:#171815d9;color:#efeee7;padding:7px 10px;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.services{padding:100px var(--pad) 120px;background:var(--paper);color:var(--ink)}.services .section-heading>p{color:#69695f}.service-list{border-top:1px solid #17181540}.service-row{display:grid;grid-template-columns:80px 1.1fr 1fr 44px;gap:30px;padding:34px 0;border-bottom:1px solid #17181530;align-items:center}.service-row .number{font-size:11px;color:#7a7164}.service-row h3{font-size:clamp(25px,3.1vw,48px);letter-spacing:-.05em}.service-row p{color:#65665e;max-width:380px;font-size:13px;line-height:1.7}.service-row a{font-size:30px;text-align:center;transition:transform .3s}.service-row a:hover{transform:rotate(45deg)}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:70px}.process small{color:#946142}.process h3{font-size:21px;margin:15px 0 10px}.process p{color:#65665e;font-size:13px;line-height:1.7;max-width:280px}
.contact{padding:110px var(--pad) 60px;background:#292c24;position:relative}.contact-top{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.contact h2{font-size:clamp(62px,6.5vw,116px);line-height:1;letter-spacing:-.065em;margin:26px 0}.contact h2 em{color:var(--copper);font-family:Georgia,serif;font-weight:400}.contact p{color:#bec0b3;font-size:14px;line-height:1.7;max-width:330px}.form{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:4px}.field{display:flex;flex-direction:column;gap:11px;font-size:11px;color:#d0d1c6}.wide{grid-column:1/-1}input,select,textarea{background:transparent;border:0;border-bottom:1px solid #ffffff40;color:var(--paper);border-radius:0;padding:11px 0 14px;width:100%;font-size:14px}textarea{resize:vertical;min-height:82px}input::placeholder,textarea::placeholder{color:#919786}select option{background:#292c24}.submit{border:0;padding:19px 22px;background:var(--copper);color:var(--ink);font-size:12px;display:flex;justify-content:space-between;align-items:center}.submit:hover{background:#f5c5a1}.form .demo-note{font-size:10px;color:#b3b7a8;line-height:1.6;max-width:none}.form-status{background:#ffffff08;border-left:2px solid var(--copper);padding:16px;color:var(--paper)!important;max-width:none!important}.form-status:empty{display:none}footer{margin-top:100px;padding-top:26px;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#a6ad9b;font-size:10px;line-height:1.6}.footer-brand{font-size:23px;letter-spacing:.17em;color:var(--paper)}footer a{color:var(--paper)}.preview-note{position:fixed;right:15px;bottom:12px;z-index:25;background:#171815c9;color:#d6d6c9;border:1px solid #ffffff25;padding:7px 10px;border-radius:2px;font-size:8px;letter-spacing:.1em;backdrop-filter:blur(8px);pointer-events:none}.motion-control{position:fixed;bottom:12px;left:15px;z-index:25;background:#171815d9;border:1px solid #ffffff30;padding:7px 10px;font-size:9px;color:#dedfd4}.motion-control:hover{border-color:var(--copper)}
dialog{background:var(--paper);color:var(--ink);border:0;width:min(720px,calc(100% - 32px));max-height:85svh;padding:50px;box-shadow:0 40px 100px #0007}dialog::backdrop{background:#111b;backdrop-filter:blur(9px)}dialog h2{font-size:clamp(35px,5vw,64px);letter-spacing:-.05em;margin:28px 0 20px}dialog p{line-height:1.8;color:#585b50;font-size:15px}dialog ul{padding-left:18px;line-height:1.8;color:#585b50;font-size:14px;margin:22px 0}dialog .close-dialog{position:absolute;right:18px;top:12px;background:none;border:0;padding:10px;font-size:24px;color:var(--ink)}dialog .dialog-cta{display:inline-block;background:var(--ink);color:var(--paper);padding:16px 22px;margin-top:25px;font-size:12px}
@media(min-height:950px){.hero{padding-top:160px}.hero-story{min-height:0}}
@media(max-width:1000px){.hero .hero-title{font-size:11vw}.hero-story{min-height:0}.project-art{height:340px}.work-grid{gap:24px}.service-row{grid-template-columns:40px 1fr 1fr 30px;gap:20px}.contact-top{gap:6%}.intro{gap:2%}}
@media(max-width:700px){.landscape-image{object-position:60% center}.landscape-overlay{background:linear-gradient(90deg,#1314109c,#13141025),linear-gradient(0deg,#14161195,transparent 70%)}header{padding:18px 24px}.wordmark{font-size:15px}.logo svg{width:27px}.menu-toggle{display:block;font-size:11px}.nav{position:absolute;top:100%;left:0;right:0;background:#171815;display:none;padding:28px 24px;flex-direction:column;align-items:stretch;gap:13px;border-bottom:1px solid #ffffff30}.nav.open{display:flex}.nav a{font-size:16px;padding:14px 0}.hero-story{height:220svh}.landscape{min-height:0;background-position:60% center;background-image:linear-gradient(90deg,#1314109c,#13141025),linear-gradient(0deg,#14161195,transparent 70%)}.hero{min-height:0;padding-top:110px;padding-bottom:90px;justify-content:center}.hero .hero-title{font-size:clamp(58px,12.7vw,90px)}.hero .eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:27px}.hero-bottom{display:block;margin-top:25px}.hero-bottom p{font-size:13px;max-width:245px}.hero-bottom .round-link{margin-top:24px}.hero-meta{bottom:40px;font-size:8px;letter-spacing:.04em}.hero-meta>span{display:none}.story-copy{height:120svh;min-height:0;padding:80px 24px;gap:34px}.story-copy h2{font-size:clamp(52px,12vw,80px)}.story-copy p{font-size:14px;max-width:255px;margin-right:0}.intro{display:block;padding:70px 24px 55px}.intro h2{font-size:44px}.sculpture{max-width:320px;margin:10px auto 0;max-height:320px}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:24px 10px;font-size:9px;margin-top:35px}.work,.services{padding:70px 24px}.section-heading{display:block}.section-heading h2{font-size:49px}.section-heading>p{margin-top:24px;max-width:310px}.work-grid{grid-template-columns:1fr;gap:38px}.project:nth-child(2){margin-top:0}.project-art{height:330px}.architecture h3{font-size:35px}.object-stage h3{font-size:42px}.project-info h3{font-size:22px}.service-row{grid-template-columns:25px 1fr 30px;gap:15px;padding:26px 0}.service-row h3{font-size:30px}.service-row p{grid-column:2;grid-row:2}.service-row a{grid-column:3;grid-row:1}.process{grid-template-columns:1fr;gap:30px;margin-top:50px}.process p{max-width:100%}.contact{padding:70px 24px 65px}.contact-top{grid-template-columns:1fr;gap:45px}.contact h2{font-size:64px}.form{gap:26px 18px}.form .field{font-size:10px}.form input{font-size:13px}footer{margin-top:65px;flex-wrap:wrap;gap:22px}.footer-brand{width:100%;font-size:23px}dialog{padding:35px 25px}.preview-note{font-size:7px;right:8px}.motion-control{left:8px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.landscape{position:absolute;inset:0;height:100%;background-position:center}.hero{margin-top:0}.hero-story{height:auto}.story-copy{height:auto;min-height:90svh}.browser-mock{transform:none!important}}
html.motion-paused{scroll-behavior:auto}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}

.whatsapp-chat{position:fixed;right:18px;bottom:54px;z-index:40;display:inline-flex;align-items:center;gap:10px;padding:11px 16px 11px 12px;border:1px solid #ffffff35;border-radius:999px;background:#25d366;color:#102018;font-size:12px;font-weight:700;letter-spacing:.02em;box-shadow:0 14px 35px #0005;transition:transform .25s,background .25s,box-shadow .25s}.whatsapp-chat svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.whatsapp-chat:hover{transform:translateY(-3px);background:#35df73;box-shadow:0 17px 38px #0007}.whatsapp-chat:focus-visible{outline-color:#fff}

.service-row h3{font-size:clamp(25px,2.6vw,42px)}
.answers{padding:0 var(--pad) 100px;background:var(--paper);color:var(--ink)}
.local-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:65px 0;border-top:1px solid #17181530;border-bottom:1px solid #17181530}
.answers h2{font-size:clamp(34px,3.7vw,60px);letter-spacing:-.055em;line-height:1.08;margin:22px 0}
.answers p{font-size:14px;line-height:1.8;color:#56594e;max-width:560px}.answers p+p{margin-top:18px}.text-link{display:inline-block;font-size:13px;margin-top:22px;border-bottom:1px solid #8d6646;padding-bottom:6px}
.faq-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;padding-top:75px}.faq-list{border-top:1px solid #17181530}.faq-list details{border-bottom:1px solid #17181530;padding:0}.faq-list summary{cursor:pointer;list-style:none;position:relative;padding:23px 30px 23px 0;font-size:16px;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:23px;color:#946142;font-size:22px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{padding:0 20px 25px 0}.faq-list summary:focus-visible{outline:2px solid #946142;outline-offset:3px}.service-links{display:flex;flex-direction:column;gap:17px;margin-top:30px;font-size:12px}.service-links a:hover,.text-link:hover{color:#8d4f30}
@media(max-width:700px){.answers{padding:0 24px 65px}.local-intro,.faq-layout{grid-template-columns:1fr;gap:25px;padding-top:45px}.local-intro{padding-bottom:45px}.answers h2{font-size:39px}.service-row h3{font-size:28px}.faq-list summary{font-size:15px}.service-links{margin-bottom:10px}}
@media(max-width:700px){.whatsapp-chat{right:10px;bottom:52px;width:54px;height:54px;padding:0;justify-content:center}.whatsapp-chat span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.whatsapp-chat svg{width:27px;height:27px}}

body.admin-bar #header{top:32px} @media(max-width:782px){body.admin-bar #header{top:46px}} @media(max-width:600px){#wpadminbar{position:fixed}}