:root{
  --bg:#05070d;--bg-soft:#09111f;--card:rgba(255,255,255,.06);--line:rgba(255,255,255,.13);
  --text:#f5f8ff;--muted:#9eadc7;--primary:#1ee6ff;--accent:#ff2d6f;--shadow:0 24px 80px rgba(0,0,0,.38);
  --radius:28px;--max:1180px;--header-height:78px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 8%,rgba(30,230,255,.16),transparent 32rem),radial-gradient(circle at 86% 18%,rgba(255,45,111,.10),transparent 30rem),linear-gradient(180deg,#05070d 0%,#09111f 48%,#05070d 100%);color:var(--text);line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p,h1,h2,h3{margin-top:0}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.section-padding{padding:104px 0}.site-header{position:fixed;inset:0 0 auto;z-index:30;height:var(--header-height);backdrop-filter:blur(18px);background:rgba(5,7,13,.76);border-bottom:1px solid var(--line)}.navbar{height:100%;width:min(var(--max),calc(100% - 40px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center}.brand-logo{width:128px;height:auto}.brand-logo-footer{width:176px}.nav-panel{display:flex;align-items:center;gap:22px}.nav-links{list-style:none;display:flex;gap:22px;align-items:center;margin:0;padding:0}.nav-links a{font-size:.92rem;font-weight:750;color:var(--muted);transition:color .2s}.nav-links a:hover,.nav-links a.is-current{color:var(--primary)}.language-switch{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05)}.lang-btn{border:0;border-radius:999px;padding:7px 10px;background:transparent;color:var(--muted);font-weight:850;cursor:pointer}.lang-btn.is-active{background:var(--primary);color:#041018}.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.06);cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;background:var(--text);margin:4px auto;border-radius:99px}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:950;margin-bottom:16px}h1{font-size:clamp(3rem,8vw,6.4rem);line-height:.94;letter-spacing:-.07em;margin-bottom:24px}h2{font-size:clamp(2rem,4.8vw,4rem);line-height:1.02;letter-spacing:-.055em;margin-bottom:20px}h3{font-size:1.24rem;line-height:1.2;margin-bottom:10px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border-radius:999px;border:1px solid transparent;font-weight:900;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary),#fff);color:#05111c;box-shadow:0 18px 44px rgba(30,230,255,.22)}.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.07);color:var(--text)}.hero-fullwidth{position:relative;min-height:min(980px,100vh);padding:calc(var(--header-height) + 38px) 0 42px;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,8,15,.88) 0%,rgba(4,8,15,.58) 35%,rgba(4,8,15,.28) 60%,rgba(4,8,15,.52) 100%),linear-gradient(180deg,rgba(4,8,15,.18),rgba(4,8,15,.64))}.hero-image{width:100%;height:100%;object-fit:cover}.hero-shell{position:relative;z-index:2;min-height:calc(min(980px,100vh) - var(--header-height) - 38px);display:flex;flex-direction:column;justify-content:center}.hero-copy-panel{max-width:650px;padding:34px 34px 28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(8,13,23,.78),rgba(8,13,23,.54));backdrop-filter:blur(12px);box-shadow:var(--shadow)}.hero-text,.section-heading p,.tech-hero p:not(.eyebrow),.tech-card p,.application-card p,.source-note p{color:var(--muted);font-size:1.06rem}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.hero-metrics div{padding:15px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.055)}.hero-metrics strong{display:block;font-size:1.4rem}.hero-metrics span{display:block;color:var(--muted);font-size:.82rem;line-height:1.3}.section-heading{width:min(820px,100%);margin:0 auto 46px;text-align:center}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.solution-card{overflow:hidden;border:1px solid var(--line);border-radius:34px;background:rgba(255,255,255,.065);box-shadow:0 16px 50px rgba(0,0,0,.18)}.card-media{height:clamp(320px,32vw,470px);margin:0;position:relative;overflow:hidden;background:#111827}.card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(5,7,13,.64)),radial-gradient(circle at 26% 22%,rgba(0,213,255,.22),transparent 35%)}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.solution-card:hover .card-media img{transform:scale(1.06)}.card-content{padding:clamp(24px,3vw,34px)}.tag{display:inline-flex;margin-bottom:14px;color:var(--primary);font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.solution-card p{color:var(--muted)}.solution-card ul{padding-left:18px;margin:0;color:var(--text);font-weight:650}.card-link{display:inline-flex;margin-top:18px;color:var(--primary);font-weight:850}.gallery-section{padding-top:90px}.project-gallery{display:grid;grid-template-columns:1.18fr .92fr .92fr;grid-auto-rows:clamp(220px,25vw,340px);gap:22px}.gallery-item{position:relative;overflow:hidden;margin:0;border:1px solid var(--line);border-radius:30px;background:var(--card);box-shadow:var(--shadow)}.gallery-item.wide{grid-column:span 2}.gallery-item.tall{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(5,7,13,.78))}.gallery-item figcaption{position:absolute;left:20px;right:20px;bottom:18px;z-index:1;font-weight:900}.dark-band{background:rgba(255,255,255,.035);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split-grid,.contact-grid,.spec-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature,.contact-form,.contact-info,.tech-card,.application-card,.tech-highlight,.source-note{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.055)}.feature{padding:24px}.feature span,.tech-card span{display:inline-flex;margin-bottom:18px;color:var(--primary);font-weight:950}.pill-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.pill-list span{padding:12px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);font-weight:800}.cta-strip{padding:90px 0;background:linear-gradient(rgba(5,7,13,.74),rgba(5,7,13,.84)),url('assets/images/led-interior-espectacular.jpg') center/cover;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta-content{width:min(820px,calc(100% - 40px));text-align:center}.cta-content p{color:var(--muted)}.contact-info{padding:24px}.contact-info a{color:var(--primary);font-weight:900}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:26px}.contact-form label{display:grid;gap:8px}.contact-form span{font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:15px;padding:13px 14px;color:var(--text);background:rgba(5,11,20,.72);font:inherit;outline:none}.full{grid-column:1/-1}.privacy{display:flex!important;gap:10px}.privacy input{width:auto!important}.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important}.form-note{grid-column:1/-1;color:var(--muted);font-size:.9rem;margin:0}.site-footer{padding:62px 0 28px;border-top:1px solid var(--line);background:#05070d}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}.footer-grid a,.footer-grid p{display:block;color:var(--muted);margin-bottom:8px}.footer-grid a:hover{color:var(--primary)}.footer-bottom{padding-top:32px;color:var(--muted)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s,transform .75s}.reveal.is-visible{opacity:1;transform:translateY(0)}
/* Technical pages */.tech-hero{position:relative;min-height:82vh;display:flex;align-items:flex-end;overflow:hidden;padding:calc(var(--header-height) + 72px) 0 86px}.tech-hero-media{position:absolute;inset:0}.tech-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,13,.92),rgba(5,7,13,.62) 44%,rgba(5,7,13,.18)),linear-gradient(180deg,rgba(5,7,13,.05),rgba(5,7,13,.72))}.tech-hero-media img{width:100%;height:100%;object-fit:cover}.tech-hero-content{position:relative;z-index:1;max-width:790px}.tech-highlight{padding:34px;box-shadow:var(--shadow)}.tech-highlight span{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem}.tech-highlight strong{display:block;margin:14px 0;font-size:clamp(3.5rem,8vw,7rem);line-height:.9;letter-spacing:-.08em;color:var(--primary)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035);box-shadow:var(--shadow)}.tech-table{width:100%;min-width:980px;border-collapse:collapse}.tech-table th,.tech-table td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.tech-table th{background:rgba(255,255,255,.08);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.tech-table td{color:var(--muted)}.tech-table td strong{color:var(--text)}.tech-table tr:last-child td{border-bottom:0}.tech-card-grid,.application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tech-card,.application-card{padding:26px}.spec-list{display:grid;gap:12px}.spec-list div{display:flex;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045)}.spec-list span{color:var(--muted)}.spec-list strong{text-align:right}.source-note{padding:28px}.source-note p{margin-bottom:0}@media(max-width:980px){.menu-toggle{display:block}.nav-panel{position:fixed;top:var(--header-height);left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(5,7,13,.96);box-shadow:var(--shadow)}.menu-open .nav-panel{display:flex}.nav-links{flex-direction:column;align-items:stretch}.nav-links a{display:block;padding:12px}.language-switch{justify-content:center}.hero-shell{min-height:620px;justify-content:flex-end}.hero-copy-panel{max-width:100%;padding:24px 22px}.card-grid,.project-gallery,.split-grid,.contact-grid,.spec-summary-grid,.tech-card-grid,.application-grid{grid-template-columns:1fr}.project-gallery .wide,.project-gallery .tall{grid-column:span 1;grid-row:span 1}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.container,.navbar{width:min(100% - 28px,var(--max))}.brand-logo{width:108px}.brand-logo-footer{width:150px}.section-padding{padding:76px 0}.hero-fullwidth{min-height:auto;padding-top:calc(var(--header-height) + 20px)}.hero-shell{min-height:560px}.hero-copy-panel{padding:20px 18px}.hero-metrics,.contact-form,.feature-grid,.footer-grid{grid-template-columns:1fr}.card-media{height:270px}.project-gallery{grid-auto-rows:260px}.tech-hero{min-height:70vh;padding:calc(var(--header-height) + 52px) 0 58px}.tech-highlight,.source-note{padding:24px}.spec-list div{display:grid}.spec-list strong{text-align:left}}


