/*
Theme Name: DyS — Diseño y Solidez
Theme URI: https://dysconstrucciones.com.ar/
Author: DyS Construcciones
Description: Tema institucional de Diseño y Solidez en Construcciones.
Version: 1.1.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: dys
*/
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
:root{--black:#0a0a0a;--ink:#151515;--white:#fff;--off:#f3f3f1;--line:#d8d8d4;--max:1440px;--display:'Bebas Neue','TS Arabic Bebas Neue Pro',Impact,sans-serif;--body:'Helvetica Now',Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eee;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand img{width:90px;height:auto;max-height:62px;object-fit:contain}.site-nav{display:flex;gap:38px;align-items:center}.site-nav a,.header-cta{font-family:var(--display);letter-spacing:.06em;font-size:18px}.site-nav a:hover,.header-cta:hover{text-decoration:underline;text-underline-offset:6px}.header-cta{border:1px solid #111;padding:10px 18px}.menu-toggle{display:none;background:none;border:0;font-family:var(--display);font-size:26px}.hero{position:relative;min-height:calc(100vh - 82px);max-height:860px;overflow:hidden;background:#111}.hero img{width:100%;height:100%;min-height:calc(100vh - 82px);object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.35) 40%,rgba(0,0,0,.05) 72%)}.hero-content{position:absolute;z-index:2;left:6vw;top:50%;transform:translateY(-50%);max-width:720px;color:#fff}.hero-content h1{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(64px,8vw,132px);line-height:.84;letter-spacing:.01em;margin:0 0 28px}.hero-copy{font-size:20px;max-width:530px;margin:0 0 28px}.actions{display:flex;gap:12px}.btn{display:inline-block;padding:13px 20px;font-family:var(--display);font-size:18px;letter-spacing:.06em;border:1px solid #fff}.btn.light{background:#fff;color:#111}.btn.outline{color:#fff}.section{padding:88px 4vw}.section-head{max-width:var(--max);margin:0 auto 30px;display:flex;align-items:end;justify-content:space-between;gap:20px}.section-label{font-family:var(--display);font-size:19px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.section-head h2,.intro h2,.services h2,.clients h2,.about-band h2,.contact h2{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.92;margin:0;font-size:clamp(42px,5vw,78px)}.section-link{font-family:var(--display);font-size:18px;letter-spacing:.06em}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.stats>div{padding:34px 4vw;border-right:1px solid var(--line)}.stats>div:last-child{border-right:0}.stats strong{display:block;font-family:var(--display);font-size:54px;font-weight:400;line-height:1}.stats span{display:block;margin-top:9px;font-size:13px;text-transform:uppercase;letter-spacing:.07em}.intro{padding:100px 6vw;background:#fff}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:start;max-width:var(--max);margin:auto}.intro .section-label{max-width:var(--max);margin:0 auto 25px}.intro p{font-size:19px;margin:0 0 20px;max-width:620px}.services{background:var(--off);padding:90px 4vw}.service-grid{max-width:var(--max);margin:45px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bbb}.service-grid article{padding:26px 25px 20px 0;border-right:1px solid #bbb}.service-grid article:not(:first-child){padding-left:25px}.service-grid article:last-child{border-right:0}.service-grid span{font-family:var(--display);font-size:24px}.service-grid h3{font-family:var(--display);font-size:30px;font-weight:400;margin:35px 0 10px}.projects{padding:90px 4vw}.project-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.project{position:relative;overflow:hidden;background:#171717;min-height:360px;color:#fff}.project img{width:100%;height:100%;min-height:360px;object-fit:cover;transition:transform .45s ease}.project:hover img{transform:scale(1.035)}.project>div{position:absolute;left:0;right:0;bottom:0;padding:22px 18px 20px;background:linear-gradient(transparent,rgba(0,0,0,.94) 30%)}.project h3{font-family:var(--display);font-size:30px;font-weight:400;line-height:.95;margin:18px 0 8px;text-transform:uppercase}.project p{font-size:13px;margin:4px 0}.placeholder{background:repeating-linear-gradient(135deg,#191919,#191919 12px,#222 12px,#222 24px);display:flex;align-items:center;justify-content:center;text-align:center}.placeholder>div{position:static;background:none;padding:35px}.placeholder h3{font-size:34px;margin:8px 0 10px}.placeholder span{font-family:var(--display);letter-spacing:.08em;font-size:17px}.placeholder p{font-size:15px}.delivered{padding:90px 4vw;background:#f7f7f5}.delivered .project-grid{grid-template-columns:repeat(6,1fr)}.delivered .project{min-height:300px}.delivered .project img{min-height:300px}.delivered-group{max-width:var(--max);margin:35px auto 14px}.clients{padding:90px 6vw}.client-list{max-width:var(--max);margin:45px auto 0;display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.client-list span{min-height:110px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;font-family:var(--display);font-size:24px;line-height:.95;border-right:1px solid var(--line)}.client-list span:last-child{border-right:0}.client-list small{font-family:var(--display);font-size:15px}.about-band{display:grid;grid-template-columns:1.05fr .95fr;background:#111;color:#fff}.about-band img{width:100%;height:100%;min-height:580px;object-fit:cover}.about-band>div{padding:90px 7vw;align-self:center}.about-band h2{font-size:clamp(52px,5.8vw,92px)}.about-band p{font-size:19px;max-width:560px;margin-top:28px}.contact{padding:80px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#e9e9e5}.contact p{font-size:19px;max-width:500px}.contact .btn{background:#111;color:#fff;border-color:#111}.site-footer{background:#0a0a0a;color:#fff;padding:55px 6vw;display:flex;justify-content:space-between;gap:30px;align-items:end}.site-footer img{width:110px;filter:invert(1)}.site-footer p{font-size:13px;margin:0}.footer-nav{display:flex;gap:24px;font-family:var(--display);font-size:17px}.instagram{font-family:var(--display);font-size:18px}
@media(max-width:1100px){.site-nav{gap:20px}.project-grid,.delivered .project-grid{grid-template-columns:repeat(3,1fr)}.client-list{grid-template-columns:repeat(4,1fr)}.client-list span:nth-child(4){border-right:0}.stats strong{font-size:44px}}
@media(max-width:760px){.site-header{height:70px;padding:0 20px}.brand img{width:72px}.site-nav,.header-cta{display:none}.menu-toggle{display:block}.hero{min-height:650px}.hero img{min-height:650px}.hero-content{left:22px;right:22px}.hero-content h1{font-size:clamp(58px,17vw,88px)}.hero-copy{font-size:16px}.actions{flex-wrap:wrap}.stats{grid-template-columns:repeat(2,1fr)}.stats>div{border-bottom:1px solid var(--line)}.stats>div:nth-child(2){border-right:0}.intro-grid,.contact,.about-band{grid-template-columns:1fr}.intro{padding:70px 22px}.services,.projects,.delivered{padding:70px 22px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article:nth-child(2){border-right:0}.service-grid article:nth-child(3){border-top:1px solid #bbb;padding-left:0}.service-grid article:nth-child(4){border-top:1px solid #bbb}.project-grid,.delivered .project-grid{grid-template-columns:1fr 1fr}.project{min-height:330px}.project img{min-height:330px}.client-list{grid-template-columns:repeat(2,1fr)}.client-list span:nth-child(even){border-right:0}.about-band img{min-height:360px}.about-band>div{padding:60px 22px}.contact{padding:65px 22px}.site-footer{padding:45px 22px;display:block}.footer-nav{margin-top:25px;flex-wrap:wrap}}

/* Logo negro en el encabezado y gris original en el pie. */
.brand{display:flex;align-items:center;justify-content:center;background:transparent;padding:6px 10px}.brand img{width:74px;max-height:62px;filter:brightness(0)}.site-footer img{width:180px;height:auto;filter:none;margin-bottom:18px}@media(max-width:760px){.brand{padding:4px 8px}.brand img{width:64px;max-height:54px}.site-footer img{width:170px}}

.contact .contact-email{margin:14px 0 0;font-size:16px;overflow-wrap:anywhere}.contact-email a:hover{text-decoration:underline}
