/*
Theme Name: Poet Consulting
Theme URI: https://poet.consulting
Author: Poet Consulting
Description: Tema editorial para Poet Consulting. Diseño cálido y científico, totalmente editable desde Apariencia → Personalizar → "Poet Homepage". No requiere ningún plugin.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: poet
*/

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@200;300;400;500;600;700&display=swap");

:root{
  --walnut:#584237;
  --copper:#916445;
  --beige:#CBB9A7;
  --sand:#EDE5DB;
  --bone:#F5F2EE;
  --taupe:#9C968C;
  --foreground:var(--walnut);
  --background:var(--bone);
  --primary:var(--copper);
  --font-display:"Cormorant Garamond", Georgia, serif;
  --font-sans:"Manrope", system-ui, sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","ss02";line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}

.font-display{font-family:var(--font-display);font-feature-settings:"liga","dlig";letter-spacing:-0.01em}
.editorial-headline{font-family:var(--font-display);font-weight:400;line-height:0.95;letter-spacing:-0.02em}
.italic{font-style:italic;font-weight:300}
.eyebrow{font-family:var(--font-sans);font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;font-weight:500;color:var(--taupe)}

/* ---------- NAV ---------- */
.poet-nav{position:absolute;top:0;left:0;right:0;z-index:30}
.poet-nav .wrap{display:flex;align-items:center;justify-content:space-between;padding:24px}
.poet-nav img{height:36px;width:auto}
.poet-nav ul{display:none;gap:36px;list-style:none;align-items:center}
.poet-nav ul a{font-size:11px;text-transform:uppercase;letter-spacing:.18em;opacity:.8;transition:color .2s}
.poet-nav ul a:hover{color:var(--copper);opacity:1}
.poet-nav .lang{font-size:11px;text-transform:uppercase;letter-spacing:.18em;opacity:.6}
@media(min-width:768px){.poet-nav .wrap{padding:32px 40px}.poet-nav ul{display:flex}.poet-nav img{height:40px}}

/* ---------- HERO ---------- */
.hero{position:relative}
.hero-grid{display:grid;grid-template-columns:1fr;min-height:100vh}
@media(min-width:768px){.hero-grid{grid-template-columns:1.05fr 1fr}}
.hero-left{background:var(--bone);padding:128px 24px 48px;display:flex;flex-direction:column;justify-content:space-between}
@media(min-width:768px){.hero-left{padding:160px 56px 64px}}
.hero-left .inner{max-width:36rem}
.hero h1{font-size:clamp(2.75rem,7vw,6rem)}
.hero p.lead{margin-top:40px;max-width:28rem;font-size:15px;line-height:1.65;color:rgba(88,66,55,.75)}
.cta-row{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;gap:24px;padding:16px 24px;font-size:11px;text-transform:uppercase;letter-spacing:.2em;border-radius:2px;transition:all .25s}
.btn-primary{background:var(--copper);color:var(--bone)}
.btn-primary:hover{background:var(--walnut)}
.btn-ghost{border:1px solid rgba(88,66,55,.3);color:var(--walnut)}
.btn-ghost:hover{border-color:var(--copper);color:var(--copper)}
.btn .arrow{transition:transform .25s}
.btn:hover .arrow{transform:translateX(4px)}
.hero-meta{margin-top:48px;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.2em;opacity:.5}
.hero-right{position:relative;min-height:60vh;background:var(--sand)}
.hero-right img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(min-width:768px){.hero-right{min-height:100%}}

/* ---------- SECTIONS ---------- */
section{position:relative}
.bg-sand{background:var(--sand)}
.bg-bone{background:var(--bone)}
.section-pad{padding:96px 24px}
@media(min-width:768px){.section-pad{padding:128px 56px}}

/* Expertise */
.expertise-grid{display:grid;grid-template-columns:1fr;gap:64px}
@media(min-width:768px){.expertise-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}}
.expertise-h2{font-size:clamp(2rem,4.5vw,3.75rem);margin-top:24px}
.exp-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:56px 40px}
@media(min-width:768px){.exp-cards{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.exp-cards{grid-template-columns:repeat(5,1fr)}}
.exp-card .rule{height:1px;width:32px;background:rgba(88,66,55,.4);margin-bottom:24px}
.exp-card .num{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.2em;opacity:.4;margin-bottom:12px}
.exp-card h3{font-family:var(--font-display);font-size:1.25rem;line-height:1.2;font-weight:400}
.exp-card p{margin-top:16px;font-size:14px;line-height:1.6;color:rgba(88,66,55,.65)}
.exp-card .arr{display:inline-block;margin-top:24px;color:var(--copper);transition:transform .25s}
.exp-card:hover .arr{transform:translateX(4px)}

/* Results */
.results{display:grid;grid-template-columns:1fr}
@media(min-width:768px){.results{grid-template-columns:1fr 1fr}}
.results-img{position:relative;min-height:420px}
@media(min-width:768px){.results-img{min-height:640px}}
.results-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.results-body{padding:80px 24px;display:flex;flex-direction:column;justify-content:center}
@media(min-width:768px){.results-body{padding:96px 56px}}
.results-body h2{font-size:clamp(2rem,4vw,3rem);margin-top:24px}
.stats{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(88,66,55,.15)}
.stat{background:var(--bone);padding:24px}
@media(min-width:768px){.stat{padding:32px}}
.stat .v{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3.75rem);font-weight:300}
.stat .l{margin-top:12px;font-size:12px;line-height:1.35;color:rgba(88,66,55,.6);max-width:14ch}