/* Gama de soluciones: 5 bloques sin gasolineras */
.products .section-heading {
  margin-bottom: 34px;
}

.products .card-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

.products .solution-card {
  border-radius: 22px;
  min-width: 0;
}

.products .card-media {
  height: 170px;
}

.products .card-content {
  padding: 18px;
}

.products .tag {
  font-size: 0.62rem;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
}

.products .card-content h3 {
  font-size: 1.05rem;
  line-height: 1.15;
  margin-bottom: 10px;
}

.products .solution-card p {
  font-size: 0.88rem;
  line-height: 1.42;
  margin-bottom: 12px;
}

.products .solution-card ul {
  font-size: 0.78rem;
  line-height: 1.35;
  padding-left: 16px;
}

.products .card-link {
  margin-top: 12px;
  font-size: 0.82rem;
}

/* Apartado dedicado a gasolineras */
.gasolineras-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 20%, rgba(30,230,255,.12), transparent 30rem),
    radial-gradient(circle at 82% 80%, rgba(255,45,111,.10), transparent 28rem);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.gasolineras-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
  gap: clamp(30px, 5vw, 62px);
  align-items: center;
}

.gasolineras-media {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 32px;
  box-shadow: var(--shadow);
  background: rgba(255,255,255,.05);
}

.gasolineras-media img {
  width: 100%;
  height: min(58vw, 650px);
  object-fit: cover;
}

