/*
Theme Name: P&P Ambiental
Theme URI: https://pp-planificacion-ambiental-2026.rpasminio.chatgpt.site
Author: P&P Planificación y Proyectos Ambientales
Description: Tema one-page para P&P Planificación y Proyectos Ambientales SpA.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: pp-ambiental
*/
:root{--ink:#193b36;--forest:#123b34;--moss:#28544b;--sand:#f2eee7;--paper:#fbfaf7;--lime:#c9e86d;--line:rgba(25,59,54,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Montserrat',Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.shell{width:min(1240px,calc(100% - 64px));margin:auto}.bar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dde3dc;padding:0 max(32px,calc((100% - 1240px)/2));position:sticky;top:0;z-index:50;background:#fbfaf7}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.06em}.brand img{width:34px;height:34px;border-radius:50%}.brand small{display:block;font-size:7px;letter-spacing:.11em;text-transform:uppercase;margin-top:2px}nav{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:700}nav a:last-child{border:1px solid var(--ink);border-radius:30px;padding:10px 14px}.hero{height:calc(100svh - 78px);min-height:650px;color:#fff;display:grid;align-items:center;position:relative;overflow:hidden}.hero>img,.shade{position:absolute;inset:0}.shade{background:linear-gradient(90deg,rgba(9,33,29,.87),rgba(9,33,29,.44),rgba(9,33,29,.1)),linear-gradient(0deg,rgba(5,28,24,.65),transparent 46%)}.hero .shell{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.19em;text-transform:uppercase;font-weight:700;color:#678077;margin:0 0 18px}.eyebrow.light{color:#dbe6d7}h1,h2,h3,.card b{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(53px,7.4vw,103px);line-height:.94;margin:0;max-width:860px}h1 em,h2 em{color:var(--lime)}.hero-copy{max-width:610px;font-size:15px;line-height:1.65;margin:34px 0}.button{display:inline-flex;gap:23px;align-items:center;background:var(--lime);color:var(--ink);padding:14px 17px;font-size:12px;font-weight:700}.hero-note{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:min(1240px,calc(100% - 64px));z-index:1;border-top:1px solid #ffffff77;padding-top:16px;font-size:12px;line-height:1.45}.hero-note p{max-width:550px;margin:0}.intro{padding:135px 0;display:grid;grid-template-columns:1.1fr .72fr;gap:9%}h2{font-size:clamp(46px,5.2vw,74px);line-height:.95;margin:0}.intro h2 em,.values h2 em,.history h2 em,.services h2 em{color:var(--moss)}.intro-copy{padding-top:48px;font-size:15px;line-height:1.8}.text-link{font-size:13px;font-weight:700;display:inline-block;margin-top:20px}.values{padding:110px 0;background:var(--sand)}.heading{display:flex;justify-content:space-between;align-items:end;gap:60px}.heading>p{max-width:340px;font-size:14px;line-height:1.7;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:66px}.card{min-height:275px;padding:19px 22px;border-right:1px solid var(--line);position:relative}.card:last-child{border:0}.card b{font-size:26px;line-height:1.05;display:block;margin-top:95px}.card p{font-size:12px;line-height:1.65}.num{font-size:11px;color:#6b8279}.history{display:grid;grid-template-columns:42% 58%;background:#e1e6dc}.history-image{min-height:850px}.history-copy{padding:110px clamp(35px,7vw,115px) 95px}.timeline{margin-top:55px}.step{display:grid;grid-template-columns:32px 1fr;gap:16px;padding-bottom:24px}.step span{font-size:11px;color:#6b8279}.step h3{font-size:21px;margin:0 0 7px}.step p{font-size:12px;line-height:1.6;margin:0}.services{padding:125px 0}.service{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:60px;padding:28px 0;display:grid;grid-template-columns:.8fr 1.25fr 1fr;gap:35px}.service h3{font-size:34px;margin:25px 0}.service p{font-size:15px;line-height:1.65;margin:0}.service ul{margin:0;padding:0;list-style:none;font-size:12px;line-height:1.5}.service li{margin-bottom:10px}.service li:before{content:'• ';color:var(--moss)}.gallery{padding:0 0 125px}.gallery-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.gallery-head p:last-child{max-width:310px;font-size:12px;line-height:1.6}.grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:280px 325px 250px;gap:14px}.grid figure{margin:0;overflow:hidden}.grid figure:first-child{grid-row:span 2}.grid figure:last-child{grid-column:span 2}.contact{background:var(--forest);color:white;padding-top:115px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-bottom:95px}.contact address{font-style:normal;align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:37px}.contact address div:first-child{grid-column:span 2}.contact address span{font-size:10px;letter-spacing:.16em;color:#b7c8bf;text-transform:uppercase;font-weight:700}.contact address p,.contact address a{display:block;margin:9px 0 0;font-size:15px;line-height:1.5}.foot{border-top:1px solid #ffffff55;padding:21px 0;display:flex;justify-content:space-between;color:#c3d0c8;font-size:10px}@media(max-width:800px){.shell{width:calc(100% - 40px)}.bar{padding:0 20px}.bar nav a:not(:last-child){display:none}.intro,.contact-grid{grid-template-columns:1fr}.intro{padding:85px 0}.intro-copy{padding-top:20px}.heading{display:block}.heading>p{margin-top:25px}.cards{grid-template-columns:1fr 1fr}.card:nth-child(2){border:0}.card:nth-child(-n+2){border-bottom:1px solid var(--line)}.history{grid-template-columns:1fr}.history-image{min-height:390px}.history-copy{padding:75px 20px}.service{grid-template-columns:1fr;gap:18px;margin-top:38px}.grid{grid-template-rows:240px 240px 220px}.contact{padding-top:75px}}@media(max-width:500px){nav{gap:0}.hero-note{width:calc(100% - 40px)}.cards{grid-template-columns:1fr}.card,.card:nth-child(2){border-right:0;border-bottom:1px solid var(--line);min-height:210px}.card b{margin-top:53px}.gallery-head{display:block}.gallery-head p:last-child{margin-top:15px}.grid{grid-template-columns:1fr;grid-template-rows:300px repeat(3,210px)}.grid figure:first-child{grid-row:auto}.grid figure:last-child{grid-column:auto}.contact address{grid-template-columns:1fr}.contact address div:first-child{grid-column:auto}.foot{display:block;line-height:1.8}}