/*
Theme Name: Cubiertas Sur
Theme URI: https://cubiertassur.cl/
Author: Cubiertas Sur
Description: Tema local de presentación para Cubiertas Sur, basado en el plan de actualización comercial.
Version: 1.0.3
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: cubiertas-sur
*/

:root{--ink:#14251f;--muted:#66726d;--paper:#f6f5f0;--white:#fff;--green:#174d3b;--lime:#c9df62;--line:#dce2dc;--max:1180px;--serif:Georgia,"Times New Roman",serif;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(246,245,240,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,37,31,.1)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:-.04em}.brand-mark{width:38px;height:38px;border-radius:50% 50% 4px 4px;background:var(--green);display:grid;place-items:center;color:var(--lime);font-family:var(--serif);font-size:20px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.18em;text-transform:uppercase;line-height:1.2}.nav-menu{display:flex;align-items:center;gap:25px;list-style:none;margin:0;padding:0;font-size:13px;font-weight:600}.nav-menu a:hover{color:var(--green)}.menu-toggle{display:none;border:0;background:none;font-size:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border-radius:3px;border:1px solid var(--green);background:var(--green);color:#fff;font-size:13px;font-weight:700;transition:.2s}.button:hover{background:#0f382b;transform:translateY(-1px)}.button-light{background:transparent;color:var(--green)}.button-light:hover{color:#fff}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.19em;font-weight:750;color:var(--green)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.04em;line-height:1.05}h1{font-size:clamp(48px,7vw,88px);max-width:800px;margin-bottom:25px}h2{font-size:clamp(37px,5vw,60px);margin-bottom:20px}h3{line-height:1.2;letter-spacing:-.02em}.lead{max-width:600px;color:#dce7df;font-size:18px;line-height:1.65}.section{padding:105px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:42px}.section-head p{max-width:460px;color:var(--muted);margin-bottom:4px}.hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:var(--green);color:white}.hero:before,.hero:after{content:"";position:absolute;pointer-events:none}.hero:before{inset:0;background:linear-gradient(90deg,rgba(10,31,24,.94) 0%,rgba(12,42,31,.78) 45%,rgba(12,42,31,.17) 100%),url('assets/hero.svg') center/cover}.hero:after{width:520px;height:520px;border:1px solid rgba(221,238,174,.35);border-radius:50%;right:-100px;bottom:-270px;box-shadow:0 0 0 50px rgba(221,238,174,.05),0 0 0 100px rgba(221,238,174,.04)}.hero-content{position:relative;z-index:1;padding:90px 0;max-width:850px}.hero .eyebrow{color:var(--lime);margin-bottom:22px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero .button-light{border-color:rgba(255,255,255,.65);color:#fff}.hero .button-light:hover{background:white;color:var(--green)}.hero-note{font-size:12px;color:#d4ded7;margin-top:30px}.trust-strip{background:#e9ebe3;border-bottom:1px solid var(--line)}.trust-items{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0}.trust-item{padding:3px 25px;border-left:1px solid #ccd4ca}.trust-item:first-child{border:0;padding-left:0}.trust-item strong{display:block;font-size:13px}.trust-item span{font-size:12px;color:var(--muted)}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.solution-card{min-height:330px;padding:34px;display:flex;flex-direction:column;justify-content:end;background:#e2e6dd;position:relative;overflow:hidden}.solution-card:nth-child(2){background:#d1dcd2}.solution-card:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(20,77,59,.2);border-radius:50%;right:-55px;top:-85px;box-shadow:0 0 0 22px rgba(20,77,59,.035),0 0 0 45px rgba(20,77,59,.035)}.solution-card>*{position:relative}.solution-card .number{font-family:var(--serif);font-size:16px;color:var(--green);margin-bottom:auto}.solution-card h3{font-family:var(--serif);font-weight:400;font-size:36px;max-width:390px;margin:34px 0 12px}.solution-card p{color:#52615a;max-width:420px;margin-bottom:22px}.text-link{font-size:13px;font-weight:750;color:var(--green);display:inline-flex;gap:10px;align-items:center}.text-link:after{content:"↗";font-size:18px}.process{background:var(--green);color:white}.process .eyebrow{color:var(--lime)}.process .section-head p{color:#cedbd2}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(255,255,255,.25)}.process-step{padding:27px 28px 0 0}.process-step+.process-step{padding-left:28px;border-left:1px solid rgba(255,255,255,.25)}.process-step b{font-family:var(--serif);font-size:25px;color:var(--lime);font-weight:400}.process-step h3{font-size:18px;margin:16px 0 7px}.process-step p{font-size:14px;color:#cfdbd3}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:#e9ebe5}.project-image{height:270px;background:linear-gradient(140deg,#b5c3b7,#e1e3d9);position:relative;overflow:hidden}.project-image:before{content:"";position:absolute;inset:22% -8% 18%;border-top:3px solid rgba(255,255,255,.75);border-bottom:3px solid rgba(20,77,59,.33);transform:skewY(-13deg);background:repeating-linear-gradient(90deg,transparent 0 48px,rgba(20,77,59,.13) 49px 50px)}.project-image:after{content:"";position:absolute;left:11%;right:11%;bottom:13%;height:24%;background:linear-gradient(155deg,#d7d8cb 0 48%,#9eafa1 49%);border-top:4px solid #f4f2e9}.project-image img{width:100%;height:100%;object-fit:cover}.project-info{padding:20px 22px 23px}.project-info .eyebrow{font-size:9px}.project-info h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:8px 0}.project-info p{color:var(--muted);font-size:13px;margin:0}.module-band{background:#e6e8df}.module-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.module-art{min-height:450px;background:#cdd8ce;position:relative;overflow:hidden;display:grid;place-items:center}.module-art:before{content:"";width:72%;height:46%;border:10px solid #6f8275;background:linear-gradient(135deg,#dce2d7,#aebeb0);box-shadow:16px 18px 0 rgba(20,37,31,.12);transform:perspective(600px) rotateY(-14deg) skewY(-3deg)}.module-art:after{content:"3 × 6 m";position:absolute;bottom:28px;left:28px;font-family:var(--serif);font-size:24px;color:var(--green)}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tag{padding:8px 12px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:650}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.faq-item{padding:24px 0;border-top:1px solid var(--line)}.faq-item h3{font-size:17px;margin-bottom:9px}.faq-item p{font-size:14px;color:var(--muted);margin-bottom:0}.cta-panel{background:var(--lime);padding:55px;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-panel h2{font-size:clamp(36px,4vw,52px);max-width:650px;margin:10px 0 0}.cta-panel .eyebrow{color:#435329}.cta-panel .button{background:var(--ink);border-color:var(--ink)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-info p{color:var(--muted)}.contact-detail{padding:17px 0;border-top:1px solid var(--line);font-size:14px}.contact-detail span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.11em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:6px}.field-wide{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd4ca;background:#fff;padding:13px 14px;border-radius:2px;color:var(--ink)}.field textarea{min-height:125px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--green);outline-offset:1px}.form-note{font-size:11px;color:var(--muted);margin-top:12px}.site-footer{padding:54px 0 25px;background:#112a21;color:#e8eee9}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:43px}.footer-top p{color:#b5c6bb;max-width:380px;font-size:13px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:18px;display:flex;justify-content:space-between;color:#a9b9ae;font-size:11px}.page-hero{padding:92px 0 75px;background:#e7e9e1}.page-hero h1{font-size:clamp(46px,6vw,74px);max-width:920px}.page-hero .lead{color:#57665e}.page-content{padding:75px 0}.content-narrow{max-width:800px}.content-narrow h2{font-size:38px;margin-top:45px}.content-narrow p,.content-narrow li{color:#52615a}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.color-chip{height:145px;padding:15px;display:flex;align-items:end;font-size:12px;font-weight:700;border:1px solid rgba(20,37,31,.12)}.project-detail-image{min-height:380px;background:linear-gradient(140deg,#bac7ba,#e4e5dc);margin:30px 0}.notice{border-left:3px solid #a27a27;background:#f2eddf;padding:15px 18px;color:#645b45;font-size:13px}.mobile-cta{display:none}
@media(max-width:850px){.nav-menu{gap:14px;font-size:12px}.header-quote{display:none}.module-layout,.contact-layout{grid-template-columns:1fr;gap:35px}.module-art{min-height:340px}.section{padding:78px 0}.hero{min-height:590px}.project-image{height:220px}}
@media(max-width:650px){.wrap{width:min(100% - 36px,var(--max))}.header-inner{min-height:68px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:15px 18px 22px;background:var(--paper);border-bottom:1px solid var(--line)}.site-nav.is-open{display:block}.nav-menu{display:flex;align-items:stretch;flex-direction:column;gap:0}.nav-menu li a{display:block;padding:10px 0;font-size:14px}.hero{min-height:570px}.hero:before{background:linear-gradient(90deg,rgba(10,31,24,.94),rgba(12,42,31,.55)),url('assets/hero.svg') center/cover}.hero-content{padding:70px 0}.lead{font-size:16px}.trust-items{grid-template-columns:1fr;gap:0;padding:8px 0}.trust-item,.trust-item:first-child{padding:13px 0;border:0;border-bottom:1px solid #ccd4ca}.trust-item:last-child{border:0}.section-head{display:block;margin-bottom:30px}.section-head p{margin-top:14px}.solution-grid,.project-grid,.faq-grid{grid-template-columns:1fr}.solution-card{min-height:285px;padding:25px}.solution-card h3{font-size:32px}.project-image{height:240px}.process-grid{grid-template-columns:1fr}.process-step,.process-step+.process-step{padding:20px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.25)}.module-layout{gap:30px}.module-art{min-height:280px}.cta-panel{display:block;padding:32px 24px}.cta-panel .button{margin-top:23px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:20px}.footer-bottom span{display:block;margin-top:7px}.page-hero{padding:65px 0 50px}.page-content{padding:50px 0}.color-grid{grid-template-columns:repeat(2,1fr)}.color-chip{height:110px}.mobile-cta{display:flex;position:fixed;bottom:12px;left:12px;right:12px;z-index:9;box-shadow:0 5px 24px #10291f40}.site-footer{padding-bottom:75px}}

/* Local production assets */
.brand img{width:192px;height:auto;display:block}.site-footer .brand img{filter:brightness(0) invert(1);opacity:.9}.hero:before{background:linear-gradient(90deg,rgba(10,31,24,.94) 0%,rgba(12,42,31,.72) 48%,rgba(12,42,31,.2) 100%),url('assets/project-house.jpeg') center 45%/cover}.project-image img{width:100%;height:100%;object-fit:cover}.module-feature-image{width:100%;height:100%;min-height:390px;max-height:490px;object-fit:cover}.module-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.module-gallery img{width:100%;height:230px;object-fit:cover;background:#dce2dc}.module-art{background:url('assets/module-1.png') center/cover no-repeat}.project-info h3{margin-bottom:0}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.benefit-grid article{padding:23px 23px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit-grid article>span{color:var(--green);font-size:11px;font-weight:750;letter-spacing:.15em}.benefit-grid h3{font-family:var(--serif);font-weight:400;font-size:24px;margin:15px 0 8px}.benefit-grid p{font-size:13px;color:var(--muted);margin-bottom:0}
@media(max-width:650px){.brand img{width:160px}.hero:before{background:linear-gradient(90deg,rgba(10,31,24,.94),rgba(12,42,31,.55)),url('assets/project-house.jpeg') center/cover}.module-feature-image{min-height:280px}.module-gallery{grid-template-columns:1fr}.module-gallery img{height:245px}}
@media(max-width:650px){.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid article{padding:18px 14px}.benefit-grid h3{font-size:21px}}
.gallery-heading{margin:70px 0 25px}.gallery-heading h2{margin:8px 0 0}.costa-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.costa-gallery a{display:block;overflow:hidden;background:#e1e5df}.costa-gallery img{width:100%;height:220px;object-fit:cover;transition:transform .3s}.costa-gallery a:hover img{transform:scale(1.035)}
@media(max-width:850px){.costa-gallery{grid-template-columns:repeat(3,1fr)}.costa-gallery img{height:200px}}
@media(max-width:650px){.costa-gallery{grid-template-columns:repeat(2,1fr);gap:8px}.costa-gallery img{height:150px}}

/* Align the site with Cubiertas Sur's blue, grey and gold logo. */
:root{--ink:#292d3b;--muted:#69707e;--paper:#f5f5f7;--blue:#5b62b8;--green:var(--blue);--lime:#d3b56b;--line:#dcdde5}
.hero:before{background:linear-gradient(90deg,rgba(30,36,67,.94) 0%,rgba(42,49,89,.72) 48%,rgba(42,49,89,.18) 100%),url('assets/project-house.jpeg') center 45%/cover}
.hero:after{border-color:rgba(222,198,124,.35);box-shadow:0 0 0 50px rgba(222,198,124,.05),0 0 0 100px rgba(222,198,124,.04)}
.solution-card:before{border-color:rgba(91,98,184,.2);box-shadow:0 0 0 22px rgba(91,98,184,.035),0 0 0 45px rgba(91,98,184,.035)}
.site-footer{background:#272d4e}
.brand img{background:transparent}
.site-footer .brand{width:max-content;padding:5px 9px;background:#fff;border-radius:3px}
.site-footer .brand img{filter:none;opacity:1;width:192px}
.button:hover{background:#454d9b;border-color:#454d9b}
.gallery-hint{color:var(--muted);font-size:13px;margin:10px 0 0}.gallery-item{display:block;width:100%;padding:0;border:0;cursor:zoom-in;overflow:hidden;background:#e1e5df}.gallery-item img{width:100%;height:220px;object-fit:cover;transition:transform .25s,filter .25s}.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.045);filter:brightness(.9)}.gallery-item:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.gallery-lightbox[hidden]{display:none}.gallery-lightbox{position:fixed;inset:0;z-index:50;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;grid-template-rows:minmax(0,1fr) 36px;align-items:center;justify-items:center;padding:28px;background:rgba(16,20,36,.94);color:#fff}.lightbox-figure{grid-column:2;grid-row:1;max-width:min(100%,1100px);max-height:calc(100vh - 100px);margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}.lightbox-figure img{max-width:100%;max-height:calc(100vh - 150px);width:auto;height:auto;object-fit:contain}.lightbox-figure figcaption{font-size:13px;color:rgba(255,255,255,.8)}.lightbox-close,.lightbox-arrow{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;cursor:pointer;display:grid;place-items:center}.lightbox-close:hover,.lightbox-arrow:hover{background:var(--blue)}.lightbox-close{position:absolute;right:22px;top:18px;width:46px;height:46px;border-radius:50%;font-size:31px;line-height:1}.lightbox-arrow{grid-row:1;width:48px;height:58px;border-radius:4px;font-size:42px;line-height:1}.lightbox-prev{grid-column:1}.lightbox-next{grid-column:3}.lightbox-count{grid-column:2;grid-row:2;font-size:12px;color:rgba(255,255,255,.7)}body.gallery-open{overflow:hidden}
@media(max-width:650px){.hero:before{background:linear-gradient(90deg,rgba(30,36,67,.94),rgba(42,49,89,.55)),url('assets/project-house.jpeg') center/cover}}
@media(max-width:650px){.gallery-lightbox{grid-template-columns:46px minmax(0,1fr) 46px;padding:16px 8px 22px}.lightbox-arrow{width:38px;height:50px;font-size:34px}.lightbox-close{right:12px;top:12px;width:40px;height:40px}.lightbox-figure{max-width:100%;max-height:calc(100vh - 95px)}.lightbox-figure img{max-height:calc(100vh - 155px)}}

/* Light watermark: CSS overlay using the original transparent logo file. */
.photo-watermark{position:relative;overflow:hidden}
.photo-watermark::after{content:"";position:absolute;z-index:3;left:auto;top:auto;right:12px;bottom:12px;width:clamp(58px,20%,108px);height:auto;aspect-ratio:384/125;background:rgba(255,255,255,.72) url('assets/site-logo-alt.png') center/88% auto no-repeat;border:1px solid rgba(255,255,255,.48);border-radius:3px;box-shadow:0 1px 8px rgba(17,25,48,.13);opacity:.7;pointer-events:none}
.module-feature-image.photo-watermark{height:100%;min-height:390px;max-height:490px;object-fit:initial;background:#dce2dc}
.module-feature-image.photo-watermark>img{position:absolute;inset:0;width:100%;height:100%;max-height:inherit;min-height:inherit;object-fit:cover}
.module-gallery .photo-watermark{height:230px;background:#dce2dc}
.module-gallery .photo-watermark>img{width:100%;height:100%;object-fit:cover}
.lightbox-figure.photo-watermark::after{right:10px;bottom:44px;width:clamp(75px,16%,118px)}
@media(max-width:850px){.module-feature-image.photo-watermark{min-height:340px}}
@media(max-width:650px){.photo-watermark::after{right:8px;bottom:8px;width:clamp(50px,22%,76px)}.module-feature-image.photo-watermark{min-height:280px}.module-gallery .photo-watermark{height:245px}.lightbox-figure.photo-watermark::after{right:6px;bottom:40px;width:clamp(62px,18vw,88px)}}