.gasolineras-copy > p:not(.eyebrow) {
  color: var(--muted);
  font-size: 1.06rem;
}

.gasolineras-features {
  display: grid;
  gap: 14px;
  margin: 26px 0 28px;
}

.gasolineras-features article {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255,255,255,.055);
}

.gasolineras-features span {
  display: inline-flex;
  margin-bottom: 8px;
  color: var(--primary);
  font-weight: 950;
  letter-spacing: .08em;
}

.gasolineras-features h3 {
  margin-bottom: 6px;
}

.gasolineras-features p {
  margin: 0;
  color: var(--muted);
  font-size: .94rem;
}

@media (max-width: 1280px) {
  .products .card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .products .card-media {
    height: 210px;
  }
}

@media (max-width: 980px) {
  .gasolineras-layout {
    grid-template-columns: 1fr;
  }

  .gasolineras-media img {
    height: auto;
  }
}

@media (max-width: 860px) {
  .products .card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .products .card-media {
    height: 200px;
  }
}

@media (max-width: 560px) {
  .products .card-grid {
    grid-template-columns: 1fr;
  }

  .products .card-media {
    height: 230px;
  }
}


/* Restauración de imágenes y galería de Soluciones singulares */
.singular-hero .tech-hero-media::after {
  background: linear-gradient(180deg, rgba(5,7,13,0.1) 0%, rgba(5,7,13,0.72) 100%);
}

.singular-gallery-section {
  padding-top: 20px;
}

.singular-gallery-section > .container {
  width: calc(100% - 40px);
  max-width: none;
}

.singular-gallery-section .section-heading {
  width: min(920px, 100%);
}

.singular-carousel {
  width: 100%;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  box-shadow: var(--shadow);
}

.singular-stage {
  position: relative;
  width: 100%;
  min-height: min(56vw, 760px);
  overflow: hidden;
  border-radius: 24px;
  background: #081018;
  aspect-ratio: 16 / 9;
}

.singular-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.02);
  transition: opacity .55s ease, transform .8s ease, visibility .55s ease;
}

