:root{--bg:#f5f0e7;--bg-soft:#ece3d6;--panel:#fffcf757;--panel-2:#fff7ef29;--text:#18120d;--muted:#433a31;--line:#4e3a1e1f;--accent:#9a6a2f;--accent-soft:#efd3a6;--success:#95debb;--shadow:0 24px 70px #5d452414;--radius-xl:34px;--radius-lg:26px;--radius-md:18px;--container:min(1240px, calc(100vw - 40px));--pointer-x:50%;--pointer-y:20%;--body-top:#fbf7f0;--body-mid:#f3ebdf;--body-bottom:#ede4d7;--glass-strong:#fffcf747;--glass-soft:#fff7ef1a;--glass-edge:#ffffffad;--grain-dot-1:#3b2c181a;--grain-dot-2:#3b2c180d;--sheen:#ffffff38;--image-overlay:linear-gradient(180deg, #ffffff03, transparent 28%, #2b1d0b1a);--lux-line-main:#ffe3b7f0;--lux-line-soft:#b384403d;--lux-line-fade:#b3844014;color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,sans-serif}html[data-theme=dark]{--bg:#070809;--bg-soft:#0f1215;--panel:#10161f4d;--panel-2:#080b131f;--text:#f5efe7;--muted:#cec4b7;--line:#ffffff1f;--accent:#d2a978;--accent-soft:#f0dfc1;--shadow:0 24px 70px #00000057;--body-top:#050607;--body-mid:#07111f;--body-bottom:#070809;--glass-strong:#10161f42;--glass-soft:#080b131a;--glass-edge:#ffffff1f;--grain-dot-1:#ffffff80;--grain-dot-2:#ffffff47;--sheen:#ffffff05;--image-overlay:linear-gradient(180deg, #ffffff05, transparent 24%, #00000042);--lux-line-main:#b2d6ffb8;--lux-line-soft:#7665ff33;--lux-line-fade:#ffc98314}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:url(/temca/lux-grid-light.svg) center top / cover no-repeat, radial-gradient(circle at var(--pointer-x) var(--pointer-y), #d7a56014, transparent 14%), radial-gradient(circle at 15% 10%, #d7a56017, transparent 18%), linear-gradient(180deg, var(--body-top) 0%, var(--body-mid) 48%, var(--body-bottom) 100%);min-width:320px;margin:0;overflow-x:hidden}html[data-theme=dark] body{background:url(/temca/lux-grid-dark.svg) center top / cover no-repeat, radial-gradient(circle at var(--pointer-x) var(--pointer-y), #5678ff14, transparent 16%), radial-gradient(circle at 18% 10%, #9c6aff14, transparent 18%), linear-gradient(180deg, var(--body-top) 0%, var(--body-mid) 48%, var(--body-bottom) 100%)}body:before{content:"";pointer-events:none;opacity:.45;background:radial-gradient(circle at 20% 18%,#fff1d561,#0000 16%),radial-gradient(circle at 76% 24%,#d7a56024,#0000 18%),linear-gradient(#ffffff2e,#0000 36%);position:fixed;inset:0}body:after{content:"";pointer-events:none;background:linear-gradient(120deg, var(--sheen), transparent 18%, transparent 82%, var(--sheen)), radial-gradient(circle at 78% 14%, #d7a56024, transparent 18%);mix-blend-mode:screen;opacity:.72;position:fixed;inset:0}body{background-attachment:fixed}body>*{z-index:1;position:relative}html[data-theme=dark] body:before{opacity:.34;background:radial-gradient(circle at 18% 16%,#5598ff29,#0000 14%),radial-gradient(circle at 72% 22%,#a260ff24,#0000 16%),linear-gradient(#ffffff08,#0000 30%)}html[data-theme=dark] body:after{background:linear-gradient(140deg,#ffffff04,#0000 24% 72%,#ffffff05),radial-gradient(circle at 80% 18%,#866eff29,#0000 20%),radial-gradient(circle at 22% 70%,#2293ff1f,#0000 22%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,summary{font:inherit}button{cursor:pointer}.topbar{z-index:40;padding-top:14px;position:sticky;top:14px}.topbar-shell,.page-shell{width:var(--container);margin:0 auto}.topbar-shell{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff4d, transparent 72%), linear-gradient(180deg, var(--glass-strong), var(--glass-soft));min-height:76px;box-shadow:inset 0 1px 0 #fff6, inset 0 -1px 0 #ffffff14, var(--shadow);-webkit-backdrop-filter:blur(26px)saturate(160%);backdrop-filter:blur(26px)saturate(160%);border-radius:999px;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;transition:transform .24s,background .24s,border-color .24s;display:flex}.topbar-shell.is-condensed{background:linear-gradient(180deg, var(--panel), var(--panel-2));transform:translateY(-4px)scale(.985)}.brand img{width:118px}.menu{flex:1;justify-content:flex-end;align-items:center;gap:26px;display:flex}.menu a,.nav-dropdown>summary{color:var(--muted);font-size:.95rem;font-weight:500}.menu a:hover,.menu a:focus-visible,.nav-dropdown>summary:hover,.nav-dropdown>summary:focus-visible,.menu a.is-current,.nav-dropdown.is-current>summary{color:var(--text)}.nav-dropdown{position:relative}.nav-dropdown>summary{cursor:pointer;list-style:none}.nav-dropdown>summary::-webkit-details-marker{display:none}.dropdown-menu{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff2e, transparent 62%), linear-gradient(180deg, var(--glass-strong), var(--glass-soft));min-width:220px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);border-radius:18px;gap:4px;padding:10px;display:grid;position:absolute;top:calc(100% + 12px);left:0}.dropdown-menu a{border-radius:12px;padding:10px 12px}.dropdown-menu a:hover,.dropdown-menu a:focus-visible{background:#ffffff24}.dropdown-menu a.is-current{color:var(--text);background:#ffffff2e}.menu-toggle{background:0 0;border:0;padding:0;display:none}.menu-toggle span{background:var(--text);width:24px;height:2px;margin:5px 0;display:block}.theme-toggle{border:1px solid var(--line);min-width:118px;min-height:42px;color:var(--text);-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);background:linear-gradient(#ffffff3d,#ffffff14);border-radius:999px;justify-content:center;align-items:center;padding:0 14px;display:inline-flex;box-shadow:inset 0 1px #ffffff6b}html[data-theme=dark] .theme-toggle{background:linear-gradient(#ffffff14,#ffffff08);box-shadow:inset 0 1px #ffffff1f}.page-shell{padding:34px 0 100px}.page-hero,.hero-grid,.feature-grid,.service-band,.contact-shell,.blog-shell,.project-block,.principles-grid,.story-panel,.wide-panel{margin-top:22px}.page-hero{grid-template-columns:.92fr 1.08fr;align-items:stretch;gap:28px;min-height:72vh;display:grid;position:relative}.page-hero:before{content:"";aspect-ratio:1;filter:blur(24px);pointer-events:none;background:radial-gradient(circle,#d7a56024,#0000 66%);border-radius:50%;width:min(36vw,420px);position:absolute;inset:8% 6% auto auto}.hero-copy-panel{border:1px solid var(--glass-edge);border-radius:var(--radius-xl);background:linear-gradient(180deg, #ffffff5c, transparent 64%), linear-gradient(180deg, var(--glass-strong), var(--glass-soft)), radial-gradient(circle at 20% 20%, #ffffff2e, transparent 28%);box-shadow:inset 0 1px 0 #ffffff61, inset 0 -1px 0 #ffffff14, var(--shadow);-webkit-backdrop-filter:blur(28px)saturate(170%);backdrop-filter:blur(28px)saturate(170%);flex-direction:column;justify-content:center;padding:36px;display:flex;position:relative;overflow:hidden}.hero-copy-panel>*{z-index:1;position:relative}.hero-copy-panel:before{content:attr(data-ghost);color:#5c3e1904;letter-spacing:-.06em;pointer-events:none;z-index:0;font-family:Space Grotesk,sans-serif;font-size:clamp(4rem,14vw,12rem);font-weight:700;line-height:.8;position:absolute;bottom:-.18em;right:-.03em}html[data-theme=dark] .hero-copy-panel:before{color:#ffffff04}.split-line1,.split-line2,.split-line3,.split-line4{overflow:hidden}.split-line-inner{display:block}.hero-label,.section-label,.project-meta{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;font-size:.76rem}.hero-title,.section-heading,.project-title,.service-title,.contact-title,.feature-title,.principle-title{font-family:Space Grotesk,sans-serif}.hero-title{letter-spacing:-.05em;color:#17120d;text-wrap:balance;max-width:10ch;text-shadow:none;opacity:1;max-width:9.5ch;margin:14px 0 0;font-size:clamp(3rem,5.2vw,5rem);font-weight:800;line-height:.92}html[data-theme=dark] .hero-title{color:#f5efe7}.hero-title span{color:#0000;-webkit-text-stroke:1px #f1eee8d1;display:block}.hero-text,.body-text,.service-copy p,.project-copy p,.contact-copy li,.contact-copy p,.blog-copy p{color:var(--muted);font-weight:500;line-height:1.78}.hero-text{color:#342c24;max-width:54ch;font-size:1.03rem}html[data-theme=dark] .hero-text{color:#c4b9aa}.body-text strong,.project-fact strong,.contact-copy strong,.section-heading,.contact-title,.project-title,.service-title,.feature-title,.principle-title{color:var(--text)}.hero-actions,.hero-stats,.social-row{flex-wrap:wrap;gap:14px;display:flex}.hero-actions{margin-top:30px}.hero-stats{border-top:1px solid var(--line);margin-top:32px;padding-top:18px}.hero-stats article{min-width:150px}.hero-stats strong{margin-bottom:6px;font-size:1.7rem;display:block}.button{border-radius:999px;justify-content:center;align-items:center;min-height:54px;padding:0 22px;transition:transform .18s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{color:#090909;background:linear-gradient(135deg, var(--accent-soft), var(--accent));box-shadow:0 18px 40px #d7a5602e}.button-secondary{border:1px solid var(--line);background:#ffffff1f}html[data-theme=dark] .button-secondary{background:#ffffff08}.media-panel,.story-panel,.point-card,.principle-card,.project-block,.service-band,.contact-copy,.contact-form,.blog-copy,.blog-frame,.wide-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg, #ffffff42, transparent 68%), linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:inset 0 1px 0 #ffffff57, inset 0 -1px 0 #ffffff0f, var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%)}.media-panel,.wide-panel{position:relative;overflow:hidden}.media-panel:after,.project-card:after,.principle-card:after{content:"";background:var(--image-overlay);pointer-events:none;position:absolute;inset:0}.media-panel img,.wide-panel img{object-fit:cover;width:100%;height:100%}.section{padding-top:110px}.section-intro{max-width:900px;margin-bottom:24px}.section-heading,.contact-title{letter-spacing:-.03em;margin:12px 0 0;font-size:clamp(2rem,4.2vw,3.8rem);line-height:1.04}.story-layout{grid-template-columns:1fr .9fr;gap:22px;display:grid}.story-panel{padding:30px;position:relative}.story-panel:before,.project-block:before,.service-band:before,.contact-copy:before,.contact-form:before,.blog-copy:before{content:"";background:linear-gradient(90deg,#d7a560b3,#0000 44%);width:100%;height:1px;position:absolute;inset:0 auto auto 0}.principles-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.principle-card{transition:transform .26s,border-color .26s;overflow:hidden}.principle-card img{object-fit:cover;width:100%;height:220px}.principle-copy,.point-card,.project-copy,.service-copy,.contact-copy,.contact-form,.blog-copy{padding:24px}.principle-copy span,.point-card span,.service-copy span{border:1px solid var(--line);width:42px;height:42px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.project-card{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff3d, transparent 68%), linear-gradient(180deg, var(--panel), var(--panel-2));box-shadow:inset 0 1px 0 #ffffff57, inset 0 -1px 0 #ffffff0f, var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);border-radius:24px;transition:transform .26s,border-color .26s,box-shadow .26s;position:relative;overflow:hidden}.project-card:hover,.principle-card:hover,.project-block:hover,.service-band:hover{border-color:#d7a56047;transform:translateY(-6px)}.project-card img{object-fit:cover;width:100%;height:280px}.project-card-copy{padding:20px 22px 24px}.project-card .body-text,.project-copy .body-text,.story-panel .body-text,.contact-copy p,.contact-copy li,.blog-copy p{color:var(--text);opacity:.88}.project-title,.service-title,.feature-title,.principle-title{margin:10px 0 0;font-size:1.7rem;line-height:1.05}.project-block{grid-template-columns:1.04fr .96fr;transition:transform .28s,border-color .28s;display:grid;position:relative;overflow:hidden}.project-copy{flex-direction:column;justify-content:center;display:flex}.project-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.project-fact{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff24,#ffffff0f);border-radius:18px;padding:16px 18px}.project-fact span{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;font-size:.8rem;display:block}.project-fact strong{font-family:Space Grotesk,sans-serif;font-size:1rem;line-height:1.45;display:block}.project-tags{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.project-tags span{min-height:36px;color:var(--accent);background:#d7a56014;border:1px solid #d7a56042;border-radius:999px;align-items:center;padding:0 14px;font-size:.86rem;display:inline-flex}.project-gallery{grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px;margin-top:18px;display:grid}.project-gallery img{object-fit:cover;border:1px solid var(--line);width:100%;height:220px;box-shadow:var(--shadow);border-radius:20px;transition:transform .28s,border-color .28s,opacity .28s}.project-gallery img:hover{border-color:#d7a56057;transform:translateY(-4px)scale(1.02)}.project-gallery img.is-zoomable,.project-block .media-panel img.is-zoomable,.feature-grid .project-card img.is-zoomable{cursor:zoom-in}.service-band{grid-template-columns:.96fr 1.04fr;transition:transform .28s,border-color .28s;display:grid;position:relative;overflow:hidden}.service-band figure{min-height:340px;margin:0}.service-band figure img{object-fit:cover;width:100%;height:100%}.service-art{border-radius:14px;width:min(340px,100%);margin-top:20px}.blog-shell,.contact-shell{grid-template-columns:.9fr 1.1fr;gap:22px;display:grid}.blog-mark{width:180px;margin-bottom:20px}.blog-frame{min-height:760px;overflow:hidden}.blog-frame iframe{background:#fff;border:0;width:100%;height:100%;min-height:760px}.contact-copy ul{gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.contact-form{gap:16px;display:grid}.contact-form label{gap:8px;display:grid}.section-intro,.project-card-copy,.principle-copy,.project-copy,.service-copy,.contact-copy,.contact-form,.story-panel,.blog-copy{position:relative}.section-intro:before,.project-card-copy:before,.principle-copy:before,.project-copy:before,.service-copy:before,.contact-copy:after,.contact-form:after,.story-panel:after,.blog-copy:after{content:"";border-radius:inherit;pointer-events:none;opacity:.7;background:linear-gradient(#ffffff1f,#0000 36%),radial-gradient(circle at 16% 14%,#ffffff2e,#0000 24%);position:absolute;inset:0}html[data-theme=dark] .section-intro:before,html[data-theme=dark] .project-card-copy:before,html[data-theme=dark] .principle-copy:before,html[data-theme=dark] .project-copy:before,html[data-theme=dark] .service-copy:before,html[data-theme=dark] .contact-copy:after,html[data-theme=dark] .contact-form:after,html[data-theme=dark] .story-panel:after,html[data-theme=dark] .blog-copy:after{background:linear-gradient(#ffffff0f,#0000 36%),radial-gradient(circle at 16% 14%,#ffffff14,#0000 24%)}.section-intro>*,.project-card-copy>*,.principle-copy>*,.project-copy>*,.service-copy>*,.contact-copy>*,.contact-form>*,.story-panel>*,.blog-copy>*{z-index:1;position:relative}.contact-form span{color:var(--muted);font-size:.92rem}.contact-form input,.contact-form textarea{width:100%;color:var(--text);background:#ffffff2e;border:1px solid #ffffff1a;border-radius:18px;outline:none;padding:15px 16px}html[data-theme=dark] .contact-form input,html[data-theme=dark] .contact-form textarea{background:#ffffff08}.contact-form input:focus,.contact-form textarea:focus{border-color:#d7a5608f;box-shadow:0 0 0 4px #d7a5601f}.social-row a{border:1px solid var(--line);min-height:42px;color:var(--muted);border-radius:999px;align-items:center;padding:0 16px;transition:transform .22s,color .22s,border-color .22s;display:inline-flex}.social-row a:hover,.social-row a:focus-visible{color:var(--text);border-color:#d7a56052;transform:translateY(-2px)}.form-status{min-height:24px;color:var(--success);margin:0}.form-status.is-error{color:#ff9b9b}.has-motion .hero-reveal,.has-motion .reveal{opacity:0}.page-transition{z-index:120;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(circle at 24% 20%,#d7a5601f,#0000 22%),linear-gradient(#fcf7efe6 0%,#eee5d8eb 100%);position:fixed;inset:0}html[data-theme=dark] .page-transition{background:radial-gradient(circle at 24% 20%,#d7a5601f,#0000 22%),linear-gradient(#0c0e10eb 0%,#070809f0 100%)}.media-lightbox{border:1px solid var(--glass-edge);background:linear-gradient(180deg, var(--glass-strong), var(--glass-soft));width:min(94vw,1280px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);border-radius:28px;padding:18px}.media-lightbox::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#120c089e}.media-lightbox__close{border:1px solid var(--line);min-height:42px;color:var(--text);background:#ffffff2e;border-radius:999px;margin-bottom:12px;margin-left:auto;padding:0 16px;display:inline-flex}.media-lightbox__figure{margin:0}.media-lightbox__image{object-fit:contain;border-radius:20px;width:100%;max-height:76vh}.media-lightbox__caption{color:var(--muted);text-align:center;margin-top:14px}body[data-page=index] .hero-copy-panel:before{content:"TEMCA"}body[data-page=nosotros] .hero-copy-panel:before{content:"NOSOTROS"}body[data-page=proyectos] .hero-copy-panel:before{content:"OBRA"}body[data-page=sustentabilidad] .hero-copy-panel:before{content:"FUTURO"}body[data-page=construccion] .hero-copy-panel:before{content:"BUILD"}body[data-page=acabados] .hero-copy-panel:before{content:"DETAIL"}body[data-page=remodelacion] .hero-copy-panel:before{content:"REMAKE"}body[data-page=blog] .hero-copy-panel:before{content:"IDEAS"}@media (width<=1100px){.page-hero,.story-layout,.project-block,.service-band,.blog-shell,.contact-shell,.feature-grid,.principles-grid{grid-template-columns:1fr}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.project-facts{grid-template-columns:1fr}.hero-copy-panel{padding:28px}}@media (width<=760px){.topbar-shell,.page-shell{width:min(100vw - 24px,100%)}.menu-toggle{display:inline-block}.theme-toggle{min-width:0;padding:0 12px}.menu{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff2e, transparent 62%), linear-gradient(180deg, var(--glass-strong), var(--glass-soft));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);opacity:0;pointer-events:none;border-radius:24px;flex-direction:column;align-items:stretch;gap:0;padding:10px;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 10px);left:0;right:0;transform:translateY(-8px)}.menu a,.nav-dropdown>summary{padding:14px}.menu.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-dropdown{width:100%}.dropdown-menu{min-width:0;margin-top:6px;position:static}.hero-title{font-size:clamp(2.8rem,12vw,4.8rem)}.hero-copy-panel:before{font-size:clamp(3rem,22vw,6rem)}.project-gallery{grid-template-columns:1fr}.blog-frame,.blog-frame iframe{min-height:560px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.page-transition{display:none}}