:root{--ink:#181816;--paper:#f4f2ed;--white:#fff;--muted:#e9e6df;--line:#d8d4cb;--soft:#77736b;--accent:#b9ad95;--header:86px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-weight:300;line-height:1.6}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{height:var(--header);padding:0 4.6vw;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;background:rgba(244,242,237,.96);border-bottom:1px solid rgba(0,0,0,.07);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid #252521;font-size:17px;font-weight:600;letter-spacing:-.05em}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font-size:12px;letter-spacing:.14em}.brand-copy small{font-size:8px;letter-spacing:.27em;margin-top:5px}.nav{display:flex;align-items:center;gap:30px}.nav a{font-size:11px;letter-spacing:.08em;padding:34px 0 30px;position:relative}.nav a:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:25px;background:#1d1d1a;transition:.25s}.nav a:hover:after,.nav a.active:after{right:0}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{width:24px;height:1px;background:#111;display:block;margin:5px}.section{padding:115px 7.4vw}.kicker{margin:0 0 18px;text-transform:uppercase;letter-spacing:.22em;font-size:10px;font-weight:500;color:#777269}.kicker.light{color:#e4dfd4}.section h1,.section h2,.page-hero h1,.wide-image-cta h2,.contact-band h2{font-family:"Libre Franklin",Arial,sans-serif;font-weight:300;letter-spacing:-.055em}.text-button{display:inline-flex;align-items:center;gap:18px;margin-top:22px;padding-bottom:7px;border-bottom:1px solid #262621;text-transform:uppercase;font-size:10px;letter-spacing:.14em}.text-button.light{border-color:#fff}.text-button span{font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border:1px solid currentColor;text-transform:uppercase;font-size:10px;letter-spacing:.13em;cursor:pointer;background:transparent}.dark-button{background:#191917;color:#fff;border-color:#191917}.light-button{background:#fff;color:#181816;border-color:#fff}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
.home-hero{min-height:calc(100vh - var(--header));position:relative;display:flex;align-items:flex-end;padding:8vh 7.4vw;background:var(--hero) center/cover no-repeat;color:white}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.54),rgba(0,0,0,.1) 62%),linear-gradient(0deg,rgba(0,0,0,.34),transparent 45%)}.home-hero-copy{position:relative;z-index:2;max-width:760px}.home-hero h1{font:300 clamp(64px,8.8vw,132px)/.86 "Libre Franklin",sans-serif;letter-spacing:-.07em;margin:0}.home-hero-copy>p:not(.kicker){font-size:16px;max-width:500px;margin:27px 0 0}.split-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center}.split-media{height:720px}.split-copy h2{font-size:clamp(48px,5vw,76px);line-height:.98;margin:0 0 46px}.mini-solution{border-top:1px solid var(--line);padding:23px 0}.mini-solution h3{font-size:19px;font-weight:500;margin:0 0 7px}.mini-solution p{color:#656159;font-size:14px;margin:0;max-width:520px}.muted{background:var(--muted)}.section-head{display:grid;grid-template-columns:1fr 1.25fr;gap:5vw;align-items:start;margin-bottom:65px}.section-head .kicker{grid-column:1}.section-head h2{font-size:clamp(46px,5.3vw,78px);line-height:.98;margin:0;grid-column:1}.section-head>p:not(.kicker){grid-column:2;grid-row:2;color:#666158;max-width:520px;margin:12px 0 0}.service-tiles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c9c4ba}.service-tiles article{padding:28px 24px 20px 0;border-right:1px solid #c9c4ba;min-height:230px}.service-tiles article:last-child{border-right:0}.service-tiles span,.process-list span{font-size:9px;letter-spacing:.18em;color:#888177}.service-tiles h3{font-size:27px;font-weight:400;margin:52px 0 8px}.service-tiles p{font-size:13px;color:#6d685f;max-width:240px}.wide-image-cta{min-height:720px;display:flex;align-items:flex-end;padding:90px 7.4vw;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.52),rgba(0,0,0,.06)),var(--bg) center/cover no-repeat}.wide-copy{max-width:820px}.wide-image-cta h2{font-size:clamp(54px,6vw,90px);line-height:.93;margin:0 0 32px}.about-home{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about-home .section-head{display:block;margin:0}.about-home h2{font-size:clamp(48px,5vw,75px);line-height:.98;margin:0}.about-home-copy{font-size:16px;color:#5f5b53;max-width:600px}.about-home-copy p{margin:0 0 22px}
.page-hero{min-height:670px;display:grid;grid-template-columns:1.25fr .75fr;background:#e6e2da}.page-hero-media{min-height:670px}.page-hero-copy{padding:90px 6vw;align-self:end}.page-hero h1{font-size:clamp(58px,6.5vw,96px);line-height:.92;margin:0}.page-hero-copy>p:not(.kicker){max-width:440px;color:#666157;margin-top:24px}.editorial{display:grid;grid-template-columns:.9fr 1fr;gap:11vw}.editorial h2{font-size:clamp(48px,5vw,76px);line-height:.98;margin:0}.editorial-copy{max-width:640px;color:#5e5a52}.editorial-copy .lead{font-size:21px;line-height:1.55;color:#24231f}.editorial-copy p{margin:0 0 24px}.values-strip{padding:0 7.4vw 110px;display:grid;grid-template-columns:repeat(4,1fr)}.values-strip div{border-top:1px solid var(--line);padding:20px 15px 0 0}.values-strip span{font-size:9px;color:#8a857b}.values-strip h3{font-weight:400;font-size:21px;margin:40px 0 0}.closing-image{height:660px}
.simple-hero{padding-top:115px;padding-bottom:90px}.simple-copy{max-width:980px}.simple-copy h1{font-size:clamp(68px,8vw,118px);line-height:.88;margin:0 0 38px}.simple-copy>p:not(.kicker){max-width:780px;color:#615d55;font-size:16px}.markets-grid-wrap{display:grid;grid-template-columns:repeat(2,1fr)}.market-card{height:600px;position:relative;overflow:hidden;color:#fff}.market-card img{transition:transform .75s ease}.market-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.68),rgba(0,0,0,.06) 62%)}.market-card:hover img{transform:scale(1.035)}.market-overlay{position:absolute;z-index:2;left:38px;right:38px;bottom:36px}.market-overlay h3{font-size:34px;font-weight:300;margin:0 0 10px}.market-overlay p{max-width:540px;font-size:13px;line-height:1.55;color:#eee;margin:0}.applications-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-card{margin:0}.app-card img{height:330px}.app-card figcaption{font-size:12px;text-transform:uppercase;letter-spacing:.13em;padding:13px 0 24px;border-bottom:1px solid var(--line)}.center-action{text-align:center;margin-top:60px}
.material-feature{display:grid;grid-template-columns:1.15fr .85fr;min-height:720px;background:#dedad1}.material-feature.reverse{grid-template-columns:.85fr 1.15fr;background:#20201d;color:#fff}.material-feature.reverse .material-feature-image{order:2}.material-feature-image{min-height:720px}.material-feature-copy{padding:90px 6vw;align-self:center}.material-feature-copy h2{font:300 clamp(48px,5vw,75px)/.96 "Libre Franklin";letter-spacing:-.055em;margin:0 0 24px}.material-feature-copy p{font-size:15px;color:#666158}.reverse .material-feature-copy p{color:#bbb5aa}.material-feature-copy ul{list-style:none;padding:0;margin:35px 0 0}.material-feature-copy li{padding:12px 0;border-top:1px solid rgba(0,0,0,.14);font-size:13px}.reverse .material-feature-copy li{border-color:rgba(255,255,255,.18)}.stone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stone-card{margin:0;position:relative;height:360px;overflow:hidden}.stone-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 55%)}.stone-card figcaption{position:absolute;z-index:2;left:24px;bottom:20px;color:#fff;font-size:21px}.comparison{border-top:1px solid #c5c0b6}.cmp-row{display:grid;grid-template-columns:1.3fr 1fr 1fr;border-bottom:1px solid #c5c0b6;padding:18px 0;font-size:13px}.cmp-head{font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.cmp-row span:not(:first-child){text-align:center}
.service-stones{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-stone{position:relative;height:360px;overflow:hidden}.service-stone:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 60%)}.service-stone h3{position:absolute;z-index:2;left:24px;bottom:20px;margin:0;color:#fff;font-size:22px;font-weight:300}.process{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.process .section-head{display:block;margin:0}.process .section-head h2{font-size:clamp(48px,5vw,75px)}.process-list article{display:grid;grid-template-columns:55px .7fr 1.4fr;gap:20px;border-top:1px solid #c4bfb5;padding:24px 0}.process-list h3{margin:0;font-size:22px;font-weight:400}.process-list p{font-size:13px;color:#666159;margin:0}.contact-band{background:#1b1b18;color:#fff;padding:100px 7.4vw;display:flex;justify-content:space-between;align-items:end;gap:40px}.contact-band h2{font-size:clamp(55px,6vw,88px);line-height:.93;margin:0}
.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding-top:120px}.contact-lead h1{font:300 clamp(55px,6vw,90px)/.93 "Libre Franklin";letter-spacing:-.06em;margin:0 0 30px}.contact-lead>p:not(.kicker){max-width:560px;color:#615d55}.contact-details{margin-top:55px;border-top:1px solid var(--line)}.contact-details p{padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.contact-details span{display:block;text-transform:uppercase;letter-spacing:.13em;font-size:9px;color:#8a857c;margin-bottom:6px}.contact-form{align-self:start;background:#e6e2da;padding:42px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-form label{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:9px;margin-bottom:22px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #aaa49a;background:transparent;padding:11px 0;font-size:14px;outline:0;resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#171714}.form-note{font-size:10px;color:#79746b}.contact-photo{height:650px}
.footer{padding:64px 7.4vw 25px;background:#11110f;color:#aaa}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:40px;padding-bottom:55px}.brand-footer{color:#fff}.brand-footer .brand-mark{border-color:#fff}.footer p{font-size:12px;line-height:1.9;margin:0}.footer-label{text-transform:uppercase;letter-spacing:.14em;font-size:9px!important;color:#686860;margin-bottom:10px!important}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #2d2d28;padding-top:21px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:60;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#1e1e1b;color:#fff;font-size:10px;font-weight:600;box-shadow:0 10px 30px #0003}
@media(max-width:980px){:root{--header:72px}.site-header{padding:0 5vw}.menu-toggle{display:block;z-index:55}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:28px 5vw;flex-direction:column;align-items:flex-start;gap:7px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:9px 0;font-size:13px}.nav a:after{bottom:5px}.section{padding:82px 6vw}.home-hero{padding:8vh 6vw}.split-intro,.editorial,.about-home,.contact-page,.process{grid-template-columns:1fr}.split-media{height:540px}.section-head{display:block}.section-head h2{margin-bottom:24px}.section-head>p:not(.kicker){margin-top:20px}.service-tiles{grid-template-columns:1fr 1fr}.service-tiles article:nth-child(2){border-right:0}.service-tiles article{border-bottom:1px solid #c9c4ba}.page-hero{grid-template-columns:1fr}.page-hero-media{height:500px;min-height:0}.page-hero-copy{padding:65px 6vw}.values-strip{grid-template-columns:1fr 1fr;padding:0 6vw 80px}.values-strip div{padding-bottom:38px}.markets-grid-wrap{grid-template-columns:1fr}.market-card{height:520px}.applications-grid,.stone-grid,.service-stones{grid-template-columns:1fr 1fr}.material-feature,.material-feature.reverse{grid-template-columns:1fr}.material-feature.reverse .material-feature-image{order:0}.material-feature-image{height:560px;min-height:0}.process-list article{grid-template-columns:45px 1fr}.process-list p{grid-column:2}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.home-hero h1{font-size:62px}.home-hero{min-height:78vh}.home-hero-copy>p:not(.kicker){font-size:14px}.split-media,.page-hero-media,.material-feature-image{height:420px}.split-copy h2,.simple-copy h1{font-size:50px}.section-head h2,.editorial h2,.about-home h2{font-size:45px}.service-tiles,.applications-grid,.stone-grid,.service-stones{grid-template-columns:1fr}.market-card{height:440px}.market-overlay{left:24px;right:24px;bottom:24px}.market-overlay h3{font-size:28px}.wide-image-cta{min-height:580px;padding:65px 6vw}.wide-image-cta h2,.contact-band h2{font-size:50px}.values-strip{grid-template-columns:1fr}.stone-card,.service-stone{height:300px}.cmp-row{grid-template-columns:1fr .8fr .8fr;font-size:11px}.contact-band{align-items:flex-start;flex-direction:column}.field-row{grid-template-columns:1fr}.contact-form{padding:28px 22px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:12px}.closing-image,.contact-photo{height:440px}}

/* ============================================================
   REFINAMIENTO VISUAL PREMIUM — Vertex Design
   Paleta: marfil / arena / carbón / bronce cálido
   ============================================================ */
:root{
  --ink:#171714;
  --paper:#f7f5f0;
  --white:#fffdfa;
  --muted:#ebe7de;
  --line:#d7d0c3;
  --soft:#746e63;
  --accent:#9b7a4e;
  --accent-deep:#745936;
  --accent-soft:#d8c7ad;
  --charcoal:#171816;
  --charcoal-2:#23231f;
  --surface:#f1ede5;
}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(155,122,78,.055),transparent 28%),
    var(--paper);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:var(--accent);color:#fff}
.site-header{
  background:rgba(247,245,240,.90);
  border-bottom:1px solid rgba(116,89,54,.16);
  box-shadow:0 8px 30px rgba(24,24,20,.035);
}
.brand-mark{
  border-color:var(--accent-deep);
  color:var(--accent-deep);
  background:rgba(255,255,255,.38);
}
.brand-copy b{color:#1d1d19}.brand-copy small{color:var(--accent-deep)}
.nav a{color:#393832;font-weight:400}.nav a:hover,.nav a.active{color:#11110f}
.nav a:after{background:var(--accent-deep);height:1.5px}
.kicker{color:var(--accent-deep);font-weight:600}.kicker.light{color:#eadfce}
.section h1,.section h2,.page-hero h1,.wide-image-cta h2,.contact-band h2,
.home-hero h1,.simple-copy h1,.contact-lead h1{color:#181815}
.home-hero h1,.wide-image-cta h2,.contact-band h2{color:#fff}
.text-button{border-color:rgba(116,89,54,.55);font-weight:600;color:#3b3328;transition:.28s ease}
.text-button span{color:var(--accent-deep);transition:transform .28s ease}.text-button:hover span{transform:translateX(5px)}
.text-button:hover{color:var(--accent-deep);border-color:var(--accent-deep)}
.text-button.light{color:#fff;border-color:rgba(255,255,255,.7)}.text-button.light span{color:#fff}
.button{border-radius:1px;font-weight:600;transition:transform .28s ease,box-shadow .28s ease,background .28s ease,color .28s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.14)}
.dark-button{background:var(--charcoal);border-color:var(--charcoal)}
.light-button{background:#fffdfa;color:#1a1a17;border-color:#fffdfa}

/* Fotografías con mayor profundidad visual */
img{image-rendering:auto;transition:filter .45s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.split-media,.page-hero-media,.material-feature-image,.closing-image,.contact-photo{overflow:hidden;background:#ddd6ca}
.split-media img,.page-hero-media img,.material-feature-image img,.closing-image img,.contact-photo img{
  filter:saturate(.94) contrast(1.035) brightness(1.015);
}
.split-media:hover img,.page-hero-media:hover img,.material-feature-image:hover img,.closing-image:hover img,.contact-photo:hover img{transform:scale(1.018)}
.home-hero{
  background-color:#2a2925;
  box-shadow:inset 0 -1px rgba(255,255,255,.08);
}
.hero-shade{
  background:
    linear-gradient(90deg,rgba(15,15,13,.67) 0%,rgba(19,18,15,.32) 48%,rgba(15,15,13,.10) 72%),
    linear-gradient(0deg,rgba(12,12,10,.52),transparent 48%);
}
.home-hero-copy>p:not(.kicker){color:#f1eee8;text-shadow:0 2px 12px rgba(0,0,0,.24)}

/* Superficies y bloques */
.muted{background:linear-gradient(135deg,#ece8df 0%,#f1eee7 100%)}
.split-intro{position:relative}.split-intro:before{content:"";position:absolute;left:calc(50% + 2.8vw);top:7%;width:42px;height:2px;background:var(--accent);opacity:.75}
.mini-solution{border-color:rgba(116,89,54,.22)}
.mini-solution h3{color:#24231e}.mini-solution p,.section-head>p:not(.kicker),.about-home-copy,.editorial-copy,.simple-copy>p:not(.kicker){color:#625d54}
.service-tiles{border-color:rgba(116,89,54,.25)}
.service-tiles article{border-color:rgba(116,89,54,.22);transition:background .3s ease,padding .3s ease}
.service-tiles article:hover{background:rgba(255,255,255,.43);padding-left:18px}
.service-tiles span,.process-list span{color:var(--accent-deep);font-weight:600}
.service-tiles h3{color:#22211d}
.wide-image-cta{
  position:relative;
  background:linear-gradient(90deg,rgba(17,16,13,.68),rgba(17,16,13,.15)),var(--bg) center/cover no-repeat;
}
.wide-image-cta:after{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.18);pointer-events:none}
.wide-copy{position:relative;z-index:2}

/* Heroes internos */
.page-hero{background:linear-gradient(135deg,#e9e4da,#f4f1eb)}
.page-hero-copy{position:relative}.page-hero-copy:before{content:"";position:absolute;top:55px;left:6vw;width:54px;height:2px;background:var(--accent)}
.simple-hero{background:linear-gradient(180deg,rgba(216,199,173,.18),transparent 72%)}

/* Mercados y galerías */
.market-card{background:#24231f}
.market-card img,.stone-card img,.service-stone img,.app-card img{filter:saturate(.94) contrast(1.04)}
.market-card:after{background:linear-gradient(0deg,rgba(15,14,12,.78),rgba(15,14,12,.08) 65%)}
.market-card:hover img,.stone-card:hover img,.service-stone:hover img{transform:scale(1.045);filter:saturate(1.02) contrast(1.05)}
.market-overlay h3{letter-spacing:-.025em}.market-overlay p{color:#f0ece5}
.app-card{background:rgba(255,255,255,.40);padding:10px 10px 0;transition:transform .3s ease,box-shadow .3s ease}
.app-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(32,28,21,.10)}
.app-card figcaption{border-color:rgba(116,89,54,.20);color:#4a4135;font-weight:600}

/* Materiales */
.material-feature{background:linear-gradient(135deg,#dfd9cd,#eee9df)}
.material-feature.reverse{background:linear-gradient(135deg,#191a17,#272721)}
.material-feature-copy li{border-color:rgba(116,89,54,.23)}
.stone-card{box-shadow:0 12px 34px rgba(30,27,21,.08)}
.stone-card:after,.service-stone:after{background:linear-gradient(0deg,rgba(12,12,10,.65),transparent 62%)}
.comparison{border-color:rgba(116,89,54,.26);background:rgba(255,255,255,.22)}
.cmp-row{border-color:rgba(116,89,54,.22)}.cmp-head{color:var(--accent-deep)}

/* Servicios */
.service-stone{box-shadow:0 12px 34px rgba(30,27,21,.08)}
.process-list article{border-color:rgba(116,89,54,.24)}
.process-list h3{color:#28261f}.process-list p{color:#666055}
.contact-band{background:linear-gradient(120deg,#171816 0%,#26231d 100%);position:relative;overflow:hidden}
.contact-band:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid rgba(216,199,173,.13);right:-80px;top:-190px}
.contact-band>*{position:relative;z-index:2}

/* Contacto */
.contact-details{border-color:rgba(116,89,54,.24)}.contact-details p{border-color:rgba(116,89,54,.20)}
.contact-details span{color:var(--accent-deep);font-weight:600}
.contact-form{background:linear-gradient(145deg,#eae5db,#f2efe8);box-shadow:0 20px 60px rgba(29,27,22,.08);border:1px solid rgba(116,89,54,.13)}
.contact-form input,.contact-form select,.contact-form textarea{border-color:#b8ae9f;color:#24221d}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--accent-deep)}

/* Footer y WhatsApp */
.footer{background:linear-gradient(135deg,#11120f,#1b1b17);color:#b7b0a5}
.footer-label{color:#a38968!important;font-weight:600}.footer-bottom{border-color:#35322b}
.floating-wa{background:#1f211d;border:1px solid rgba(216,199,173,.42);box-shadow:0 12px 34px rgba(0,0,0,.24);transition:transform .25s ease,background .25s ease}
.floating-wa:hover{transform:translateY(-3px) scale(1.03);background:var(--accent-deep)}

/* Microacabados */
.reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.section{position:relative}
.section-head h2,.split-copy h2,.editorial h2,.about-home h2,.material-feature-copy h2{color:#1c1b17}
@media(max-width:980px){
  .nav{background:rgba(247,245,240,.98);box-shadow:0 18px 35px rgba(0,0,0,.08)}
  .split-intro:before{display:none}
  .wide-image-cta:after{inset:12px}
}

/* Hero Inicio — portada fotográfica premium */
.home-hero{
  min-height:calc(100vh - var(--header));
  background-position:center 52%;
  background-size:cover;
  align-items:center;
  padding-top:12vh;
  padding-bottom:9vh;
}
.hero-shade{
  background:
    linear-gradient(90deg,rgba(12,12,10,.74) 0%,rgba(13,13,11,.48) 30%,rgba(13,13,11,.17) 58%,rgba(10,10,9,.08) 100%),
    linear-gradient(0deg,rgba(8,8,7,.34),transparent 50%);
}
.home-hero-copy{max-width:720px}
.home-hero h1{font-size:clamp(68px,7vw,118px);line-height:.88;text-shadow:0 4px 30px rgba(0,0,0,.18)}
.home-hero-copy>p:not(.kicker){max-width:560px;margin-top:22px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.hero-outline{color:#fff;border-color:rgba(255,255,255,.68);background:rgba(20,20,17,.16);backdrop-filter:blur(4px)}
.hero-outline:hover{background:#fff;color:#171816;border-color:#fff}
@media(max-width:620px){
 .home-hero{min-height:calc(100svh - var(--header));background-position:61% center;align-items:flex-end;padding-bottom:10vh}
 .home-hero h1{font-size:58px}
 .hero-shade{background:linear-gradient(90deg,rgba(10,10,8,.76),rgba(10,10,8,.25)),linear-gradient(0deg,rgba(8,8,7,.52),transparent 55%)}
}


/* ============================================================
   HERO INICIO - fondo borroso real
   ============================================================ */
.home-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#292824 !important;
}
.home-hero .hero-background{
  position:absolute;
  inset:-28px;
  z-index:-3;
  background-image:url('../img/hero-inicio-elegido.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transform:scale(1.02);
}
.home-hero .hero-shade{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(12,12,10,.67) 0%,rgba(18,17,15,.38) 34%,rgba(22,21,18,.13) 67%,rgba(15,14,12,.10) 100%),
    linear-gradient(180deg,rgba(8,8,7,.08) 0%,rgba(8,8,7,.02) 55%,rgba(8,8,7,.23) 100%);
}
.home-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 72% 44%,rgba(255,255,255,.08),transparent 34%);
}
.home-hero-copy{z-index:2}
@media(max-width:620px){
  .home-hero .hero-background{
    inset:-22px;
    background-position:62% center;
    transform:scale(1.05);
  }
}

/* Logo Vertex oficial */
.brand-mark{
  width:38px;
  height:38px;
  padding:5px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(37,37,33,.45);
  background:transparent;
  overflow:hidden;
}
.brand-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.brand-footer .brand-mark{
  border-color:rgba(255,255,255,.35);
}
.brand-footer .brand-mark img{
  filter:invert(1);
}
@media(max-width:620px){
  .brand-mark{width:36px;height:36px;padding:5px}
}


/* ===== INICIO PREMIUM — referencia aprobada ===== */
.site-header{
  min-height:140px;
  padding:0 4.2vw;
  background:#f3f0ea;
  border-bottom:1px solid rgba(20,20,20,.12);
}
.brand{gap:0}
.brand-copy b{
  font-size:30px;
  letter-spacing:.16em;
  font-weight:500;
  line-height:1;
}
.brand-copy small{
  margin-top:10px;
  font-size:17px;
  letter-spacing:.30em;
  color:#9a6d45;
  font-weight:500;
}
.nav{gap:42px}
.nav a{
  font-size:15px;
  letter-spacing:.06em;
  color:#171717;
}
.nav a:last-child{
  padding:16px 25px;
  border:1px solid #555;
}
.home-hero{
  min-height:670px;
  height:calc(100vh - 140px);
  max-height:780px;
  position:relative;
  overflow:hidden;
  background:#292723;
}
.home-hero .hero-background{
  position:absolute;
  inset:-18px;
  background-image:url('../img/hero-inicio-elegido.webp');
  background-size:cover;
  background-position:center 47%;
  filter:blur(5px);
  transform:scale(1.035);
}
.home-hero .hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(12,11,9,.74) 0%,rgba(17,16,14,.47) 35%,rgba(17,16,14,.14) 68%,rgba(17,16,14,.18) 100%),
    linear-gradient(0deg,rgba(8,8,7,.18),transparent 45%);
}
.home-hero-copy{
  position:absolute;
  z-index:2;
  left:5.6vw;
  top:50%;
  transform:translateY(-45%);
  max-width:680px;
  color:#fff;
}
.home-hero-copy .kicker{
  color:#bd8c5d;
  font-size:14px;
  letter-spacing:.14em;
  margin-bottom:24px;
}
.home-hero-copy h1{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(64px,5.5vw,96px);
  line-height:.92;
  letter-spacing:-.045em;
  font-weight:400;
  margin:0 0 25px;
}
.home-hero-copy h1 br + *{font-style:italic}
.home-hero-copy h1::first-line{font-style:normal}
.home-hero-copy p:not(.kicker){
  font-size:17px;
  color:#fff;
  margin-bottom:30px;
}
.hero-actions{display:flex;gap:16px}
.hero-actions .button{
  min-width:205px;
  padding:18px 24px;
  text-align:center;
  font-size:13px;
  letter-spacing:.05em;
}
.hero-outline{border:1px solid rgba(255,255,255,.75);color:#fff;background:rgba(0,0,0,.08)}
.hero-explore{
  position:absolute;
  z-index:3;
  right:3.4vw;
  bottom:34px;
  color:#fff;
  text-decoration:none;
  writing-mode:vertical-rl;
  font-size:13px;
  letter-spacing:.12em;
  display:flex;
  align-items:center;
  gap:14px;
}
.hero-explore span{font-size:25px}
.hero-benefits{
  background:#f3f0ea;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding:30px 6.5vw;
}
.hero-benefits article{
  display:flex;
  gap:20px;
  align-items:flex-start;
  padding:6px 38px;
  border-right:1px solid #d4cec5;
}
.hero-benefits article:last-child{border-right:0}
.benefit-icon{font-size:34px;line-height:1;color:#282520}
.hero-benefits h3{font-size:15px;font-weight:500;margin:0 0 8px;letter-spacing:.03em}
.hero-benefits p{font-size:14px;line-height:1.55;margin:0;color:#59534d}
@media(max-width:900px){
  .site-header{min-height:92px;padding:0 24px}
  .brand-copy b{font-size:20px}.brand-copy small{font-size:11px;margin-top:6px}
  .home-hero{height:calc(100svh - 92px);min-height:650px}
  .home-hero-copy{left:7vw;right:7vw;top:48%;max-width:none}
  .home-hero-copy h1{font-size:clamp(55px,14vw,78px)}
  .hero-actions{flex-direction:column;max-width:390px}
  .hero-actions .button{width:100%}
  .hero-benefits{grid-template-columns:1fr 1fr;padding:24px}
  .hero-benefits article{padding:20px;border-bottom:1px solid #d4cec5}
}
@media(max-width:560px){
  .hero-benefits{grid-template-columns:1fr}
  .hero-benefits article{border-right:0}
  .hero-explore{right:18px}
}


/* =========================================================
   HOME EXACT MATCH v2 — bloque definitivo
   ========================================================= */
@media (min-width: 901px){
  :root{--header:14vh}
  .site-header{
    height:14vh!important;
    min-height:0!important;
    padding:0 4vw!important;
    background:#f3f0ea!important;
  }
  .brand{display:flex!important;align-items:center!important;gap:1.25vw!important}
  .brand-mark{
    display:flex!important;
    width:3.6vw!important;height:3.6vw!important;
    min-width:54px!important;min-height:54px!important;
    max-width:74px!important;max-height:74px!important;
    border:0!important;padding:0!important;background:transparent!important;
  }
  .brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important}
  .brand-copy b{font-size:1.72vw!important;letter-spacing:.15em!important;font-weight:500!important;line-height:1!important}
  .brand-copy small{font-size:.94vw!important;letter-spacing:.28em!important;margin-top:.7vh!important;color:#9a6d45!important}
  .nav{gap:2.6vw!important}
  .nav a{font-size:.82vw!important;letter-spacing:.055em!important;padding:1.55vh 0!important}
  .nav a:after{bottom:.65vh!important}
  .nav a:last-child{padding:1.5vh 1.55vw!important;border:1px solid #555!important}

  .home-hero{
    height:66vh!important;
    min-height:0!important;
    max-height:none!important;
    padding:0!important;
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
  }
  .home-hero .hero-background{
    position:absolute!important;inset:-1.2vw!important;
    background-image:url('../img/hero-inicio-elegido.webp')!important;
    background-size:cover!important;background-position:center 48%!important;background-repeat:no-repeat!important;
    filter:blur(.33vw)!important;transform:scale(1.045)!important;z-index:0!important;
  }
  .home-hero .hero-shade{
    position:absolute!important;inset:0!important;z-index:1!important;
    background:linear-gradient(90deg,rgba(11,10,9,.78) 0%,rgba(18,17,15,.51) 32%,rgba(21,20,18,.16) 66%,rgba(15,14,12,.18) 100%)!important;
  }
  .home-hero:after{display:none!important}
  .home-hero-copy{
    position:absolute!important;z-index:2!important;
    left:5.55vw!important;top:50%!important;
    transform:translateY(-47%)!important;
    width:44vw!important;max-width:none!important;
    opacity:1!important;
  }
  .home-hero-copy.reveal{opacity:1!important}
  .home-hero-copy .kicker{
    margin:0 0 2.1vh!important;
    font-size:.70vw!important;letter-spacing:.19em!important;
    color:#c18e5c!important;font-weight:500!important;
  }
  .home-hero-copy h1{
    margin:0!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-weight:400!important;
    font-size:5.05vw!important;
    line-height:.88!important;
    letter-spacing:-.045em!important;
    color:#fff!important;
    text-shadow:0 .25vw 1.6vw rgba(0,0,0,.16)!important;
  }
  .home-hero-copy h1 em{font-weight:400!important;font-style:italic!important}
  .home-hero-copy>p:not(.kicker){
    margin:2.2vh 0 0!important;
    font-size:.93vw!important;line-height:1.4!important;color:#fff!important;
  }
  .hero-actions{display:flex!important;gap:1vw!important;margin-top:2.7vh!important}
  .hero-actions .button{
    min-width:14.3vw!important;
    padding:1.65vh 1.5vw!important;
    font-size:.76vw!important;letter-spacing:.055em!important;
  }
  .hero-explore{
    position:absolute!important;z-index:3!important;
    right:2.8vw!important;bottom:2.7vh!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;gap:1.2vh!important;
    writing-mode:vertical-rl!important;
    color:#fff!important;font-size:.72vw!important;letter-spacing:.13em!important;
  }
  .hero-explore b{font-size:1.55vw!important;font-weight:300!important;line-height:1!important}

  .hero-benefits{
    min-height:13vh!important;
    padding:2.2vh 6vw!important;
    display:grid!important;grid-template-columns:repeat(4,1fr)!important;
    align-items:center!important;background:#f3f0ea!important;
  }
  .hero-benefits article{
    min-height:8vh!important;
    display:flex!important;align-items:center!important;gap:1.35vw!important;
    padding:.5vh 2.4vw!important;border-right:1px solid #d3cec5!important;
  }
  .hero-benefits article:last-child{border-right:0!important}
  .benefit-icon{font-size:2.05vw!important;line-height:1!important;color:#25231f!important}
  .hero-benefits h3{font-size:.82vw!important;margin:0 0 .55vh!important;font-weight:500!important;letter-spacing:.025em!important}
  .hero-benefits p{font-size:.72vw!important;line-height:1.45!important;margin:0!important;color:#5b554e!important}

  /* Empieza la siguiente sección debajo del primer viewport, como la referencia */
  .split-intro.section{padding-top:8vh!important}
}

@media (max-width:900px){
  .brand-mark{display:flex!important;width:46px!important;height:46px!important;border:0!important;padding:0!important}
  .brand-copy b{font-size:20px!important}.brand-copy small{font-size:10px!important}
  .home-hero-copy h1 em{font-style:italic!important;font-weight:400!important}
  .hero-explore{position:absolute!important;right:18px!important;bottom:24px!important}
}


/* ===== AJUSTE FINAL DE ESCALA TIPOGRÁFICA ===== */
@media (min-width: 901px){
  .brand-copy b{
    font-size:clamp(20px,1.45vw,28px) !important;
  }
  .brand-copy small{
    font-size:clamp(11px,.8vw,15px) !important;
  }
  .nav a{
    font-size:clamp(12px,.78vw,15px) !important;
  }
  .home-hero-copy{
    max-width:620px !important;
  }
  .home-hero-copy .kicker{
    font-size:clamp(11px,.75vw,14px) !important;
  }
  .home-hero-copy h1{
    font-size:clamp(58px,4.7vw,82px) !important;
    line-height:.96 !important;
  }
  .home-hero-copy p:not(.kicker){
    font-size:clamp(14px,.95vw,17px) !important;
  }
  .hero-actions .button{
    font-size:clamp(11px,.75vw,13px) !important;
    min-width:190px !important;
    padding:16px 22px !important;
  }
  .hero-explore{
    font-size:clamp(11px,.75vw,13px) !important;
  }
  .hero-benefits h3{
    font-size:clamp(12px,.85vw,15px) !important;
  }
  .hero-benefits p{
    font-size:clamp(12px,.8vw,14px) !important;
  }
  .benefit-icon{
    font-size:30px !important;
  }
}
@media (max-width:900px){
  .home-hero-copy h1{
    font-size:clamp(48px,12vw,68px) !important;
  }
  .home-hero-copy p:not(.kicker){font-size:15px !important}
  .hero-actions .button{font-size:12px !important}
}


/* ===== LOGO V TRANSPARENTE ===== */
.brand-mark{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.brand-mark img{
  display:block !important;
  width:58px !important;
  height:58px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
@media(max-width:900px){
  .brand-mark img{
    width:46px !important;
    height:46px !important;
  }
}

/* ===== CORRECCIÓN LOGO V ===== */
.brand-mark{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  background:none !important;
  border:none !important;
  padding:0 !important;
  box-shadow:none !important;
}
.brand-mark img{
  width:54px !important;
  height:54px !important;
  object-fit:contain !important;
  background:transparent !important;
}
@media(max-width:900px){
  .brand-mark img{
    width:44px !important;
    height:44px !important;
  }
}


/* ===== ESTRELLAS DE VALORACIÓN ===== */
.rating-stars{
  display:inline-flex;
  gap:3px;
  font-size:16px;
  line-height:1;
  letter-spacing:0;
}
.rating-stars .star-filled{
  color:#c6923f !important;
}
.rating-stars .star-empty{
  color:#b9aa94 !important;
}


/* ===== WHATSAPP + CONTACTO ===== */

/* Quitar cuadro/borde del enlace Contacto en navegación */
.site-header .nav a:last-child,
.nav a[href*="contacto"]{
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:10px 0 !important;
}
.site-header .nav a:last-child:hover,
.nav a[href*="contacto"]:hover{
  background:transparent !important;
  color:#9a6d45 !important;
}

/* Botón flotante de WhatsApp */
.whatsapp,
.whatsapp-button,
.wa-button,
.floating-wa,
a[href*="wa.me"],
a[href*="api.whatsapp.com"]{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.whatsapp-icon{
  width:28px !important;
  height:28px !important;
  display:block !important;
  color:#ffffff !important;
}

/* Mantener botón oscuro premium si ya existe */
.whatsapp,
.whatsapp-button,
.wa-button,
.floating-wa,
a[href*="wa.me"],
a[href*="api.whatsapp.com"]{
  font-size:0 !important;
}

/* Si el botón flotante ya es circular, solo mejorar contraste */
.whatsapp:hover,
.whatsapp-button:hover,
.wa-button:hover,
.floating-wa:hover,
a[href*="wa.me"]:hover,
a[href*="api.whatsapp.com"]:hover{
  transform:translateY(-2px);
}



/* ============================================================
   RESPONSIVE FINAL — PC / TABLET / CELULAR
   Mantiene colores, branding y estilos visuales existentes
   ============================================================ */

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
}
*, *::before, *::after{
  box-sizing:border-box;
}
img{
  max-width:100%;
  height:auto;
}
body{
  overflow-x:hidden;
}
main, section, header, footer{
  max-width:100%;
}

/* ===== ESCRITORIO ===== */
@media (min-width:1201px){
  .site-header{
    padding-left:4vw !important;
    padding-right:4vw !important;
  }

  .home-hero-copy{
    max-width:620px !important;
  }

  .section,
  .split-intro,
  .services-preview,
  .about-home{
    padding-left:6vw !important;
    padding-right:6vw !important;
  }
}

/* ===== LAPTOP / TABLET HORIZONTAL ===== */
@media (max-width:1200px){
  .site-header{
    padding-left:28px !important;
    padding-right:28px !important;
  }

  .nav{
    gap:24px !important;
  }

  .home-hero-copy{
    left:6vw !important;
    right:6vw !important;
    max-width:560px !important;
  }

  .split-intro,
  .about-home{
    gap:44px !important;
  }

  .footer-grid{
    gap:28px !important;
  }
}

/* ===== TABLET ===== */
@media (max-width:900px){

  .site-header{
    min-height:88px !important;
    padding:0 22px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    position:relative !important;
  }

  .brand{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-width:0 !important;
  }

  .brand-mark img{
    width:44px !important;
    height:44px !important;
    object-fit:contain !important;
  }

  .brand-copy b{
    font-size:18px !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }

  .brand-copy small{
    font-size:10px !important;
    margin-top:5px !important;
  }

  .menu-toggle{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    width:44px !important;
    height:44px !important;
    z-index:1002 !important;
  }

  .nav{
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    display:none !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:0 !important;
    padding:18px 22px 24px !important;
    z-index:1000 !important;
  }

  .nav.open,
  .site-header.menu-open .nav{
    display:flex !important;
  }

  .nav a{
    width:100% !important;
    padding:13px 0 !important;
  }

  .home-hero{
    min-height:620px !important;
    height:calc(100svh - 88px) !important;
    max-height:none !important;
  }

  .home-hero-copy{
    left:7vw !important;
    right:7vw !important;
    top:48% !important;
    transform:translateY(-45%) !important;
    max-width:none !important;
  }

  .home-hero-copy h1{
    font-size:clamp(48px,11vw,70px) !important;
    line-height:.98 !important;
  }

  .home-hero-copy .kicker{
    font-size:11px !important;
  }

  .home-hero-copy p:not(.kicker){
    font-size:15px !important;
    max-width:520px !important;
  }

  .hero-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
  }

  .hero-actions .button{
    min-width:180px !important;
  }

  .hero-explore{
    right:18px !important;
    bottom:24px !important;
  }

  .hero-benefits{
    grid-template-columns:1fr 1fr !important;
    padding:22px !important;
  }

  .hero-benefits article{
    padding:20px !important;
  }

  .split-intro,
  .about-home{
    grid-template-columns:1fr !important;
    gap:32px !important;
    padding-left:28px !important;
    padding-right:28px !important;
  }

  .split-media,
  .split-copy,
  .about-home-copy,
  .section-head{
    width:100% !important;
    max-width:none !important;
  }

  .split-media img{
    width:100% !important;
    height:auto !important;
  }

  .service-tiles{
    grid-template-columns:1fr 1fr !important;
  }

  .footer-grid{
    grid-template-columns:1fr 1fr !important;
    gap:28px !important;
  }

  .wide-image-cta{
    min-height:520px !important;
  }
}

/* ===== CELULAR ===== */
@media (max-width:600px){

  .site-header{
    min-height:78px !important;
    padding:0 16px !important;
  }

  .brand{
    gap:9px !important;
  }

  .brand-mark img{
    width:38px !important;
    height:38px !important;
  }

  .brand-copy b{
    font-size:15px !important;
    letter-spacing:.12em !important;
  }

  .brand-copy small{
    font-size:9px !important;
    letter-spacing:.22em !important;
  }

  .home-hero{
    min-height:680px !important;
    height:calc(100svh - 78px) !important;
  }

  .home-hero-copy{
    left:22px !important;
    right:22px !important;
    top:46% !important;
  }

  .home-hero-copy h1{
    font-size:clamp(46px,14vw,62px) !important;
    line-height:.96 !important;
  }

  .home-hero-copy p:not(.kicker){
    font-size:14px !important;
    line-height:1.5 !important;
  }

  .hero-actions{
    flex-direction:column !important;
    width:100% !important;
    max-width:340px !important;
  }

  .hero-actions .button{
    width:100% !important;
    min-width:0 !important;
    text-align:center !important;
  }

  .hero-explore{
    right:11px !important;
    bottom:18px !important;
    font-size:10px !important;
  }

  .hero-benefits{
    grid-template-columns:1fr !important;
    padding:12px 20px !important;
  }

  .hero-benefits article{
    padding:18px 4px !important;
    border-right:0 !important;
  }

  .section,
  .split-intro,
  .services-preview,
  .about-home{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .section-head h2,
  .split-copy h2,
  .about-home h2{
    font-size:clamp(36px,10vw,52px) !important;
    line-height:1.02 !important;
  }

  .service-tiles{
    grid-template-columns:1fr !important;
  }

  .service-tiles article{
    min-height:auto !important;
  }

  .wide-image-cta{
    min-height:500px !important;
    padding:40px 22px !important;
  }

  .wide-copy h2{
    font-size:clamp(38px,10vw,54px) !important;
  }

  .footer{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .footer-grid{
    grid-template-columns:1fr !important;
    gap:26px !important;
  }

  .footer-bottom{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:12px !important;
  }

  /* Tablas de materiales */
  table{
    min-width:680px !important;
  }

  .comparison-table,
  .table-wrap,
  .comparison-wrap{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    width:100% !important;
  }

  /* Formularios */
  form,
  .contact-form{
    width:100% !important;
  }

  input,
  textarea,
  select,
  button{
    max-width:100% !important;
  }

  /* Botón WhatsApp */
  a[href*="wa.me"],
  a[href*="api.whatsapp.com"],
  .whatsapp,
  .whatsapp-button,
  .wa-button,
  .floating-wa{
    right:16px !important;
    bottom:16px !important;
  }
}

/* ===== TELÉFONOS PEQUEÑOS ===== */
@media (max-width:380px){
  .brand-copy b{
    font-size:13px !important;
  }

  .brand-copy small{
    font-size:8px !important;
  }

  .home-hero-copy h1{
    font-size:43px !important;
  }

  .home-hero-copy{
    left:18px !important;
    right:18px !important;
  }
}


/* ===== CORRECCIÓN DE COLOR DEL FOOTER ===== */
.footer{
  background:#171714 !important;
  color:#f2eee7 !important;
}
.footer .brand-copy b{
  color:#f2eee7 !important;
}
.footer .brand-copy small,
.footer .footer-label{
  color:#c79768 !important;
}
.footer .brand-mark img{
  filter:invert(1) brightness(1.18) !important;
}
.footer p,
.footer a,
.footer-grid p,
.footer-grid a,
.footer-bottom,
.footer-bottom a{
  color:#d9d2c8 !important;
}
.footer a:hover{
  color:#c79768 !important;
}
.footer-grid,
.footer-bottom{
  border-color:rgba(255,255,255,.14) !important;
}


/* ===== IMAGEN DE INICIO SUMINISTRADA POR EL USUARIO ===== */
.home-hero{
  overflow:hidden !important;
}
.home-hero .hero-background{
  background-image:url('../img/hero-inicio-vertex.webp') !important;
  background-size:cover !important;
  background-position:center center !important;
  filter:none !important;
  transform:none !important;
}
.home-hero .hero-shade{
  background:linear-gradient(
    90deg,
    rgba(9,8,7,.72) 0%,
    rgba(10,9,8,.48) 28%,
    rgba(10,9,8,.18) 50%,
    rgba(10,9,8,.03) 78%,
    rgba(10,9,8,.04) 100%
  ) !important;
}

/* Encuadre responsive de la misma imagen */
@media(max-width:1200px){
  .home-hero .hero-background{background-position:52% center !important;}
}
@media(max-width:900px){
  .home-hero .hero-background{background-position:56% center !important;}
}
@media(max-width:600px){
  .home-hero .hero-background{background-position:60% center !important;}
}

/* ===== CORRECCIÓN IMAGEN SECCIÓN INICIO =====
   Evita el espacio vacío debajo de la imagen en el bloque principal de Inicio. */
.split-intro .split-media{
  overflow:hidden !important;
}
.split-intro .split-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* Ajuste solicitado: más espacio visual entre las 4 columnas de servicios en Inicio */
@media (min-width:981px){
  .services-preview .service-tiles article{
    padding-left:34px;
    padding-right:34px;
  }
  .services-preview .service-tiles article:first-child{
    padding-left:0;
  }
  .services-preview .service-tiles article:last-child{
    padding-right:0;
  }
}


/* ===== BOTONES FLOTANTES DE REDES SOCIALES ===== */
.social-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:80;
  display:flex;
  flex-direction:column-reverse;
  gap:10px;
  align-items:center;
}
.social-float .floating-wa,
.social-float .floating-social{
  position:static !important;
  right:auto !important;
  bottom:auto !important;
  width:55px;
  height:55px;
  border-radius:50%;
  display:flex !important;
  align-items:center;
  justify-content:center;
  background:#1f211d;
  color:#fff;
  border:1px solid rgba(216,199,173,.42);
  box-shadow:0 12px 34px rgba(0,0,0,.24);
  transition:transform .25s ease,background .25s ease;
}
.social-float .floating-social:hover,
.social-float .floating-wa:hover{
  transform:translateY(-2px) scale(1.03);
  background:var(--accent-deep);
}
.social-icon{
  width:27px;
  height:27px;
  display:block;
}
@media (max-width:700px){
  .social-float{right:16px;bottom:16px;gap:8px}
  .social-float .floating-wa,
  .social-float .floating-social{width:50px;height:50px}
  .social-icon{width:25px;height:25px}
}

/* Catálogo digital */
.catalog-qr{min-width:150px}.catalog-qr a{display:inline-flex;flex-direction:column;gap:8px;align-items:flex-start;text-decoration:none}.catalog-qr img{width:112px;height:112px;object-fit:contain;background:#fff;padding:6px;border-radius:8px}.catalog-qr span{font-size:13px;text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.catalog-qr img{width:100px;height:100px}}