.singular-slide.is-active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.singular-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.singular-slide figcaption {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  max-width: 720px;
  padding: 18px 20px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 18px;
  background: rgba(5,7,13,.62);
  backdrop-filter: blur(16px);
}

.singular-slide figcaption strong {
  display: block;
  margin-bottom: 6px;
  color: var(--text);
  font-size: 1.12rem;
}

.singular-slide figcaption p {
  margin: 0;
  color: rgba(233,239,255,.86);
}

.singular-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 4px 10px;
}

.singular-arrow {
  width: 52px;
  height: 52px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  color: var(--text);
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}

.singular-dots {
  display: flex;
  flex: 1;
  justify-content: center;
  gap: 10px;
}

.singular-dots button {
  width: 11px;
  height: 11px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.28);
  cursor: pointer;
}

.singular-dots button.is-active {
  background: var(--primary);
  transform: scale(1.18);
}

.singular-thumbs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 14px;
  width: min(1280px, 100%);
  margin: 10px auto 0;
}

.singular-thumb {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  color: var(--text);
  text-align: left;
  cursor: pointer;
}

.singular-thumb.is-active {
  border-color: rgba(30,230,255,.55);
  background: rgba(30,230,255,.08);
}

.singular-thumb img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 12px;
}

.singular-thumb span {
  font-size: .9rem;
  font-weight: 700;
}

@media (max-width: 920px) {
  .singular-thumbs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .singular-stage {
    min-height: 340px;
  }
}

@media (max-width: 640px) {
  .singular-gallery-section > .container {
    width: calc(100% - 24px);
  }

  .singular-carousel {
    padding: 14px;
  }

  .singular-stage {
    min-height: 280px;
    aspect-ratio: auto;
  }

  .singular-slide figcaption {
    left: 12px;
    right: 12px;
    bottom: 12px;
    padding: 14px 15px;
  }

  .singular-thumbs {
    grid-template-columns: 1fr;
  }
}


/* Chat flotante de WhatsApp */
.whatsapp-chat {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 150;
  font-family: inherit;
}

.whatsapp-chat-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 13px 18px 13px 14px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: linear-gradient(135deg, #25d366, #128c7e);
  color: #fff;
  font-weight: 800;
  letter-spacing: .01em;
  box-shadow: 0 18px 45px rgba(0,0,0,.35);
  cursor: pointer;
  transition: transform .24s ease, box-shadow .24s ease, filter .24s ease;
}

.whatsapp-chat-toggle:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 56px rgba(0,0,0,.42);
  filter: brightness(1.06);
}

.whatsapp-chat-icon {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  font-size: 1.05rem;
  line-height: 1;
}

.whatsapp-chat-text {
  font-size: .95rem;
}

.whatsapp-chat-panel {
  position: absolute;
  right: 0;
  bottom: 72px;
  width: min(350px, calc(100vw - 32px));
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 24px;
  background: rgba(7, 13, 24, .96);
  box-shadow: 0 24px 70px rgba(0,0,0,.48);
  backdrop-filter: blur(18px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(14px) scale(.98);
  transform-origin: bottom right;
  transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
}

.whatsapp-chat.is-open .whatsapp-chat-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.whatsapp-chat-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 17px 18px;
  background: linear-gradient(135deg, #25d366, #128c7e);
  color: #fff;
}

.whatsapp-chat-header strong,
.whatsapp-chat-header span {
  display: block;
}

.whatsapp-chat-header strong {
  font-size: 1rem;
}

.whatsapp-chat-header span {
  margin-top: 3px;
  font-size: .78rem;
  opacity: .92;
}

.whatsapp-chat-close {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  color: #fff;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
}

.whatsapp-chat-body {
  display: grid;
  gap: 10px;
  padding: 18px;
}

.whatsapp-bubble {
  margin: 0;
  padding: 12px 14px;
  border-radius: 16px 16px 16px 4px;
  background: rgba(255,255,255,.08);
  color: rgba(233,239,255,.92);
  font-size: .92rem;
  line-height: 1.45;
}

.whatsapp-bubble-user {
  justify-self: end;
  max-width: 88%;
  border-radius: 16px 16px 4px 16px;
  background: rgba(37,211,102,.18);
}

.whatsapp-chat-cta {
  display: block;
  margin: 0 18px 18px;
  padding: 13px 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, #25d366, #128c7e);
  color: #fff;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
}

@media (max-width: 640px) {
  .whatsapp-chat {
    right: 16px;
    bottom: 16px;
  }

  .whatsapp-chat-toggle {
    padding: 12px;
    min-height: 52px;
  }

  .whatsapp-chat-text {
    display: none;
  }

  .whatsapp-chat-icon {
    width: 30px;
    height: 30px;
  }

  .whatsapp-chat-panel {
    bottom: 68px;
  }
}


/* Páginas técnicas restauradas: monitores y mupis */
.monitor-visual-grid,
.mupi-visual-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 30px;
  align-items: center;
}

