/*
Theme Name: Refriservicios
Description: Página de refrigeración comercial adaptada del diseño original.
Version: 1.9.0
Author: Refriservicios
Text Domain: refriservicios
*/


:root {
  --navy: #071d2b;
  --navy-soft: #0d2a3a;
  --blue: #0b4b64;
  --ice: #c8f1ee;
  --mint: #74e0d4;
  --lime: #d6f255;
  --paper: #f2f0e9;
  --white: #fff;
  --ink: #0b2431;
  --muted: #5c7078;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { display: block; }

.site-header {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 50%;
  width: min(1180px, calc(100% - 48px));
  height: 92px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--white);
  border-bottom: 1px solid rgba(255,255,255,.2);
}
.brand { display: inline-flex; align-items: center; gap: 12px; letter-spacing: -.04em; font-size: 19px; font-weight: 700; }
.brand-mark { display: grid; place-items: center; width: 36px; height: 36px; background: var(--lime); color: var(--navy); font-weight: 900; border-radius: 2px 12px 2px 12px; transform: rotate(-3deg); }
.brand-copy { display: flex; flex-direction: column; line-height: .85; }
.brand-copy strong { color: var(--mint); }
.brand-copy small { margin-top: 8px; font-size: 8px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.62); }
.nav-links { display: flex; gap: 34px; font-size: 12px; font-weight: 700; letter-spacing: .04em; }
.nav-links a { transition: color .2s ease; }
.nav-links a:hover { color: var(--mint); }
.header-cta { border: 1px solid rgba(255,255,255,.55); padding: 12px 16px; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; transition: .2s ease; }
.header-cta:hover { background: var(--white); color: var(--navy); }