/* Approach */
.approach-intro{max-width:48rem}
.approach-intro h2{font-size:clamp(2rem,4.5vw,3.75rem);margin-top:24px}
.approach-intro p{margin-top:32px;max-width:36rem;font-size:15px;line-height:1.65;color:rgba(88,66,55,.7)}
.pillars{margin-top:80px;display:grid;grid-template-columns:1fr;gap:1px;background:rgba(88,66,55,.15)}
@media(min-width:768px){.pillars{grid-template-columns:repeat(3,1fr)}}
.pillar{background:var(--sand);padding:32px;display:flex;flex-direction:column}
@media(min-width:768px){.pillar{padding:40px}}
.pillar .head{display:flex;align-items:baseline;justify-content:space-between}
.pillar .n{font-family:var(--font-display);font-size:1.875rem;color:var(--copper)}
.pillar .meta{font-size:10px;text-transform:uppercase;letter-spacing:.2em;opacity:.5}
.pillar h3{font-family:var(--font-display);font-size:clamp(1.875rem,3vw,2.25rem);font-weight:400;margin-top:40px}
.pillar .sub{display:block;margin-top:8px;font-size:11px;text-transform:uppercase;letter-spacing:.2em;opacity:.6}
.pillar p{margin-top:24px;font-size:14px;line-height:1.6;color:rgba(88,66,55,.7);flex:1}

/* Philosophy */
.phil{padding:128px 24px}
@media(min-width:768px){.phil{padding:160px 56px}}
.phil .max{max-width:64rem}
.phil .quote{font-family:var(--font-display);font-weight:400;line-height:0.95;letter-spacing:-0.02em;font-size:clamp(2rem,5.5vw,3.75rem);margin-top:32px}
.phil .quote .accent{font-style:italic;font-weight:300;color:var(--copper)}
.phil .body{margin-top:40px;max-width:42rem;font-size:1rem;line-height:1.7;color:rgba(88,66,55,.7)}
@media(min-width:768px){.phil .body{font-size:1.125rem}}