.monitor-figure,
.mupi-figure {
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: rgba(255,255,255,.05);
  box-shadow: var(--shadow);
}

.monitor-figure img,
.mupi-figure img {
  width: 100%;
  height: 100%;
  min-height: 340px;
  object-fit: cover;
  display: block;
}

.monitor-note,
.mupi-note {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: rgba(255,255,255,.055);
}

.monitor-bullets {
  margin: 20px 0 0;
  padding-left: 18px;
  color: var(--text);
  font-weight: 650;
}

.monitor-bullets li + li {
  margin-top: 8px;
}

.mupi-pitch-list {
  margin-top: 18px;
}

@media (max-width: 980px) {
  .monitor-visual-grid,
  .mupi-visual-grid {
    grid-template-columns: 1fr;
  }
}


/* Selector de idioma con banderas */
.language-switch {
  gap: 8px;
}

.lang-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.flag-icon {
  width: 22px;
  height: 15px;
  display: inline-block;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.35), 0 1px 3px rgba(0,0,0,.25);
  flex: 0 0 auto;
}

.flag-es {
  background: linear-gradient(
    to bottom,
    #aa151b 0 25%,
    #f1bf00 25% 75%,
    #aa151b 75% 100%
  );
}

.flag-ca {
  background: repeating-linear-gradient(
    to bottom,
    #f9d616 0 2px,
    #f9d616 2px 4px,
    #d6001c 4px 6px,
    #d6001c 6px 8px
  );
}

.flag-en {
  background:
    linear-gradient(0deg, transparent 42%, #fff 42% 58%, transparent 58%),
    linear-gradient(90deg, transparent 42%, #fff 42% 58%, transparent 58%),
    linear-gradient(0deg, transparent 46%, #c8102e 46% 54%, transparent 54%),
    linear-gradient(90deg, transparent 46%, #c8102e 46% 54%, transparent 54%),
    linear-gradient(32deg, transparent 35%, #fff 35% 42%, #c8102e 42% 48%, #fff 48% 55%, transparent 55%),
    linear-gradient(-32deg, transparent 35%, #fff 35% 42%, #c8102e 42% 48%, #fff 48% 55%, transparent 55%),
    #012169;
}

@media (max-width: 520px) {
  .lang-code {
    display: none;
  }

  .lang-btn {
    padding-inline: 9px;
  }
}


.hero-copy-panel .language-switch {
  justify-content: flex-start;
  margin-top: 18px;
}


/* Cookies */
.cookie-consent{position:fixed;left:20px;right:20px;bottom:20px;z-index:220;display:flex;justify-content:center;pointer-events:none}.cookie-consent[hidden]{display:none}.cookie-card{width:min(980px,100%);padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(8,13,23,.98),rgba(8,13,23,.94));box-shadow:0 22px 70px rgba(0,0,0,.42);backdrop-filter:blur(14px);pointer-events:auto;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}.cookie-copy h2{margin:0 0 8px;font-size:clamp(1.25rem,2vw,1.75rem)}.cookie-copy p{margin:0 0 10px;color:var(--muted)}.cookie-copy a{color:var(--primary);font-weight:850}.cookie-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cookie-options[hidden]{display:none}.cookie-options label{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.055);color:var(--text);font-weight:750}.cookie-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.cookie-actions .btn{white-space:nowrap}.policy-content{max-width:980px}.policy-content h2{margin-top:34px}.policy-content p{color:var(--muted)}.cookie-table{min-width:760px}@media(max-width:820px){.cookie-card{grid-template-columns:1fr}.cookie-actions{justify-content:stretch}.cookie-actions .btn{flex:1 1 150px}.cookie-options{grid-template-columns:1fr}}