/*
Theme Name: PLAMARA Pérgolas
Theme URI: https://plamara.es/
Author: PLAMARA
Description: Tema ligero de presentación para pérgolas metálicas a medida en Valencia.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: plamara-pergolas
*/
:root{--ink:#17212b;--green:#2f9d57;--green-dark:#207640;--muted:#65717c;--paper:#fff;--soft:#f4f6f5;--line:#e1e6e3;--radius:16px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;background:#fff}a{color:var(--green-dark);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}.brand{display:flex;flex-direction:column;color:var(--ink);line-height:1.05;font-weight:850;letter-spacing:.04em;font-size:1.7rem}.brand small{font-size:.66rem;color:var(--green-dark);font-weight:650;letter-spacing:.08em;margin-top:5px}.main-nav{display:flex;align-items:center;gap:20px;font-size:.92rem}.main-nav a{color:var(--ink)}.header-contact{font-weight:750;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--green);color:#fff!important;border:1px solid var(--green);border-radius:10px;padding:12px 18px;font-weight:750;line-height:1.25;text-decoration:none!important;transition:background .15s}.button:hover{background:var(--green-dark)}.button.outline{background:transparent;border-color:#fff;color:#fff!important}.button.dark-outline{background:transparent;border-color:var(--line);color:var(--ink)!important}.hero{position:relative;min-height:500px;display:flex;align-items:center;background:#1c2930 url("assets/hero-pergola-referencia.jpg") center 54%/cover no-repeat;color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,22,27,.92) 0%,rgba(13,22,27,.78) 40%,rgba(13,22,27,.08) 78%)}.hero-content{position:relative;z-index:1;max-width:690px;padding:76px 0}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#a8e3b6}.hero h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.06;letter-spacing:-.04em;margin:12px 0 20px;color:#fff}.hero p{font-size:1.13rem;max-width:620px;color:#f0f4f2}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.trust-strip{background:var(--soft);border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;padding:22px 0}.trust-item{font-size:.91rem;font-weight:750}.trust-item span{display:block;font-weight:450;color:var(--muted);font-size:.84rem}.section{padding:72px 0}.section.soft{background:var(--soft)}.section-heading{text-align:center;max-width:780px;margin:0 auto 34px}.section-heading .eyebrow{color:var(--green-dark)}h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15;letter-spacing:-.03em;margin:.35em 0}.lead{font-size:1.08rem;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(20,35,28,.04)}.service-card img{width:100%;height:220px;object-fit:cover}.service-card-content{padding:22px}.service-card h3{margin:0 0 8px;font-size:1.25rem}.service-card p{color:var(--muted);margin:0 0 14px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.feature-list{padding-left:1.2rem}.feature-list li{padding:.25rem 0}.feature-image{border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 34px rgba(20,35,28,.12)}.cta-band{background:var(--ink);color:#fff;border-radius:var(--radius);padding:36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-band h2{margin:0 0 8px;color:#fff}.cta-band p{margin:0;color:#dbe4e0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.contact-panel{background:var(--soft);padding:28px;border-radius:var(--radius)}.contact-panel h3{margin-top:0}.site-footer{background:#111a20;color:#e9efec;padding:42px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.site-footer a{color:#d5e7db}.footer-bottom{border-top:1px solid #344047;margin-top:28px;padding-top:18px;color:#b8c4bf;font-size:.88rem}.content-page{padding:58px 0;max-width:850px}.content-page h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12}.content-page h2{margin-top:1.7em}.breadcrumbs{font-size:.86rem;color:var(--muted);margin-bottom:22px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-weight:750;cursor:pointer}.mobile-menu{display:none}.notice{padding:14px 16px;background:#f7f7e9;border-left:4px solid #c4a33a;border-radius:6px;font-size:.9rem}
@media(max-width:980px){.main-nav{gap:12px;font-size:.84rem}.header-contact{display:none}.trust-grid{grid-template-columns:repeat(3,1fr)}.hero{min-height:470px}.cards{gap:14px}.service-card img{height:180px}}
@media(max-width:720px){.wrap{width:min(var(--max),calc(100% - 28px))}.header-inner{min-height:72px;flex-wrap:wrap;padding:12px 0}.brand{font-size:1.45rem}.main-nav{order:3;width:100%;overflow-x:auto;padding:4px 0 7px;white-space:nowrap}.main-nav a{font-size:.82rem}.hero{min-height:560px;background-position:58% center}.hero:before{background:linear-gradient(90deg,rgba(13,22,27,.91),rgba(13,22,27,.60))}.hero-content{padding:58px 0}.hero h1{font-size:2.65rem}.trust-grid{grid-template-columns:1fr 1fr;gap:16px}.section{padding:52px 0}.cards,.two-col,.contact-grid,.footer-grid{grid-template-columns:1fr}.service-card img{height:220px}.cta-band{align-items:flex-start;flex-direction:column;padding:26px}.button-row .button{flex:1}.content-page{padding:38px 0}}