/* Cases */
.cases-head{display:grid;grid-template-columns:1fr;gap:48px;align-items:end}
@media(min-width:768px){.cases-head{grid-template-columns:minmax(0,.9fr) minmax(0,2.1fr)}}
.cases-head h2{font-size:clamp(2rem,4vw,3rem);margin-top:24px}
.cases-head .all{display:inline-flex;align-items:center;gap:12px;font-size:11px;text-transform:uppercase;letter-spacing:.2em;margin-top:40px}
.cases-head .all span:first-child{text-decoration:underline;text-underline-offset:8px}
.cases-grid{display:grid;grid-template-columns:1fr;gap:1px;background:rgba(88,66,55,.15)}
@media(min-width:768px){.cases-grid{grid-template-columns:repeat(3,1fr)}}
.case{position:relative;display:block;background:rgba(88,66,55,.8);aspect-ratio:3/4;overflow:hidden}
.case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .7s}
.case:hover img{transform:scale(1.05)}
.case .over{position:absolute;inset:0;background:linear-gradient(to top,rgba(88,66,55,.8),rgba(88,66,55,.2),transparent)}
.case .inner{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:24px;color:var(--bone)}
@media(min-width:768px){.case .inner{padding:28px}}
.case .tag{font-size:10px;text-transform:uppercase;letter-spacing:.22em;opacity:.9}
.case h3{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,1.875rem);line-height:1.15;white-space:pre-line;font-weight:400}
.case .arr{margin-top:24px;display:block;opacity:.8;transition:transform .25s}
.case:hover .arr{transform:translateX(4px)}

/* Insights */
.insights-head{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:24px}
.insights-head h2{font-size:clamp(2rem,4vw,3rem);margin-top:24px;max-width:42rem}
.insights-head .more{font-size:11px;text-transform:uppercase;letter-spacing:.2em;text-decoration:underline;text-underline-offset:8px}
.insights-list{margin-top:64px;border-top:1px solid rgba(88,66,55,.15);border-bottom:1px solid rgba(88,66,55,.15)}
.insight{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;padding:32px 8px;border-bottom:1px solid rgba(88,66,55,.15);transition:background .25s}
.insight:last-child{border-bottom:0}
.insight:hover{background:rgba(237,229,219,.6)}
.insight .num{grid-column:span 2;font-size:11px;text-transform:uppercase;letter-spacing:.2em;opacity:.4}
.insight .cat{grid-column:span 3;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--copper)}
.insight h3{grid-column:span 7;font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,1.875rem);line-height:1.25;font-weight:400}
.insight .read{grid-column:span 12;text-align:right;font-size:12px;opacity:.5;align-self:center}
@media(min-width:768px){.insight .num{grid-column:span 1}.insight .cat{grid-column:span 2}.insight h3{grid-column:span 7}.insight .read{grid-column:span 2}}

/* Footer / Contact */
.foot{background:var(--walnut);color:var(--bone);padding:80px 24px 40px}
@media(min-width:768px){.foot{padding:112px 56px 48px}}
.foot-top{display:grid;grid-template-columns:1fr;gap:48px;align-items:end}
@media(min-width:768px){.foot-top{grid-template-columns:1.2fr 1fr}}
.foot-top h2{font-family:var(--font-display);font-weight:400;line-height:.95;letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.75rem)}
.foot-top h2 .accent{font-style:italic;font-weight:300;color:var(--beige)}
.foot-form p{font-size:14px;color:rgba(245,242,238,.7);max-width:28rem}
.foot-form .row{margin-top:24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(245,242,238,.3);padding-bottom:12px}
.foot-form input{flex:1;background:transparent;color:var(--bone);outline:none;border:0;font-size:1rem;font-family:inherit}
.foot-form input::placeholder{color:rgba(245,242,238,.4)}
.foot-form button{color:var(--beige);transition:transform .25s}
.foot-form button:hover{transform:translateX(4px)}
.foot-cols{margin-top:96px;display:grid;grid-template-columns:repeat(2,1fr);gap:40px;border-top:1px solid rgba(245,242,238,.15);padding-top:40px}
@media(min-width:768px){.foot-cols{grid-template-columns:repeat(4,1fr)}}
.foot-cols img{height:40px;width:auto}
.foot-cols .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:rgba(245,242,238,.5)}
.foot-cols ul{list-style:none;margin-top:20px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.foot-cols ul a:hover{color:var(--beige)}
.foot-base{margin-top:48px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:rgba(245,242,238,.5)}