/*
Theme Name: Buildco Design 2026 — One Page
Theme URI: https://buildco.cl/
Author: Buildco Design
Description: Theme editorial one-page para Buildco Design. Blanco, tonos tierra claros, fotografía protagonista, navegación por anclas y foco en proyectos/servicios.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: buildco-2026-v2
*/

:root{
  --bc-white:#fff;
  --bc-paper:#f6f3ed;
  --bc-sand:#c4af8d;
  --bc-sand-2:#dfd4c2;
  --bc-taupe:#8e8171;
  --bc-ink:#20201d;
  --bc-muted:#6f6d67;
  --bc-line:#e8e3da;
  --bc-max:1380px;
  --bc-pad:clamp(24px,4vw,64px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--bc-white);color:var(--bc-ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
::selection{background:var(--bc-sand-2);color:var(--bc-ink)}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:9999;background:#fff;padding:10px 14px;border:1px solid var(--bc-line)}
.bc-shell{width:min(calc(100% - (var(--bc-pad) * 2)),var(--bc-max));margin-inline:auto}
.bc-kicker{margin:0 0 16px;font-size:11px;line-height:1.2;letter-spacing:.2em;text-transform:uppercase;color:var(--bc-taupe);font-weight:700}
.bc-display{font-family:Baskerville,"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em;line-height:.98;margin:0}
.bc-lead{font-size:clamp(18px,1.5vw,22px);line-height:1.55;color:var(--bc-muted);margin:0}
.bc-small{font-size:14px;color:var(--bc-muted)}

/* header */
.site-header{position:fixed;inset:0 0 auto;z-index:1000;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(232,227,218,.75)}
.admin-bar .site-header{top:32px}
.bc-head{height:84px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.bc-brand img,.custom-logo-link img{width:138px;height:auto}
.bc-navwrap{display:flex;align-items:center;gap:36px}
.bc-nav{display:flex;align-items:center;gap:28px}
.bc-nav a{font-size:13px;letter-spacing:.02em;color:#383733;transition:color .2s ease}
.bc-nav a:hover{color:var(--bc-taupe)}
.bc-cta-mini,.bc-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bc-sand);border-radius:999px;padding:12px 20px;line-height:1;font-size:13px;letter-spacing:.02em;background:transparent;color:var(--bc-ink);transition:.2s ease}
.bc-cta-mini:hover,.bc-pill:hover{background:var(--bc-sand);border-color:var(--bc-sand);color:#fff;transform:translateY(-1px)}
.bc-pill--soft{background:var(--bc-paper);border-color:var(--bc-paper)}
.bc-menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}.bc-menu-toggle span{display:block;width:24px;height:1px;background:var(--bc-ink);margin:5px 0}

/* hero */
.bc-hero{padding-top:84px;min-height:100svh;display:flex;align-items:stretch;background:#fff}
.bc-hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:calc(100svh - 84px)}
.bc-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:90px clamp(32px,5vw,84px) 70px max(var(--bc-pad),calc((100vw - var(--bc-max))/2 + var(--bc-pad)));background:#fff}
.bc-hero-copy h1{font-size:clamp(52px,5.7vw,94px);max-width:760px}
.bc-hero-copy .bc-lead{max-width:620px;margin-top:30px}
.bc-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.bc-hero-media{position:relative;overflow:hidden;min-height:650px;background:var(--bc-paper)}
.bc-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 58%}
.bc-hero-caption{position:absolute;right:20px;bottom:18px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);font-size:11px;letter-spacing:.04em}

/* statement */
.bc-statement{padding:140px 0 150px}
.bc-statement-grid{display:grid;grid-template-columns:.45fr 1.55fr;gap:60px;align-items:start}
.bc-statement h2{font-size:clamp(48px,6vw,96px);max-width:1050px}
.bc-statement-copy{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:52px;max-width:900px}
.bc-statement-copy p{margin:0;color:var(--bc-muted);font-size:17px}

/* solutions as editorial rows */
.bc-solutions{padding:120px 0;background:var(--bc-paper)}
.bc-section-head{display:grid;grid-template-columns:.45fr 1.55fr;gap:60px;align-items:start;margin-bottom:72px}
.bc-section-head h2{font-size:clamp(46px,5vw,82px);max-width:900px}
.bc-service-list{border-top:1px solid #d8d1c6}
.bc-service{display:grid;grid-template-columns:90px minmax(260px,.7fr) 1.3fr;gap:34px;padding:34px 0;border-bottom:1px solid #d8d1c6;align-items:start}
.bc-service-num{font-size:12px;letter-spacing:.16em;color:var(--bc-taupe);padding-top:7px}
.bc-service h3{font-family:Baskerville,"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;font-weight:400;font-size:clamp(27px,2.4vw,40px);line-height:1.1;letter-spacing:-.02em;margin:0}
.bc-service p{margin:4px 0 0;color:var(--bc-muted);max-width:650px}

/* projects */
.bc-projects{padding:140px 0}
.bc-projects-intro{display:grid;grid-template-columns:.45fr 1.55fr;gap:60px;margin-bottom:70px}
.bc-projects-intro h2{font-size:clamp(48px,5.6vw,92px);max-width:980px}
.bc-project-stack{display:grid;gap:92px}
.bc-project{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:end}
.bc-project:nth-child(even){grid-template-columns:.65fr 1.35fr}
.bc-project:nth-child(even) .bc-project-media{order:2}
.bc-project:nth-child(even) .bc-project-copy{order:1}
.bc-project-media{overflow:hidden;background:var(--bc-paper)}
.bc-project-media img{width:100%;height:clamp(420px,55vw,760px);object-fit:cover;transition:transform .5s ease}
.bc-project:hover img{transform:scale(1.012)}
.bc-project-copy{padding-bottom:18px}
.bc-project-copy h3{font-family:Baskerville,"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;font-weight:400;font-size:clamp(34px,3.4vw,58px);line-height:1.02;letter-spacing:-.025em;margin:0 0 16px}
.bc-project-copy p{margin:0 0 20px;color:var(--bc-muted)}
.bc-project-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--bc-taupe)}

/* process */
.bc-process{padding:120px 0;background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%)}
.bc-process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.bc-process h2{font-size:clamp(45px,5vw,78px)}
.bc-steps{display:grid;gap:0;border-top:1px solid var(--bc-line)}
.bc-step{display:grid;grid-template-columns:60px 180px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid var(--bc-line)}
.bc-step strong{font-family:Baskerville,"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;font-size:27px;font-weight:400}
.bc-step p{margin:2px 0;color:var(--bc-muted)}

/* experience */
.bc-experience{padding:130px 0}
.bc-experience-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}
.bc-experience h2{font-size:clamp(44px,4.8vw,78px)}
.bc-sectors{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.bc-sector{border:1px solid var(--bc-line);border-radius:999px;padding:10px 15px;font-size:13px;color:#4c4943}
.bc-brands{border-top:1px solid var(--bc-line)}
.bc-brand-row{display:grid;grid-template-columns:1fr auto;gap:24px;padding:20px 0;border-bottom:1px solid var(--bc-line);align-items:center}
.bc-brand-row strong{font-size:20px;font-weight:500}.bc-brand-row span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--bc-taupe)}

/* final contact, visually replaces footer */
.bc-contact{min-height:78svh;background:var(--bc-paper);display:flex;align-items:center;padding:130px 0 90px}
.bc-contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end}
.bc-contact h2{font-size:clamp(54px,6.4vw,104px);max-width:980px}
.bc-contact-actions{margin-top:40px;display:flex;gap:12px;flex-wrap:wrap}
.bc-contact-aside{padding-bottom:14px}
.bc-contact-aside p{margin:0 0 10px;color:var(--bc-muted)}
.bc-contact-aside a{font-size:20px;border-bottom:1px solid var(--bc-sand)}
.bc-contact-note{margin-top:54px;padding-top:22px;border-top:1px solid #ded8cf;font-size:12px;color:#8b877f;display:flex;justify-content:space-between;gap:20px}

/* generic WP pages stay available for future SEO landing pages, not in the main navigation */
.bc-page{padding:160px 0 100px}.bc-page h1{font-size:clamp(48px,5vw,82px)}.bc-content{max-width:860px}.bc-content>*+*{margin-top:1.2em}

@media (max-width:980px){
  .bc-nav{gap:18px}.bc-nav a{font-size:12px}
  .bc-hero-grid{grid-template-columns:1fr;min-height:auto}.bc-hero-copy{padding:90px var(--bc-pad) 60px}.bc-hero-media{min-height:58svh}.bc-hero-media img{object-position:center 58%}
  .bc-statement-grid,.bc-section-head,.bc-projects-intro,.bc-process-grid,.bc-experience-grid,.bc-contact-grid{grid-template-columns:1fr;gap:32px}
  .bc-statement-copy{grid-column:1;grid-template-columns:1fr 1fr;margin-top:20px}
  .bc-project,.bc-project:nth-child(even){grid-template-columns:1fr;gap:26px}.bc-project:nth-child(even) .bc-project-media,.bc-project:nth-child(even) .bc-project-copy{order:initial}.bc-project-media img{height:62vw;min-height:420px}
  .bc-service{grid-template-columns:56px .8fr 1.2fr}
  .bc-step{grid-template-columns:50px 150px 1fr}
}
@media (max-width:760px){
  html{scroll-padding-top:72px}.site-header{background:rgba(255,255,255,.97)}.bc-head{height:72px}.bc-brand img,.custom-logo-link img{width:112px}.bc-menu-toggle{display:block}
  .bc-navwrap{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--bc-line);padding:24px var(--bc-pad) 30px;align-items:stretch;flex-direction:column;gap:22px}.bc-navwrap.is-open{display:flex}.bc-nav{align-items:flex-start;flex-direction:column;gap:16px}.bc-nav a{font-size:16px}
  .bc-hero{padding-top:72px}.bc-hero-copy{padding:70px var(--bc-pad) 46px}.bc-hero-copy h1{font-size:clamp(48px,14vw,70px)}.bc-hero-media{min-height:50svh}
  .bc-statement,.bc-projects,.bc-experience{padding:90px 0}.bc-solutions,.bc-process{padding:84px 0}.bc-contact{padding:90px 0 46px}
  .bc-statement-copy{grid-template-columns:1fr;gap:20px}.bc-section-head{margin-bottom:42px}
  .bc-service{grid-template-columns:44px 1fr;gap:16px 18px;padding:27px 0}.bc-service p{grid-column:2}.bc-service h3{font-size:29px}
  .bc-project-stack{gap:64px}.bc-project-media img{height:72vw;min-height:330px}.bc-project-copy h3{font-size:40px}
  .bc-step{grid-template-columns:42px 1fr;gap:12px 14px}.bc-step p{grid-column:2}.bc-step strong{font-size:25px}
  .bc-contact-note{flex-direction:column}.bc-contact h2{font-size:clamp(52px,14vw,78px)}
}
@media (max-width:782px){.admin-bar .site-header{top:46px}}