.hero {
  min-height: 760px;
  padding: 154px max(24px, calc((100vw - 1180px) / 2)) 76px;
  background: var(--navy);
  color: var(--white);
  display: grid;
  grid-template-columns: 1.06fr .94fr;
  gap: 68px;
  align-items: center;
  overflow: hidden;
}
.hero-copy { position: relative; z-index: 2; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 22px; color: #337284; font-size: 10px; font-weight: 800; letter-spacing: .19em; text-transform: uppercase; }
.eyebrow span { display: inline-block; width: 22px; height: 2px; background: var(--lime); }
.hero .eyebrow { color: var(--mint); }
h1, h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.045em; line-height: .94; }
h1 { max-width: 630px; font-size: clamp(54px, 6.3vw, 86px); }
h1 em, h2 em { color: var(--mint); font-weight: 400; }
.hero-lede { max-width: 590px; margin: 30px 0 34px; color: #b9c8ce; font-size: 17px; line-height: 1.68; }
.hero-actions { display: flex; align-items: center; gap: 30px; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 28px; padding: 0 22px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; transition: transform .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--lime); color: var(--navy); }
.button-primary:hover { background: var(--white); }
.text-link { font-size: 11px; font-weight: 700; letter-spacing: .04em; border-bottom: 1px solid rgba(255,255,255,.28); padding-bottom: 6px; }
.text-link span { margin-left: 8px; color: var(--mint); }
.hero-trust { margin-top: 55px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); display: flex; gap: 44px; }
.hero-trust div { display: flex; flex-direction: column; gap: 6px; }
.hero-trust strong { font-family: Georgia, serif; font-size: 19px; font-weight: 400; }
.hero-trust span { color: #8099a4; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }

.hero-visual { position: relative; min-height: 520px; }
.hero-photo { position: absolute; overflow: hidden; box-shadow: 0 30px 70px rgba(0,0,0,.28); }
.hero-photo img { object-fit: cover; }
.hero-photo-main { inset: 0 0 40px 48px; clip-path: polygon(0 7%, 100% 0, 96% 94%, 7% 100%); }
.hero-photo-main::after { content: ""; position: absolute; inset: 0; background: linear-gradient(145deg, rgba(3,25,37,.05), rgba(3,25,37,.42)); }
.hero-photo-main img { object-position: 52% 43%; transform: scale(1.08); }
.hero-photo-detail { width: 172px; height: 208px; left: -12px; bottom: 6px; border: 6px solid var(--navy); }
.hero-photo-detail img { object-position: center; }
.status-card { position: absolute; z-index: 3; right: -24px; bottom: 24px; width: 236px; padding: 18px; background: var(--white); color: var(--navy); display: flex; align-items: flex-start; gap: 12px; box-shadow: 0 18px 50px rgba(0,0,0,.24); }
.status-dot { width: 10px; height: 10px; margin-top: 3px; border-radius: 50%; background: #33cc8b; box-shadow: 0 0 0 5px rgba(51,204,139,.14); }
.status-card div { display: flex; flex-direction: column; gap: 5px; }
.status-card strong { font-size: 12px; }
.status-card small { color: var(--muted); font-size: 9px; line-height: 1.4; }
.cold-line { position: absolute; z-index: 2; top: 25px; left: 12px; width: 92px; height: 4px; background: var(--lime); }

.brands { min-height: 132px; padding: 30px max(24px, calc((100vw - 1180px) / 2)); background: #e3e3dc; display: flex; align-items: center; justify-content: space-between; gap: 34px; }
.brands p { margin: 0; color: #748188; font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.brands div { flex: 1; max-width: 720px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brands strong { color: #708087; font-size: 21px; letter-spacing: -.03em; }

.section { padding: 112px max(24px, calc((100vw - 1180px) / 2)); }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 50px; margin-bottom: 54px; }
.section-heading h2, .parts h2, .maintenance h2, .contact h2 { font-size: clamp(44px, 5vw, 68px); }
.section-heading h2 em, .parts h2 em, .work h2 em { color: #168b93; }
.section-heading > p { max-width: 370px; margin: 0 0 5px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.service-card { position: relative; min-height: 365px; padding: 32px; background: #e7e6df; border-top: 3px solid transparent; transition: transform .25s ease, background .25s ease, border-color .25s ease; }
.service-card:hover { transform: translateY(-6px); background: var(--white); border-color: var(--mint); }
.service-number { color: #94a1a4; font-size: 10px; font-weight: 800; }
.service-icon { width: 62px; height: 62px; margin: 54px 0 30px; border: 1px solid #9bc6ca; border-radius: 50%; display: grid; place-items: center; }
.service-icon i { width: 20px; height: 26px; border: 2px solid #168b93; border-radius: 2px; position: relative; }
.service-icon i::after { content: ""; position: absolute; left: 3px; right: 3px; top: 9px; height: 2px; background: #168b93; box-shadow: 0 5px 0 #168b93; }
.service-card:nth-child(2) .service-icon i { border-radius: 50%; height: 20px; }
.service-card:nth-child(3) .service-icon i { width: 25px; border-radius: 0; transform: skew(-8deg); }
.service-card h3 { margin: 0 0 14px; font-family: Georgia, serif; font-size: 25px; font-weight: 400; letter-spacing: -.02em; }
.service-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.service-card a { position: absolute; left: 32px; bottom: 28px; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.service-card a span { margin-left: 8px; color: #168b93; }

.parts { display: grid; grid-template-columns: .9fr 1.1fr; gap: 86px; background: #e4e3dc; align-items: stretch; }
.parts-photo { position: relative; min-height: 610px; overflow: hidden; }
.parts-photo img { object-fit: cover; object-position: 50% 50%; transform: scale(1.08); }
.parts-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 60%, rgba(3,22,31,.74)); }
.photo-caption { position: absolute; z-index: 2; left: 26px; bottom: 24px; color: var(--white); font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.parts-copy { padding: 50px 0; }
.parts-intro { max-width: 540px; margin: 26px 0 30px; color: var(--muted); font-size: 15px; line-height: 1.72; }
.parts-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0 0 34px; padding: 0; border-top: 1px solid #c7cac5; list-style: none; }
.parts-list li { position: relative; padding: 14px 8px 14px 22px; border-bottom: 1px solid #c7cac5; font-size: 12px; font-weight: 700; }
.parts-list li::before { content: "+"; position: absolute; left: 0; color: #168b93; }
.button-dark { background: var(--navy); color: var(--white); }
.button-dark:hover { background: #168b93; }

.maintenance { position: relative; overflow: hidden; background: var(--navy); color: var(--white); display: grid; grid-template-columns: 1.15fr .85fr; gap: 90px; }
.maintenance::before { content: ""; position: absolute; width: 420px; height: 420px; right: -130px; top: -180px; border: 1px solid rgba(116,224,212,.18); border-radius: 50%; box-shadow: 0 0 0 65px rgba(116,224,212,.03), 0 0 0 130px rgba(116,224,212,.025); }
.eyebrow.light { color: var(--mint); }
.maintenance h2 em, .contact h2 em { color: var(--lime); }
.maintenance-copy > p:not(.eyebrow) { max-width: 570px; color: #a9bcc4; font-size: 15px; line-height: 1.7; }
.maintenance-points { margin-top: 38px; display: grid; gap: 18px; }
.maintenance-points > div { display: flex; gap: 16px; align-items: flex-start; }
.maintenance-points > div > span { display: grid; place-items: center; min-width: 28px; height: 28px; background: rgba(116,224,212,.12); border: 1px solid rgba(116,224,212,.42); color: var(--mint); font-size: 12px; }
.maintenance-points p { margin: 0; display: flex; flex-direction: column; gap: 5px; }
.maintenance-points strong { font-family: Georgia, serif; font-size: 17px; font-weight: 400; }
.maintenance-points small { color: #77929e; font-size: 11px; }
.maintenance-panel { position: relative; z-index: 2; min-height: 480px; padding: 48px; background: #0c2a3a; display: flex; flex-direction: column; justify-content: space-between; }
.temperature { display: flex; flex-direction: column; }
.temperature > span { color: var(--mint); font-size: 9px; font-weight: 800; letter-spacing: .16em; }
.temperature > strong { margin-top: 34px; font-family: Georgia, serif; font-size: 98px; font-weight: 400; letter-spacing: -.08em; line-height: .8; }
.temperature > strong span { color: var(--lime); font-size: 32px; }
.temperature small { margin-top: 18px; color: #8ca4ae; font-size: 11px; }
.temperature-bars { height: 116px; display: flex; align-items: end; gap: 10px; }
.temperature-bars i { flex: 1; background: linear-gradient(var(--mint), rgba(116,224,212,.08)); opacity: .7; }

.section-heading.compact { margin-bottom: 42px; }
.gallery { display: grid; grid-template-columns: 1.05fr .95fr 1.05fr; gap: 14px; }
.gallery-item { position: relative; height: 430px; margin: 0; overflow: hidden; background: #d7d9d5; }
.gallery-item-2 { height: 490px; margin-top: 38px; }
.gallery-item img { object-fit: cover; transition: transform .45s ease; }
.gallery-item-1 img { object-position: 50% 50%; }
.gallery-item-2 img { object-position: 50% 50%; }
.gallery-item-3 img { object-position: 50% 45%; transform: scale(1.08); }
.gallery-item:hover img { transform: scale(1.06); }
.gallery-item-3:hover img { transform: scale(1.14); }
.gallery-item::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(3,25,34,.82)); }
.gallery-item figcaption { position: absolute; z-index: 2; left: 22px; right: 22px; bottom: 20px; display: flex; align-items: center; justify-content: space-between; color: var(--white); font-family: Georgia, serif; font-size: 18px; }
.gallery-item figcaption span { font-family: Arial, sans-serif; color: var(--mint); font-size: 9px; font-weight: 800; letter-spacing: .12em; }

.contact { background: #0e5267; color: var(--white); display: grid; grid-template-columns: 1fr 390px; gap: 90px; align-items: center; }
.contact-copy > p:not(.eyebrow) { max-width: 600px; margin: 26px 0 0; color: #b5d0d8; line-height: 1.7; }
.contact-card { padding: 36px; background: var(--paper); color: var(--ink); display: flex; flex-direction: column; align-items: flex-start; }
.contact-label { color: #168b93; font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.contact-card strong { margin: 22px 0 16px; font-family: Georgia, serif; font-size: 30px; font-weight: 400; line-height: 1.05; }
.contact-card p { margin: 0 0 24px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.button-disabled { width: 100%; background: #d7d8d2; color: #778186; cursor: not-allowed; }

footer { min-height: 124px; padding: 30px max(24px, calc((100vw - 1180px) / 2)); background: #061722; color: var(--white); display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.footer-brand { font-size: 15px; }
.footer-brand .brand-mark { width: 30px; height: 30px; }
footer > p { margin: 0; color: #66808b; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }

@media (max-width: 960px) {
  .nav-links { display: none; }
  .hero { grid-template-columns: 1fr; padding-top: 142px; gap: 46px; }
  .hero-visual { min-height: 500px; }
  .brands { flex-direction: column; align-items: flex-start; }
  .brands div { width: 100%; max-width: none; }
  .section-heading { align-items: flex-start; flex-direction: column; }
  .service-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 310px; }
  .service-icon { margin-top: 34px; }
  .parts { grid-template-columns: 1fr; gap: 30px; }
  .parts-photo { min-height: 520px; }
  .maintenance { grid-template-columns: 1fr; gap: 48px; }
  .maintenance-panel { min-height: 390px; }
  .contact { grid-template-columns: 1fr; gap: 48px; }
  .contact-card { max-width: 520px; }
}

@media (max-width: 620px) {
  .site-header { width: calc(100% - 36px); height: 78px; }
  .brand { font-size: 15px; }
  .brand-mark { width: 31px; height: 31px; }
  .header-cta { display: none; }
  .hero { min-height: auto; padding: 124px 20px 64px; }
  h1 { font-size: 52px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 22px; }
  .hero-trust { gap: 18px; justify-content: space-between; }
  .hero-trust strong { font-size: 15px; }
  .hero-trust span { font-size: 7px; }
  .hero-visual { min-height: 390px; }
  .hero-photo-main { left: 20px; bottom: 28px; }
  .hero-photo-detail { width: 120px; height: 145px; left: 0; }
  .status-card { right: 0; bottom: 10px; width: 210px; padding: 14px; }
  .brands { min-height: 150px; padding: 30px 20px; }
  .brands div { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 42px; }
  .brands strong { font-size: 17px; }
  .section { padding: 82px 20px; }
  .section-heading h2, .parts h2, .maintenance h2, .contact h2 { font-size: 45px; }
  .service-card { padding: 26px; }
  .service-card a { left: 26px; }
  .parts-photo { min-height: 400px; }
  .parts-copy { padding-bottom: 0; }
  .parts-list { grid-template-columns: 1fr; }
  .maintenance { gap: 40px; }
  .maintenance-panel { min-height: 330px; padding: 32px; }
  .temperature > strong { font-size: 80px; }
  .gallery { grid-template-columns: 1fr; }
  .gallery-item, .gallery-item-2 { height: 390px; margin-top: 0; }
  footer { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}

body.admin-bar .site-header{top:32px;} @media(max-width:782px){body.admin-bar .site-header{top:46px;}}

/* Refined industrial presentation */
:root{--navy:#101f2d;--navy-soft:#1b3042;--blue:#245c86;--mint:#8fbedc;--ice:#dbeaf4;--lime:#f5aa32;--paper:#f5f7f9;--ink:#172b3a;--muted:#526575;}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;}
main{overflow:hidden;} a:focus-visible{outline:3px solid #f5aa32;outline-offset:5px;} section[id]{scroll-margin-top:24px;}
h1,h2,h3,.hero-trust strong,.maintenance-points strong,.contact-card strong,.gallery-item figcaption{font-family:Arial,Helvetica,sans-serif;font-weight:700;}
h1,h2{letter-spacing:-.035em;line-height:1.08;} h1 em,h2 em{font-style:normal;font-weight:700;}
.site-header{height:96px;}
.brand{letter-spacing:-.02em;}.brand-mark{border-radius:3px;transform:none;width:42px;height:42px;font-size:26px;}.brand-copy{line-height:.95;}.brand-copy small{font-size:9px;letter-spacing:.12em;}
.nav-links{font-size:13px;gap:28px;}.header-cta{background:var(--lime);color:var(--navy);border:0;border-radius:3px;font-size:12px;padding:13px 20px;}
.hero{min-height:720px;gap:48px;background:radial-gradient(ellipse at 90% 0,#244359 0,transparent 55%),var(--navy);padding-top:160px;padding-bottom:76px;grid-template-columns:1.12fr 1fr;}
h1{font-size:clamp(42px,4.6vw,66px);}.hero h1 em{color:#fff;}.hero h1{border-left:4px solid var(--lime);padding-left:24px;}
.eyebrow{font-size:11px;letter-spacing:.12em;color:#365e79;}.hero .eyebrow,.eyebrow.light{color:#aecfe3;}.hero-lede{font-size:17px;color:#c1cfda;line-height:1.75;}
.button{border-radius:3px;font-size:12px;min-height:52px;letter-spacing:.035em;gap:20px;}.text-link{font-size:12px;}.hero-actions{gap:24px;flex-wrap:wrap;}.hero-trust{gap:30px;margin-top:38px;}.hero-trust strong{font-size:16px;}.hero-trust span{font-size:10px;letter-spacing:.03em;color:#adc0cf;}
.hero-visual{min-height:460px;}.hero-photo-main{inset:0 0 38px 18px;clip-path:none;border-radius:4px;border:1px solid #5a7182;}.hero-photo-main img{transform:none;}.hero-photo-detail{left:-8px;bottom:0;width:146px;height:166px;border:5px solid var(--navy);border-radius:3px;}.status-card{right:12px;bottom:0;border-top:3px solid var(--lime);border-radius:3px;width:245px;}.status-card strong{font-size:14px;}.status-card small{font-size:11px;}.status-dot{background:var(--lime);box-shadow:0 0 0 4px #f5aa3220;}.cold-line{top:20px;left:0;height:4px;width:64px;}
.brands{background:#fff;border-bottom:1px solid #dce3e9;min-height:110px;}.brands p{font-size:11px;letter-spacing:.07em;color:#526575;}.brands strong{font-size:24px;color:#506575;letter-spacing:.01em;}
.section{padding-top:88px;padding-bottom:88px;}.section-heading{gap:40px;margin-bottom:40px;}.section-heading h2,.parts h2,.maintenance h2,.contact h2{font-size:clamp(34px,3.3vw,48px);}.section-heading h2 em,.parts h2 em,.work h2 em{color:#245c86;}.section-heading>p{font-size:15px;max-width:360px;}
.service-grid{gap:22px;}.service-card{background:#fff;border:1px solid #dce3e9;border-top:3px solid #245c86;border-radius:4px;padding:30px;min-height:360px;box-shadow:0 8px 25px #10283c05;}.service-card:hover{border-top-color:var(--lime);transform:translateY(-3px);}.service-number{color:#567185;font-size:12px;}.service-icon{margin:26px 0 24px;border-radius:3px;background:#edf4f9;border-color:#d8e6ef;}.service-icon i{border-color:#245c86;}.service-icon i:after{background:#245c86;box-shadow:0 5px 0 #245c86;}.service-card h3{font-family:Arial,sans-serif;font-size:23px;font-weight:700;line-height:1.25;}.service-card p{font-size:14px;}.service-card a{font-size:11px;bottom:25px;}.service-card a span{color:#245c86;}
.parts{background:#eaf0f5;gap:64px;}.parts-photo{min-height:530px;border-radius:4px;}.parts-copy{padding:20px 0;}.parts-list li{font-size:13px;padding-top:13px;padding-bottom:13px;}.parts-list li:before{color:#245c86;}.photo-caption{font-size:11px;letter-spacing:.06em;}.parts-intro{font-size:16px;}
.maintenance{gap:64px;}.maintenance-points strong{font-size:17px;}.maintenance-points small{font-size:13px;line-height:1.65;color:#abc0ce;}.maintenance-copy>p:not(.eyebrow){font-size:16px;}.maintenance-panel{min-height:410px;background:#1b3042;border:1px solid #3e5567;padding:36px;border-radius:4px;}.temperature>strong{font-family:Arial,sans-serif;font-size:48px;letter-spacing:-.04em;line-height:1.1;margin-top:28px;}.temperature small{font-size:14px;line-height:1.6;color:#bacbd6;}.temperature>span{font-size:11px;color:var(--lime);}.temperature-bars{height:110px;}.temperature-bars i{background:linear-gradient(#8fbedc,#8fbedc20);}
.gallery{gap:20px;grid-template-columns:repeat(3,1fr);}.gallery-item,.gallery-item-2{height:360px;margin-top:0;border-radius:4px;}.gallery-item figcaption{font-size:16px;gap:12px;}.gallery-item figcaption span{font-size:11px;}
.contact{background:#24485f;gap:64px;grid-template-columns:1fr 380px;}.contact h2 em{color:#fff;}.contact-copy>p:not(.eyebrow){font-size:16px;}.contact-card{border-radius:4px;border-top:4px solid var(--lime);padding:32px;}.contact-card strong{font-size:28px;}.contact-label{color:#245c86;font-size:11px;}.contact-card p{font-size:14px;}.contact-card .button{width:100%;}
footer{padding-top:34px;padding-bottom:34px;}footer>p{font-size:10px;color:#b0c0cb;}.footer-brand .brand-mark{border-radius:3px;}
@media(max-width:1050px){.hero{gap:32px;}.hero-actions{gap:18px;}.contact{grid-template-columns:1fr 340px;gap:36px;}.service-card{padding:26px;min-height:390px;}.service-card a{left:26px;}.hero-trust{gap:20px;}}
@media(max-width:960px){.hero{grid-template-columns:1fr;}.hero-copy{max-width:720px;}.hero-visual{max-width:700px;width:100%;min-height:440px;}.parts,.maintenance,.contact{grid-template-columns:1fr;}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.service-card{min-height:410px;padding:22px;}.service-card h3{font-size:20px;}.service-card a{left:22px;}.parts-photo{min-height:440px;}.contact-card{max-width:560px;width:100%;}.section-heading{gap:24px;}.brands{gap:22px;}}
@media(max-width:700px){.service-grid{grid-template-columns:1fr;}.service-card{min-height:310px;padding:26px 26px 76px;}.service-card a{left:26px;}.service-icon{margin:18px 0;}.gallery{grid-template-columns:1fr;}.gallery-item,.gallery-item-2{height:340px;}}
@media(max-width:620px){.site-header{height:84px;width:calc(100% - 40px);}.brand{font-size:17px;}.brand-mark{width:36px;height:36px;font-size:23px;}.brand-copy small{font-size:8px;}.hero{padding:122px 20px 52px;gap:34px;}h1{font-size:clamp(34px,9.2vw,48px);}.hero h1{padding-left:16px;border-width:3px;}.hero-lede{font-size:16px;margin:24px 0;}.hero-actions{align-items:stretch;width:100%;}.hero-actions .button{width:100%;}.text-link{align-self:flex-start;min-height:36px;}.hero-trust{gap:12px;margin-top:28px;}.hero-trust strong{font-size:14px;}.hero-trust span{font-size:9px;letter-spacing:0;}.hero-visual{min-height:335px;}.hero-photo-main{inset:0 0 35px 10px;}.hero-photo-detail{width:105px;height:125px;left:0;}.status-card{width:200px;right:0;padding:13px;}.status-card strong{font-size:12px;}.status-card small{font-size:10px;}.brands{padding:26px 20px;min-height:auto;}.brands div{grid-template-columns:1fr 1fr;gap:18px;}.brands strong{font-size:21px;}.section{padding:60px 20px;}.section-heading h2,.parts h2,.maintenance h2,.contact h2{font-size:34px;}.section-heading>p{font-size:15px;}.parts{gap:28px;}.parts-photo{min-height:350px;}.parts-copy{padding:0;}.parts-list{grid-template-columns:1fr 1fr;}.parts-list li{font-size:12px;overflow-wrap:anywhere;}.maintenance{gap:30px;}.maintenance-panel{min-height:330px;padding:28px;}.temperature>strong{font-size:40px;}.contact{gap:30px;}.contact-card{padding:26px;}.eyebrow{font-size:10px;line-height:1.6;}footer{gap:22px;}.button{max-width:100%;text-align:center;}.gallery-item figcaption{font-size:16px;}}
@media(max-width:360px){.hero-trust{flex-wrap:wrap;}.status-card{width:180px;}.parts-list{grid-template-columns:1fr;}}

/* Original brand artwork */
.site-header .brand,.footer-brand{background:#fff;border-radius:4px;display:block;position:relative;overflow:hidden;width:220px;height:76px;flex-shrink:0;}
.brand img.brand-logo{display:block;position:absolute;width:220px;height:220px;max-width:none;left:0;top:-45px;object-fit:contain;}
.footer-brand{width:200px;height:72px;}.footer-brand img.brand-logo{width:200px;height:200px;top:-40px;}
@media(max-width:620px){.site-header .brand{width:190px;height:66px;}.site-header .brand img.brand-logo{width:190px;height:190px;top:-39px;}}
.site-header .brand,.footer-brand{width:120px;height:82px;} .brand img.brand-logo,.footer-brand img.brand-logo{width:120px;height:120px;top:-18px;left:0;} @media(max-width:620px){.site-header .brand{width:108px;height:74px;}.site-header .brand img.brand-logo{width:108px;height:108px;top:-16px;}}

/* Equipment brands */
.brands{gap:36px;padding-top:28px;padding-bottom:28px;}
.brands div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;max-width:760px;}
.brand-equipment{display:flex;align-items:center;justify-content:center;min-width:0;height:66px;}
.brand-equipment img{display:block;width:100%;max-width:160px;height:54px;object-fit:contain;}
.brand-equipment-nieto img{filter:brightness(0) saturate(100%);opacity:.85;}
@media(max-width:960px){.brands div{max-width:none;}}
@media(max-width:620px){.brands div{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;}.brand-equipment{height:62px;}.brand-equipment img{max-width:150px;height:48px;}}

/* Horizontal identity: continuous white header, without a logo frame */
:root{--lime:#05a8e0;--mint:#75c9ec;}
.site-header{position:relative;top:auto;left:auto;transform:none;width:100%;height:auto;min-height:112px;margin:0;padding:10px max(24px,calc((100vw - 1180px)/2));background:#fff;color:#15334b;border-bottom:1px solid #e0e8ef;gap:32px;}
body.admin-bar .site-header{top:auto;}
.site-header .brand,.footer-brand{display:block;position:static;width:330px;height:auto;background:transparent;border:0;border-radius:0;overflow:visible;flex-shrink:0;}
.brand img.brand-logo,.footer-brand img.brand-logo{display:block;position:static;width:100%;height:auto;max-width:100%;object-fit:contain;}
.nav-links{font-family:Arial,Helvetica,sans-serif;font-size:13px;gap:26px;}.nav-links a:hover{color:#0076bb;}
.header-cta,.button-primary{background:#087fbf;color:#fff;}.header-cta:hover,.button-primary:hover{background:#066ba2;color:#fff;}
.hero{padding-top:72px;background:radial-gradient(ellipse at 90% 0,#204962 0,transparent 55%),#102536;}
.hero h1{border-left-color:#05a8e0;}.cold-line{background:#05a8e0;}.status-card,.contact-card{border-top-color:#05a8e0;}.status-dot{background:#05a8e0;box-shadow:0 0 0 4px #05a8e020;}
.maintenance h2 em{color:#75c9ec;}.temperature>span{color:#75c9ec;}
footer{background:#fff;color:#15334b;border-top:1px solid #dde7ee;}.footer-brand{width:270px;}footer>p{color:#526575;}
@media(max-width:1050px){.site-header{gap:20px;}.site-header .brand{width:280px;}.nav-links{gap:18px;}.header-cta{padding:13px 16px;}}
@media(max-width:960px){.site-header .brand{width:320px;}.site-header{min-height:108px;}.hero{padding-top:56px;}}
@media(max-width:620px){.site-header{width:100%;min-height:96px;padding:4px 20px;justify-content:center;}.site-header .brand{width:min(340px,100%);height:auto;}.site-header .brand img.brand-logo{position:static;width:100%;height:auto;top:auto;left:auto;}.hero{padding-top:42px;}.footer-brand{width:min(280px,100%);}body.admin-bar .site-header{top:auto;}}

/* Correct Nieto artwork supplied by owner */
.brand-equipment-nieto img{filter:none;opacity:1;}

.whatsapp-floating{position:fixed;right:24px;bottom:24px;z-index:9999;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#128c4a;color:#fff;box-shadow:0 5px 20px #10253640;transition:transform .2s,background .2s;}
.whatsapp-floating svg{width:32px;height:32px;display:block;}.whatsapp-floating:hover{background:#0c713b;transform:translateY(-3px);}.whatsapp-floating:focus-visible{outline:3px solid #087fbf;outline-offset:4px;}
footer{padding-bottom:100px;}
@media(max-width:620px){.whatsapp-floating{width:56px;height:56px;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));}.whatsapp-floating svg{width:30px;height:30px;}}
@media(prefers-reduced-motion:reduce){.whatsapp-floating{transition:none;}}
/* Hero video */
.hero-video-panel{min-height:0;align-self:center;max-width:100%;}.hero-video-wrap{position:relative;overflow:hidden;border-radius:5px;background:#172f40;aspect-ratio:16/10;border:1px solid #45647b;box-shadow:0 20px 50px #0003;}.hero-video-wrap video{display:block;width:100%;height:100%;object-fit:cover;}.hero-video-toggle{position:absolute;right:14px;bottom:14px;padding:11px 15px;min-height:44px;border:1px solid #ffffff70;border-radius:3px;background:#102536e8;color:white;font:600 12px Arial,sans-serif;cursor:pointer;}.hero-video-toggle:focus-visible{outline:3px solid #75c9ec;outline-offset:3px;}.hero-video-caption{margin:16px 0 0;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#afcada;}.hero-actions .button{gap:14px;font-size:11px;}@media(max-width:620px){.hero-video-wrap{aspect-ratio:16/9;}.hero-video-panel{min-height:0;}.hero-video-caption{font-size:10px;letter-spacing:.06em;}}

/* Version 1.8: balanced hero */
body,.nav-links,.hero-lede,.button,.header-cta{font-family:Arial,Helvetica,sans-serif;}
.hero{grid-template-columns:1fr 1.08fr;gap:48px;min-height:0;padding-top:54px;padding-bottom:54px;align-items:start;}
.hero h1{font-size:clamp(42px,4vw,58px);line-height:1.08;}.hero h1 em{color:#75c9ec;}.hero-lede{font-size:16px;margin:24px 0 28px;}.hero-trust{margin-top:28px;padding-top:20px;}.hero-video-panel{align-self:start;margin-top:38px;}.hero-video-wrap{aspect-ratio:4/3;}.nav-links{font-size:14px;}.hero-actions .button{font-size:12px;}.whatsapp-floating{background:#25D366;}.whatsapp-floating:hover{background:#1db954;}
@media(max-width:960px){.hero{grid-template-columns:1fr;gap:30px;}.hero-video-panel{margin-top:0;max-width:760px;}.hero-video-wrap{aspect-ratio:16/9;}}
@media(max-width:620px){.hero{padding:36px 20px 42px;}.hero h1{font-size:clamp(32px,8.5vw,44px);}.hero-lede{font-size:16px;}.hero-video-panel{margin-top:0;}.hero-trust{margin-top:24px;}}

.hero-service-image{display:block;width:100%;height:100%;object-fit:cover;}
