/* Hoja principal del sitio (TC_TEMA_CSS del panel). Congelada de Astro el 2026-10-02:
   aviso-de-privacidad.BbUpUUg1.css seguida de servicios.BszCFgd_.css (el orden en que las
   enlazaba /servicios/), con formato legible y los mismos bytes por lo demas.
   Las reglas de servicios solo aplican a elementos con data-astro-cid-wrzvmyuk.
   Desde aqui se edita a mano: src/styles/ de Astro ya no es la fuente. */
.riel .iso{
  width:42px;
  height:42px
}
.riel{
  display:none
}
@media(min-width:1024px){
  .lienzo:has(>.riel){
    --riel:clamp(48px,5.2vw,80px);
    display:grid;
    grid-template-columns:var(--riel) 1fr
  }
  .riel{
    position:sticky;
    top:0;
    height:100svh;
    border-right:1px solid var(--ds-borde);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    padding-block:1.1rem;
    z-index:20;
    background:var(--ds-fondo);
    color:var(--ds-texto)
  }
  .lienzo:has(>.riel) .nav__logo{
    display:none
  }
}
.riel__i{
  writing-mode:vertical-rl;
  font-weight:var(--ds-peso-ligero);
  font-size:.64rem;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--ds-texto-2)
}
.riel__p{
  width:2px;
  height:clamp(56px,12vh,120px);
  background:var(--ds-borde);
  position:relative;
  border-radius:var(--ds-radio)
}
.riel__p i{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:6%;
  background:var(--ds-acento);
  border-radius:var(--ds-radio)
}
.riel__n{
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  font-size:.64rem;
  color:var(--ds-acento-texto,var(--ds-acento))
}
.riel__logo{
  display:block;
  color:inherit;
  line-height:0;
  border-radius:var(--ds-radio);
  transition:opacity var(--ds-t-reaccion) var(--ds-reaccion)
}
.riel__logo:hover{
  opacity:.62
}
.riel__logo:focus-visible{
  outline:2px solid var(--ds-acento);
  outline-offset:3px
}
@media(pointer:coarse)and (min-width:1024px){
  .riel__logo{
    padding:.55rem;
    margin:-.55rem
  }
}
@font-face{
  font-family:Archivo;
  src:url(/fonts/archivo-variable.woff2) format("woff2");
  font-weight:100 900;
  font-display:block
}
@font-face{
  font-family:Unbounded;
  src:url(/fonts/unbounded-variable.woff2) format("woff2");
  font-weight:200 900;
  font-display:block
}
@font-face{
  font-family:IBM Plex Mono;
  src:url(/fonts/ibm-plex-mono-400.woff2) format("woff2");
  font-weight:400;
  font-display:block
}
:root{
  --ds-tinta: #08131F;
  --ds-tinta-2: #0E1E2D;
  --ds-tinta-3: #17293A;
  --ds-papel: #F4F2ED;
  --ds-papel-2: #EAE7E0;
  --ds-papel-3: #DAD6CD;
  --ds-fondo: var(--ds-papel);
  --ds-superficie: var(--ds-papel-2);
  --ds-borde: var(--ds-papel-3);
  --ds-texto: #08131F;
  --ds-texto-2: #4A5560;
  --ds-texto-3: #6E7883;
  --ds-acento: #962806;
  --ds-sobre-acento: var(--ds-papel);
  --ds-font-marca: "Archivo", system-ui, -apple-system, sans-serif;
  --ds-font-sistema:"Unbounded", var(--ds-font-marca);
  --ds-font-dato: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;
  --ds-peso-display: 900;
  --ds-peso-titulo: 800;
  --ds-peso-cuerpo: 300;
  --ds-peso-ligero: 200;
  --ds-peso-sistema: 400;
  --ds-fs-display-1: clamp(2.25rem, .9725rem + 6.389vw, 8rem);
  --ds-fs-display-2: clamp(1.875rem, 1.181rem + 3.472vw, 5rem);
  --ds-fs-display-3: clamp(1.75rem, 1.364rem + 1.714vw, 3.25rem);
  --ds-fs-titulo: clamp(1.375rem, 1.214rem + .7143vw, 2rem);
  --ds-fs-bajada: clamp(1.188rem, 1.075rem + .5vw, 1.625rem);
  --ds-fs-cuerpo-lg: clamp(1.062rem, 1.03rem + .1429vw, 1.188rem);
  --ds-fs-cuerpo: clamp(1rem, .9839rem + .07143vw, 1.062rem);
  --ds-fs-menor: .875rem;
  --ds-fs-meta: .75rem;
  --ds-fs-display-1-largo: clamp(2rem, .667rem + 6.667vw, 8rem);
  --ds-medida: 68ch;
  --ds-margen: 16px;
  --ds-columnas: 4;
  --ds-canal: 16px;
  --ds-lh-display-1: .92;
  --ds-tr-display-1: -.03em;
  --ds-lh-display-2: .95;
  --ds-tr-display-2: -.025em;
  --ds-lh-display-3: 1;
  --ds-tr-display-3: -.02em;
  --ds-lh-titulo: 1.05;
  --ds-tr-titulo: -.015em;
  --ds-lh-bajada: 1.35;
  --ds-lh-cuerpo: 1.6;
  --ds-tr-meta: .08em;
  --ds-entrada: cubic-bezier(.65, .05, 0, 1);
  --ds-reaccion: cubic-bezier(.19, 1, .22, 1);
  --ds-t-instante: 96ms;
  --ds-t-reaccion: 176ms;
  --ds-t-entrada: 608ms;
  --ds-t-momento: .96s;
  --ds-stagger-lineas: 88ms;
  --ds-stagger-bloques: 72ms;
  --ds-sp-3xs: .25rem;
  --ds-sp-2xs: .5rem;
  --ds-sp-xs: clamp(.75rem, .6857rem + .2857vw, 1rem);
  --ds-sp-sm: clamp(1.25rem, 1.121rem + .5714vw, 1.75rem);
  --ds-sp-md: clamp(2rem, 1.743rem + 1.143vw, 3rem);
  --ds-sp-lg: clamp(3rem, 2.486rem + 2.286vw, 5rem);
  --ds-sp-xl: clamp(4.5rem, 3.6rem + 4vw, 8rem);
  --ds-sp-2xl: clamp(6.5rem, 5.086rem + 6.286vw, 12rem);
  --ds-sp-3xl: clamp(9rem, 6.814rem + 9.714vw, 17.5rem);
  --ds-radio: 2px;
  --ds-grano: .03;
  --ds-contenedor: 110rem;
  --ds-velo-hero: linear-gradient(to bottom, rgba(8,19,31,.28) 0%, rgba(8,19,31,0) 32%, rgba(8,19,31,.72) 100%);
  --ds-op-foto-1: 1;
  --ds-op-foto-2: .82;
  --ds-op-foto-3: .72;
  --ds-iso-min: 24px;
  --ds-iso-contorno: 96px;
  --ds-iso-escala: 1.3;
  --ds-iso-sep: .45em;
  --ds-iso-marca-agua: .05
}
.s{
  --ds-fondo: var(--ds-papel);
  --ds-superficie: var(--ds-papel-2);
  --ds-borde: var(--ds-papel-3);
  --ds-texto: #08131F;
  --ds-texto-2: #4A5560;
  --ds-texto-3: #6E7883;
  --ds-acento: #962806;
  --ds-acento-texto: #962806;
  --ds-sobre-acento: var(--ds-papel);
  --ds-iso-marca-agua: .05;
  background:var(--ds-fondo);
  color:var(--ds-texto);
  position:relative
}
.s--tinta,.s:has(>.tx[data-blog~="cuerpo"])+.s[data-blog~="cta"]{
  --ds-fondo: var(--ds-tinta);
  --ds-superficie: var(--ds-tinta-2);
  --ds-borde: var(--ds-tinta-3);
  --ds-texto: #F4F2ED;
  --ds-texto-2: #A8B2BC;
  --ds-texto-3: #7B858F;
  --ds-acento: #F64B17;
  --ds-acento-texto: #FF6B3D;
  --ds-sobre-acento: var(--ds-tinta);
  --ds-iso-marca-agua: .022
}
.s--ox{
  --ds-fondo: #962806;
  --ds-superficie: #7D2105;
  --ds-borde: rgba(244, 242, 237, .28);
  --ds-texto: #F4F2ED;
  --ds-texto-2: #F0DED7;
  --ds-texto-3: var(--ds-texto-2);
  --ds-acento: #F4F2ED;
  --ds-acento-texto: #F4F2ED;
  --ds-sobre-acento: #962806;
  --ds-iso-marca-agua: .06
}
:root{
  --ds-hover-escala: 1.012;
  --ds-cursor-punto: 6px;
  --ds-cursor-anillo: 34px;
  --ds-cursor-anillo-act: 56px;
  --ds-cursor-alcance: .34;
  --ds-inercia-scroll: .05;
  --ds-grad-tinta: radial-gradient(120% 90% at 12% 0%, #14293C 0%, transparent 58%), radial-gradient(90% 70% at 92% 100%, #1B1410 0%, transparent 62%);
  --ds-grad-papel: radial-gradient(110% 80% at 88% 0%, #FFFDF8 0%, transparent 60%), radial-gradient(90% 70% at 0% 100%, #E6E1D6 0%, transparent 58%);
  --ds-grad-ox: linear-gradient(148deg, #B03209 0%, #962806 46%, #6E1D04 100%)
}
html.ds-anim [data-revelar]{
  opacity:0;
  transform:translateY(26px)
}
html.ds-anim .ds-go [data-revelar]{
  opacity:1;
  transform:none
}
[data-revelar]{
  transition:opacity var(--ds-t-entrada) var(--ds-entrada),transform var(--ds-t-entrada) var(--ds-entrada)
}
.ds-linea{
  display:block;
  overflow:hidden;
  padding-top:.14em;
  margin-top:-.14em;
  padding-bottom:.08em
}
@media(prefers-reduced-motion:reduce){
  html.ds-anim [data-revelar]{
    opacity:1!important;
    transform:none!important
  }
  *,*:before,*:after{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    scroll-behavior:auto!important
  }
}
@media(min-width:481px){
  :root{
    --ds-margen: 24px;
    --ds-columnas: 8;
    --ds-canal: 20px
  }
}
@media(min-width:1024px){
  :root{
    --ds-margen: 40px;
    --ds-columnas: 12;
    --ds-canal: 24px
  }
}
.ds-contenedor{
  width:100%;
  max-width:var(--ds-contenedor);
  margin-inline:auto;
  padding-inline:var(--ds-margen)
}
.ds-texto{
  max-width:var(--ds-medida)
}
.ds-grid{
  display:grid;
  grid-template-columns:repeat(var(--ds-columnas),minmax(0,1fr));
  gap:var(--ds-canal)
}
.ds-sangre{
  width:100vw;
  margin-inline:calc(50% - 50vw);
  max-width:none
}
.ds-ficha{
  display:grid;
  gap:var(--ds-canal)
}
@media(min-width:1024px){
  .ds-ficha{
    grid-template-columns:7fr 5fr;
    align-items:center
  }
}
:root{
  --f-patio:url(/assets/fotos/patio.jpg);
  --f-flota:url(/assets/fotos/flota.jpg);
  --f-oficina:url(/assets/fotos/oficina.jpg);
  --f-hero:url(/assets/fotos/hero.jpg)
}
*{
  box-sizing:border-box
}
body{
  margin:0;
  background:var(--ds-papel);
  color:var(--ds-tinta);
  font-family:var(--ds-font-marca);
  font-weight:var(--ds-peso-cuerpo);
  font-size:var(--ds-fs-cuerpo);
  line-height:var(--ds-lh-cuerpo);
  -webkit-font-smoothing:antialiased
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:9;
  opacity:var(--ds-grano);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")
}
.g-tinta,.s:has(>.tx[data-blog~="cuerpo"])+.s[data-blog~="cta"]{
  background-image:var(--ds-grad-tinta)
}
.g-papel{
  background-image:var(--ds-grad-papel)
}
.g-ox{
  background-image:var(--ds-grad-ox)
}
.lienzo{
  display:block
}
.col{
  min-width:0
}
.pd{
  padding-inline:clamp(1.2rem,3.4vw,3.2rem)
}
.blq{
  padding-block:clamp(3rem,7vw,7rem)
}
.blq-s{
  padding-block:clamp(1.8rem,4vw,3.4rem)
}
.tx{
  max-width:var(--ds-medida)
}
.d0{
  font-size:var(--ds-fs-display-1);
  font-weight:var(--ds-peso-display);
  line-height:var(--ds-lh-display-1);
  letter-spacing:var(--ds-tr-display-1);
  text-transform:uppercase;
  margin:0
}
.d0--largo{
  font-size:var(--ds-fs-display-1-largo)
}
.d2{
  font-size:var(--ds-fs-display-2);
  font-weight:var(--ds-peso-display);
  line-height:var(--ds-lh-display-2);
  letter-spacing:var(--ds-tr-display-2);
  text-transform:uppercase;
  margin:0
}
.d3{
  font-size:var(--ds-fs-display-3);
  font-weight:var(--ds-peso-titulo);
  line-height:var(--ds-lh-display-3);
  letter-spacing:var(--ds-tr-display-3);
  text-transform:uppercase;
  margin:0
}
.tt{
  font-size:var(--ds-fs-titulo);
  font-weight:var(--ds-peso-titulo);
  line-height:var(--ds-lh-titulo);
  letter-spacing:var(--ds-tr-titulo);
  text-transform:uppercase;
  margin:0
}
.ac{
  font-style:normal;
  font-weight:var(--ds-peso-ligero);
  color:var(--ds-acento);
  letter-spacing:inherit;
  margin-left:.14em
}
em{
  font-style:normal
}
.eti{
  font-weight:var(--ds-peso-ligero);
  font-size:var(--ds-fs-meta);
  letter-spacing:var(--ds-tr-meta);
  text-transform:uppercase;
  color:var(--ds-texto-2);
  display:block
}
.eti--ac{
  color:var(--ds-acento-texto,var(--ds-acento))
}
.bj{
  font-size:var(--ds-fs-bajada);
  line-height:var(--ds-lh-bajada);
  color:var(--ds-texto-2);
  font-weight:var(--ds-peso-ligero);
  margin:1.1rem 0 0;
  max-width:56ch
}
p{
  margin:0 0 1em;
  color:var(--ds-texto-2)
}
b,strong{
  color:inherit;
  font-weight:var(--ds-peso-titulo)
}
.n{
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema)
}
.btn{
  font-family:var(--ds-font-sistema);
  font-weight:var(--ds-peso-sistema);
  font-size:.78rem;
  display:inline-flex;
  align-items:center;
  gap:.55em;
  padding:.9em 1.55em;
  border:0;
  border-radius:var(--ds-radio);
  cursor:pointer;
  text-decoration:none;
  background:var(--ds-acento);
  color:var(--ds-sobre-acento);
  transition:transform var(--ds-t-instante) var(--ds-reaccion)
}
.btn:hover{
  transform:translateY(-2px)
}
.btn--g{
  background:none;
  color:var(--ds-texto);
  box-shadow:inset 0 0 0 1px var(--ds-borde)
}
.alerta{
  font-family:var(--ds-font-sistema);
  font-weight:var(--ds-peso-sistema);
  font-size:var(--ds-fs-menor);
  border:1px solid var(--ds-acento);
  padding:1.1rem 1.3rem;
  border-radius:var(--ds-radio);
  max-width:var(--ds-medida)
}
.nav{
  display:flex;
  align-items:center;
  gap:1.2rem;
  padding-block:1.1rem;
  position:relative;
  z-index:12
}
.nav .iso{
  width:26px;
  height:26px;
  flex:none
}
.nav ul{
  list-style:none;
  display:flex;
  gap:1.35rem;
  margin:0;
  padding:0;
  flex-wrap:wrap
}
.nav a:not(.btn){
  color:inherit;
  text-decoration:none;
  font-size:.83rem;
  font-weight:var(--ds-peso-ligero);
  opacity:.82
}
.nav a:not(.btn):hover,.nav a:not(.btn)[aria-current]{
  opacity:1
}
.nav .der{
  margin-left:auto
}
.hero{
  position:relative;
  min-height:62svh;
  display:flex;
  flex-direction:column;
  overflow:hidden
}
.hero--full{
  min-height:100svh
}
.hero--mar{
  cursor:none
}
.mar{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
  pointer-events:none
}
.hero__cc{
  position:relative;
  z-index:2;
  margin:auto;
  text-align:center;
  padding-block:2rem;
  max-width:1280px
}
.hc{
  font-weight:var(--ds-peso-display);
  text-transform:uppercase;
  line-height:.96;
  letter-spacing:var(--ds-tr-display-1);
  margin:.5em 0 0;
  text-wrap:balance;
  font-size:clamp(1.9rem,.2rem + 3.5vw,3.4rem)
}
.bj--c{
  margin-inline:auto;
  max-width:44ch
}
.cta{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
  margin-top:2rem
}
.cta--c{
  justify-content:center
}
.hero__f{
  position:absolute;
  inset:0;
  z-index:0
}
.hero__f .foto{
  position:absolute;
  inset:0
}
.hero__f:after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--ds-velo-hero)
}
.hero__b{
  position:relative;
  z-index:2;
  margin-top:auto;
  padding-bottom:clamp(2rem,5vw,4.5rem);
  color:var(--ds-papel)
}
.hero__b .bj{
  color:var(--ds-papel);
  opacity:var(--ds-op-foto-2)
}
.hero__b .eti{
  color:var(--ds-papel);
  opacity:var(--ds-op-foto-3)
}
.metrica{
  display:grid;
  gap:1px;
  background:var(--ds-borde);
  border-block:1px solid var(--ds-borde)
}
@media(min-width:800px){
  .metrica{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}
.metrica>div{
  background:var(--ds-fondo);
  padding:1.1rem clamp(1.2rem,3.4vw,3.2rem)
}
.metrica b{
  display:block;
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  font-size:1.35rem;
  line-height:1
}
.metrica span{
  display:block;
  margin-top:.45em;
  font-weight:var(--ds-peso-ligero);
  font-size:.66rem;
  letter-spacing:var(--ds-tr-meta);
  text-transform:uppercase;
  color:var(--ds-texto-2)
}
.mq{
  overflow:hidden;
  border-block:1px solid var(--ds-borde);
  padding-block:1.1rem
}
.mq__p{
  display:flex;
  gap:3.2rem;
  width:max-content;
  will-change:transform
}
.mq b{
  font-weight:var(--ds-peso-titulo);
  text-transform:uppercase;
  letter-spacing:.03em;
  font-size:clamp(1rem,1.6vw,1.5rem);
  color:var(--ds-texto);
  white-space:nowrap
}
.mq b em{
  font-style:normal;
  color:var(--ds-acento-texto,var(--ds-acento));
  margin-left:.5em;
  font-weight:var(--ds-peso-ligero)
}
.pil{
  display:grid;
  gap:1px;
  background:var(--ds-borde);
  border:1px solid var(--ds-borde);
  margin-top:2.4rem
}
@media(min-width:900px){
  .pil{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}
.pil>div{
  background:var(--ds-fondo);
  padding:clamp(1.4rem,2.6vw,2.3rem);
  display:flex;
  flex-direction:column;
  min-height:250px;
  transition:transform var(--ds-t-instante) var(--ds-reaccion)
}
.pil>div:hover{
  transform:scale(var(--ds-hover-escala));
  position:relative;
  z-index:1;
  box-shadow:0 0 0 1px var(--ds-borde)
}
.pil .marca{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  background:var(--ds-acento);
  color:var(--ds-sobre-acento);
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  font-size:.78rem;
  border-radius:var(--ds-radio);
  margin-bottom:1.4rem
}
.pil h3{
  margin:0 0 .6rem
}
.pil p{
  margin:0;
  font-size:.9rem
}
.pil .pie{
  margin-top:auto;
  padding-top:2.1rem;
  font-weight:var(--ds-peso-ligero);
  font-size:.68rem;
  letter-spacing:var(--ds-tr-meta);
  text-transform:uppercase;
  color:var(--ds-acento-texto,var(--ds-acento))
}
.fic{
  display:grid;
  gap:0;
  border-top:1px solid var(--ds-borde)
}
@media(min-width:1024px){
  .fic{
    grid-template-columns:.46fr .54fr
  }
  .fic--inv .fic__f{
    order:-1;
    border-left:0;
    border-right:1px solid var(--ds-borde)
  }
}
.fic__d{
  padding:clamp(1.6rem,3.4vw,3rem) clamp(1.2rem,2.6vw,2.4rem) clamp(1.6rem,3.4vw,3rem) 0
}
.fic--inv .fic__d{
  padding:clamp(1.6rem,3.4vw,3rem) 0 clamp(1.6rem,3.4vw,3rem) clamp(1.2rem,2.6vw,2.4rem)
}
.fic__f{
  position:relative;
  min-height:300px;
  border-left:1px solid var(--ds-borde)
}
@media(max-width:1023px){
  .fic__f{
    border-left:0;
    min-height:230px
  }
}
.barra{
  display:flex;
  border:1px solid var(--ds-borde);
  flex-wrap:wrap;
  margin-top:1.5rem
}
.barra>div{
  flex:1 1 120px;
  padding:.9rem 1.1rem;
  border-right:1px solid var(--ds-borde)
}
.barra>div:last-child{
  border-right:0
}
.barra b{
  display:block;
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  font-size:1.35rem;
  line-height:1;
  color:var(--ds-texto)
}
.barra span{
  display:block;
  margin-top:.35em;
  font-weight:var(--ds-peso-ligero);
  font-size:.64rem;
  letter-spacing:var(--ds-tr-meta);
  text-transform:uppercase;
  color:var(--ds-texto-2)
}
.lis{
  border-top:1px solid var(--ds-borde);
  margin-top:2.6rem
}
.lis>div{
  padding:1.35rem .9rem;
  margin-inline:-.9rem;
  border-bottom:1px solid var(--ds-borde);
  display:grid;
  gap:.5rem;
  align-items:baseline;
  transition:background-color var(--ds-t-instante) var(--ds-reaccion)
}
.lis>div:hover{
  background:var(--ds-superficie)
}
@media(min-width:800px){
  .lis>div{
    grid-template-columns:auto 1fr auto;
    gap:1.8rem
  }
}
.lis .i{
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  color:var(--ds-acento-texto,var(--ds-acento));
  font-size:.78rem
}
.lis p{
  margin:.35rem 0 0;
  font-size:.88rem
}
.lis .v{
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  color:var(--ds-acento-texto,var(--ds-acento));
  font-size:.88rem;
  white-space:nowrap
}
.of{
  border-top:1px solid var(--ds-borde);
  margin-top:2.4rem
}
.of>div{
  padding:clamp(1.4rem,2.6vw,2.2rem) 0;
  border-bottom:1px solid var(--ds-borde);
  display:grid;
  gap:.6rem
}
@media(min-width:860px){
  .of>div{
    grid-template-columns:1fr 2fr;
    gap:2rem
  }
}
.of h3{
  margin:0
}
.of p{
  margin:0;
  font-size:.92rem
}
.of .pr{
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  font-size:var(--ds-fs-menor);
  color:var(--ds-texto);
  display:block;
  margin-top:.6em
}
.foto{
  position:relative;
  overflow:hidden;
  background:var(--ds-superficie);
  background-size:cover;
  background-position:center
}
.f-patio{
  background-image:var(--f-patio)
}
.f-flota{
  background-image:var(--f-flota)
}
.f-oficina{
  background-image:var(--f-oficina)
}
.f-hero{
  background-image:var(--f-hero)
}
.hueco{
  background:var(--ds-tinta);
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden
}
.hueco:before{
  content:"";
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(135deg,transparent 0 12px,rgba(244,242,237,.05) 12px 24px)
}
.hueco>div{
  position:relative;
  color:var(--ds-papel);
  text-align:center;
  padding:1rem;
  max-width:36ch
}
.hueco i{
  font-style:normal;
  font-weight:var(--ds-peso-ligero);
  font-size:.64rem;
  letter-spacing:var(--ds-tr-meta);
  text-transform:uppercase;
  opacity:.6;
  display:block
}
.hueco b{
  display:block;
  font-weight:var(--ds-peso-titulo);
  text-transform:uppercase;
  font-size:var(--ds-fs-menor);
  letter-spacing:var(--ds-tr-titulo);
  margin:.5em 0 .3em
}
.hueco span{
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  font-size:.68rem;
  opacity:.72
}
.respiro{
  height:min(30vw,340px)
}
.silencio{
  height:var(--ds-sp-2xl)
}
.graf svg{
  width:100%;
  height:auto;
  display:block;
  overflow:visible
}
.graf .trazo{
  stroke:var(--ds-acento);
  stroke-width:2;
  fill:none;
  stroke-linecap:round
}
.graf .reja{
  stroke:var(--ds-borde);
  stroke-width:1
}
.graf .pt{
  fill:var(--ds-acento);
  opacity:0
}
.graf text{
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  fill:var(--ds-texto-2);
  font-size:11px
}
.graf .val{
  fill:var(--ds-texto);
  font-size:15px
}
.form{
  display:grid;
  gap:1.1rem;
  max-width:var(--ds-medida)
}
.form label{
  display:grid;
  gap:.4rem;
  font-weight:var(--ds-peso-ligero);
  font-size:var(--ds-fs-menor);
  letter-spacing:.04em;
  color:var(--ds-texto-2)
}
.form input,.form select,.form textarea{
  font:inherit;
  font-weight:var(--ds-peso-cuerpo);
  color:var(--ds-texto);
  background:var(--ds-fondo);
  border:1px solid var(--ds-borde);
  border-radius:var(--ds-radio);
  padding:.75em .9em
}
.form input:focus,.form select:focus,.form textarea:focus{
  outline:2px solid var(--ds-acento);
  outline-offset:1px
}
.form .check{
  grid-template-columns:auto 1fr;
  align-items:start
}
.hx{
  isolation:isolate
}
.hx.hero--mar .ruta,.hx.hero--mar .cuerpoH,.hx.hero--mar .metas{
  position:relative;
  z-index:1
}
.hero.hx:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  z-index:-1;
  background-image:repeating-linear-gradient(90deg,var(--ds-borde) 0 1px,transparent 1px calc(100%/6))
}
.hx .ruta{
  display:flex;
  gap:.7em;
  align-items:center;
  padding:.7rem clamp(1.2rem,3.4vw,3.2rem);
  border-block:1px solid var(--ds-borde);
  font-family:var(--ds-font-sistema);
  font-weight:var(--ds-peso-sistema);
  font-size:.6rem;
  letter-spacing:.06em;
  text-transform:lowercase;
  color:var(--ds-texto-2)
}
.hx .ruta b{
  color:var(--ds-acento-texto,var(--ds-acento));
  font-weight:var(--ds-peso-sistema)
}
.hx .ruta .fin{
  margin-left:auto;
  text-align:right
}
.dH{
  font-size:clamp(1.85rem,1.05rem + 3.3vw,4.5rem);
  font-weight:var(--ds-peso-display);
  line-height:1.05;
  letter-spacing:var(--ds-tr-display-1);
  text-transform:uppercase;
  margin:0
}
.hx .cuerpoH{
  padding-block:clamp(1.8rem,3.4vw,3rem)
}
.hx--c .cuerpoH{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center
}
.hx--c .dH{
  max-width:20ch
}
.hx--c .bj{
  margin-inline:auto;
  max-width:52ch
}
.hx--c .cta{
  justify-content:center
}
.hx .metas{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-block:1px solid var(--ds-borde);
  padding-inline:clamp(1.2rem,3.4vw,3.2rem)
}
@media(min-width:900px){
  .hx .metas{
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr))
  }
}
.hx .metas>div{
  padding:.9rem 1.3rem .9rem 0
}
.hx .metas>div+div{
  border-left:1px solid var(--ds-borde);
  padding-left:1.3rem
}
@media(max-width:899px){
  .hx .metas>div:nth-child(odd){
    border-left:0;
    padding-left:0
  }
}
.hx .metas b{
  display:block;
  font-family:var(--ds-font-sistema);
  font-weight:var(--ds-peso-sistema);
  font-size:1rem;
  line-height:1.15;
  color:var(--ds-texto)
}
.hx .metas span{
  display:block;
  margin-top:.35em;
  font-weight:var(--ds-peso-ligero);
  font-size:.6rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ds-texto-2)
}
.hx--c .metas{
  text-align:center
}
.hx--c .metas>div{
  padding-right:0
}
.hx .vent{
  position:relative;
  overflow:hidden;
  border-radius:var(--ds-radio);
  height:30svh;
  margin:0 clamp(1.2rem,3.4vw,3.2rem) clamp(1.4rem,2.6vw,2.2rem)
}
.hx .vent .foto{
  position:absolute;
  inset:0;
  margin:0
}
.hx .vent .foto img,.hx .vent>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover
}
.hx .vent:before{
  content:"";
  position:absolute;
  top:8px;
  left:8px;
  width:12px;
  height:12px;
  z-index:2;
  pointer-events:none;
  border-top:2px solid var(--ds-acento-texto);
  border-left:2px solid var(--ds-acento-texto)
}
.hx .foto:after{
  font-family:var(--ds-font-sistema)
}
.hx--f .cuerpoH{
  display:grid;
  gap:clamp(1.6rem,3vw,2.6rem);
  align-items:start;
  padding-inline:clamp(1.2rem,3.4vw,3.2rem)
}
@media(min-width:980px){
  .hx--f .cuerpoH{
    grid-template-columns:1.15fr .85fr
  }
}
.form--h{
  gap:.85rem;
  background:var(--ds-fondo-2);
  border:1px solid var(--ds-borde);
  border-radius:var(--ds-radio);
  padding:clamp(1.2rem,2.4vw,1.8rem);
  max-width:none
}
.form--h .ft{
  margin:0 0 .15rem;
  font-weight:var(--ds-peso-display);
  font-size:.95rem;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ds-texto)
}
.form--h input{
  background:var(--ds-fondo)
}
.form--h input:focus{
  outline:2px solid var(--ds-papel);
  outline-offset:1px
}
.form--h .btn{
  justify-content:center;
  margin-top:.2rem
}
.form--h small{
  font-size:.72rem;
  color:var(--ds-texto-2);
  font-weight:var(--ds-peso-ligero)
}
html.ds-anim .ds-lin{
  display:block;
  transform:translateY(105%) rotate(4deg);
  transition:transform var(--ds-t-momento) var(--ds-entrada);
  transition-delay:calc(var(--i,0)*var(--ds-stagger-lineas) + .12s)
}
html.ds-anim .ds-go .ds-lin,html.ds-anim .ds-go.ds-lin{
  transform:none
}
html.ds-anim :is(.hx,.hero--mar) .bj[data-revelar]{
  transition-delay:.24s
}
html.ds-anim :is(.hx,.hero--mar) .cta[data-revelar],html.ds-anim .hx .form--h[data-revelar]{
  transition-delay:.33s
}
html.ds-anim .hx .vent[data-revelar]{
  transition-delay:.4s
}
html.ds-anim :is(.pil,.barra,.bento,.of,.lis,.gal,.metas,.metrica)[data-revelar]{
  transform:none
}
html.ds-anim :is(.pil,.barra,.bento,.of,.lis,.gal,.metas,.metrica)[data-revelar]>*{
  opacity:0;
  transform:translateY(26px);
  transition:opacity var(--ds-t-entrada) var(--ds-entrada),transform var(--ds-t-entrada) var(--ds-entrada)
}
html.ds-anim .ds-go :is(.pil,.barra,.bento,.of,.lis,.gal,.metas,.metrica)[data-revelar]>*{
  opacity:1;
  transform:none
}
html.ds-anim :is(.pil,.barra,.bento,.of,.lis,.gal,.metas,.metrica)[data-revelar]>*:nth-child(2 of :not(template)){
  transition-delay:90ms
}
html.ds-anim :is(.pil,.barra,.bento,.of,.lis,.gal,.metas,.metrica)[data-revelar]>*:nth-child(3 of :not(template)){
  transition-delay:.18s
}
html.ds-anim :is(.pil,.barra,.bento,.of,.lis,.gal,.metas,.metrica)[data-revelar]>*:nth-child(4 of :not(template)){
  transition-delay:.27s
}
html.ds-anim :is(.pil,.barra,.bento,.of,.lis,.gal,.metas,.metrica)[data-revelar]>*:nth-child(5 of :not(template)){
  transition-delay:.36s
}
html.ds-anim :is(.pil,.barra,.bento,.of,.lis,.gal,.metas,.metrica)[data-revelar]>*:nth-child(6 of :not(template)){
  transition-delay:.45s
}
html.ds-anim :is(.pil,.barra,.bento,.of,.lis,.gal,.metas,.metrica)[data-revelar]>*:nth-child(7 of :not(template)){
  transition-delay:.54s
}
html.ds-anim :is(.pil,.barra,.bento,.of,.lis,.gal,.metas,.metrica)[data-revelar]>*:nth-child(8 of :not(template)){
  transition-delay:.63s
}
html.ds-anim .hx .metas[data-revelar]>*:nth-child(1){
  transition-delay:.42s
}
html.ds-anim .hx .metas[data-revelar]>*:nth-child(2){
  transition-delay:.51s
}
html.ds-anim .hx .metas[data-revelar]>*:nth-child(3){
  transition-delay:.6s
}
html.ds-anim .hx .metas[data-revelar]>*:nth-child(4){
  transition-delay:.69s
}
.no-tr *,.no-tr *:before,.no-tr *:after{
  transition:none!important
}
@media(prefers-reduced-motion:reduce){
  html.ds-anim .ds-lin{
    transform:none!important;
    transition:none!important
  }
  html.ds-anim :is(.pil,.barra,.bento,.of,.lis,.gal,.metas,.metrica)[data-revelar]>*{
    opacity:1!important;
    transform:none!important
  }
}
.pie{
  position:relative;
  overflow:hidden;
  border-top:1px solid var(--ds-borde);
  padding-block:clamp(2.6rem,6vw,5rem) 1.6rem
}
.pie .wm{
  position:absolute;
  right:-4%;
  bottom:-38%;
  width:min(46vw,520px);
  height:auto;
  color:var(--ds-texto);
  opacity:var(--ds-iso-marca-agua);
  pointer-events:none
}
.pie__g{
  position:relative;
  display:grid;
  gap:1.8rem
}
@media(min-width:760px){
  .pie__g{
    grid-template-columns:repeat(4,1fr)
  }
}
.pie h4{
  font-weight:var(--ds-peso-ligero);
  font-size:var(--ds-fs-meta);
  letter-spacing:var(--ds-tr-meta);
  text-transform:uppercase;
  color:var(--ds-texto-2);
  margin:0 0 .9em
}
.pie ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.5em;
  font-size:.86rem;
  font-weight:var(--ds-peso-ligero)
}
.pie a{
  color:inherit;
  text-decoration:none;
  opacity:.85
}
.pie a:hover{
  opacity:1
}
.pie__f{
  position:relative;
  margin-top:2.4rem;
  padding-top:1.2rem;
  border-top:1px solid var(--ds-borde);
  display:flex;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  font-weight:var(--ds-peso-ligero);
  font-size:.7rem;
  letter-spacing:var(--ds-tr-meta);
  text-transform:uppercase;
  color:var(--ds-texto-2)
}
@media(pointer:fine){
  .cur-on,.cur-on a,.cur-on button,.cur-on [data-cur]{
    cursor:none
  }
  #curPt,.curBr{
    position:fixed;
    top:0;
    left:0;
    pointer-events:none;
    z-index:9999;
    transform:translate3d(-200px,-200px,0);
    will-change:transform
  }
  #curPt{
    width:var(--ds-cursor-punto);
    height:var(--ds-cursor-punto);
    border-radius:50%;
    background:var(--ds-cur-color,#F64B17);
    margin:calc(var(--ds-cursor-punto) / -2) 0 0 calc(var(--ds-cursor-punto) / -2)
  }
  .curBr{
    width:9px;
    border-style:solid;
    border-color:var(--ds-cur-color,#F64B17);
    border-width:1px 0
  }
  .curBr--iz{
    border-left-width:1px
  }
  .curBr--de{
    border-right-width:1px
  }
}
@media(pointer:coarse){
  #curPt,.curBr{
    display:none
  }
}
@media(prefers-reduced-motion:reduce){
  #curPt,.curBr{
    display:none
  }
  .cur-on,.cur-on *{
    cursor:auto
  }
}
.fic__f>.foto,.fic__f>.hueco,.respiro>.foto,.respiro>.hueco,.bc--foto>.foto,.bc--foto>.hueco,.hero__f>.foto,.hero__f>.hueco{
  position:absolute;
  inset:0
}
.respiro{
  position:relative;
  overflow:hidden
}
.foto>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover
}
.chip{
  position:absolute;
  left:10px;
  bottom:10px;
  z-index:3;
  font-weight:var(--ds-peso-ligero);
  font-size:.62rem;
  letter-spacing:var(--ds-tr-meta);
  text-transform:uppercase;
  background:#08131fd1;
  color:var(--ds-papel);
  padding:.45em .8em;
  border-radius:var(--ds-radio)
}
.bento{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:2.4rem
}
@media(min-width:900px){
  .bento{
    grid-template-columns:repeat(6,minmax(0,1fr))
  }
}
.bc{
  border-radius:var(--ds-radio);
  padding:clamp(1.2rem,2.2vw,2rem);
  display:flex;
  flex-direction:column;
  min-height:176px;
  position:relative;
  overflow:hidden;
  transition:transform var(--ds-t-instante) var(--ds-reaccion)
}
.bc:hover{
  transform:scale(var(--ds-hover-escala))
}
.bc--claro{
  background:linear-gradient(160deg,#fffdf8,#edeae2);
  color:#08131f;
  --ds-texto:#08131F;
  --ds-texto-2:#4A5560;
  --ds-acento:#962806;
  --ds-sobre-acento:#F4F2ED;
  --ds-borde:#DAD6CD
}
.bc--tinta{
  background:linear-gradient(160deg,#122434,#08131f 62%);
  color:#f4f2ed;
  --ds-texto:#F4F2ED;
  --ds-texto-2:#A8B2BC;
  --ds-acento:#F64B17;
  --ds-sobre-acento:#08131F;
  --ds-borde:#17293A
}
.bc--ox{
  background:var(--ds-grad-ox);
  color:#f4f2ed;
  --ds-texto:#F4F2ED;
  --ds-texto-2:#F0DED7;
  --ds-acento:#F4F2ED;
  --ds-sobre-acento:#962806;
  --ds-borde:rgba(244,242,237,.28)
}
.bc--foto{
  padding:0;
  min-height:216px
}
.bc--foto .cap{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  padding:1.1rem;
  color:#f4f2ed;
  background:linear-gradient(to top,rgba(8,19,31,.9),transparent)
}
.bc--foto .cap .eti{
  color:#f4f2ed;
  opacity:.8
}
.bc b.big{
  display:block;
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  line-height:.95;
  font-size:clamp(2rem,1.3rem+2.4vw,3.6rem);
  color:var(--ds-texto)
}
.bc .pieC{
  margin-top:auto;
  padding-top:1rem;
  font-weight:var(--ds-peso-ligero);
  font-size:.66rem;
  letter-spacing:var(--ds-tr-meta);
  text-transform:uppercase;
  color:var(--ds-texto-2)
}
.g2{
  grid-column:span 2
}
.g3{
  grid-column:span 3
}
.g4{
  grid-column:span 4
}
.g6{
  grid-column:span 6
}
@media(max-width:899px){
  .g2,.g3,.g4,.g6{
    grid-column:span 2
  }
}
.gal{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:2rem
}
@media(min-width:900px){
  .gal{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}
.gal .foto{
  aspect-ratio:4/3;
  border-radius:var(--ds-radio)
}
.split{
  display:grid;
  gap:2rem;
  margin-top:2rem
}
@media(min-width:1024px){
  .split{
    grid-template-columns:1.1fr .9fr;
    align-items:start
  }
  .split>aside{
    position:sticky;
    top:5.4rem
  }
}
.split .foto{
  aspect-ratio:4/5;
  border-radius:var(--ds-radio)
}
.pil--4{
  grid-template-columns:repeat(2,1fr)
}
@media(min-width:1024px){
  .pil--4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}
.pil--4>div{
  min-height:210px
}
.blq,.blq-s{
  isolation:isolate
}
.blq:before,.blq-s:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  z-index:-1;
  background-image:repeating-linear-gradient(90deg,var(--ds-borde) 0 1px,transparent 1px calc(100%/6))
}
.hero:before{
  content:none
}
.col{
  counter-reset:sec fot
}
.sch{
  counter-increment:sec;
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:1rem
}
.scx{
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  font-size:.64rem;
  letter-spacing:.12em;
  color:var(--ds-texto-2);
  white-space:nowrap
}
.scx:after{
  content:"SEC " counter(sec,decimal-leading-zero)
}
.pil>div:before,.fic__f:before,.gal .foto:before,.split .foto:before,.bc:before{
  content:"";
  position:absolute;
  top:8px;
  left:8px;
  width:11px;
  height:11px;
  z-index:2;
  pointer-events:none;
  border-top:2px solid var(--ds-acento-texto);
  border-left:2px solid var(--ds-acento-texto)
}
.pil>div,.fic__f{
  position:relative
}
.pil>div:after,.fic__f:after,.gal .foto:after,.split .foto:after{
  content:"";
  position:absolute;
  bottom:8px;
  right:8px;
  width:11px;
  height:11px;
  z-index:2;
  pointer-events:none;
  border-bottom:1px solid var(--ds-borde);
  border-right:1px solid var(--ds-borde)
}
.foto{
  counter-increment:fot
}
.foto:after{
  content:"F·" counter(fot,decimal-leading-zero);
  position:absolute;
  top:8px;
  right:8px;
  z-index:2;
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  font-size:.58rem;
  letter-spacing:.1em;
  color:var(--ds-papel);
  background:#08131fb8;
  padding:.3em .55em;
  border-radius:var(--ds-radio);
  pointer-events:none
}
.hero__f .foto:after,.hero__f .foto:before{
  content:none
}
.barra>div:before{
  content:"";
  display:block;
  width:14px;
  height:2px;
  background:var(--ds-acento-texto);
  margin-bottom:.55rem;
  border-radius:var(--ds-radio)
}
.h1-retr .ds-lin,.h1-retr .ds-linea{
  transition:none!important
}
.form__msg{
  font-family:var(--ds-font-sistema);
  font-weight:var(--ds-peso-sistema);
  font-size:.72rem;
  margin:.4rem 0 0;
  padding:.8em 1em;
  border-radius:var(--ds-radio)
}
.form__msg--ok{
  background:var(--ds-fondo-2);
  color:var(--ds-texto);
  box-shadow:inset 0 0 0 1px var(--ds-borde)
}
.form__msg--err{
  background:var(--ds-acento);
  color:var(--ds-sobre-acento)
}
.hp{
  position:absolute;
  left:-9999px;
  opacity:0;
  pointer-events:none
}
.tx a:not(.btn),.lis a:not(.btn),.pil a:not(.btn),.of a:not(.btn),.bc a:not(.btn),.cuerpoH a:not(.btn),.aviso a:not(.btn){
  color:var(--ds-acento-texto,var(--ds-acento));
  text-decoration:underline;
  text-underline-offset:.18em;
  text-decoration-thickness:1px
}
.tx a:not(.btn):hover,.lis a:not(.btn):hover,.pil a:not(.btn):hover,.of a:not(.btn):hover{
  text-decoration-thickness:2px
}
.form a,.form--h a,.form--h small a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:.22em;
  text-decoration-thickness:1px
}
.form a:hover,.form--h a:hover{
  color:var(--ds-acento-texto,var(--ds-acento))
}
.col>.nav{
  position:sticky;
  top:0;
  z-index:40;
  background:transparent;
  color:var(--ds-papel);
  transition:background-color var(--ds-t-reaccion) var(--ds-reaccion),box-shadow var(--ds-t-reaccion) var(--ds-reaccion)
}
.col>.nav a:not(.btn){
  color:var(--ds-papel)
}
.col>.nav.nav--fija{
  background:#08131fc7;
  -webkit-backdrop-filter:blur(16px) saturate(150%);
  backdrop-filter:blur(16px) saturate(150%);
  box-shadow:0 1px #f4f2ed1a
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .col>.nav.nav--fija{
    background:var(--ds-tinta)
  }
}
.col>.nav+*{
  margin-top:calc(var(--nav-h, 68px) * -1)
}
.col>.nav+*>.nav,.col>.nav+.hero{
  padding-top:var(--nav-h, 68px)
}
.col>.nav+div>section:first-child,.col>.nav+section{
  padding-top:var(--nav-h, 68px)
}
@media(pointer:coarse),(max-width:760px){
  .nav a:not(.btn),.pie a{
    display:inline-block;
    padding-block:.75rem;
    margin-block:-.75rem;
    padding-inline:.6rem;
    margin-inline:-.6rem
  }
  .pie li{
    margin-block:.35rem
  }
  .btn{
    padding-block:1.05em;
    min-height:44px
  }
  .form input,.form select,.form textarea,.form--h input{
    min-height:44px
  }
  .form .check input[type=checkbox]{
    width:24px;
    height:24px;
    flex:none;
    margin-top:0!important
  }
  .form .check{
    align-items:center!important;
    gap:.7rem;
    min-height:44px
  }
}
@media(max-width:760px){
  .nav{
    flex-wrap:wrap;
    gap:0;
    padding-block:.35rem
  }
  .nav__logo{
    order:0
  }
  .nav .der{
    order:1;
    margin-left:auto
  }
  .nav ul{
    order:2;
    width:100%;
    flex-wrap:nowrap;
    justify-content:space-between;
    gap:.3rem;
    margin-top:.15rem
  }
  .nav a:not(.btn){
    font-size:.86rem;
    white-space:nowrap
  }
}
.pil--4{
  grid-template-columns:repeat(2,minmax(0,1fr))
}
@media(max-width:699px){
  .pil--4{
    grid-template-columns:minmax(0,1fr)
  }
}
@media(max-width:760px){
  .pil p,.lis p,.of p,.ruta8__p p,.quienNo p,.bc p,.fic__d p,.probTx p,.rlC__cont p,.tx p,.tx li{
    font-size:1rem!important;
    line-height:1.55
  }
  .pie ul{
    font-size:1rem
  }
  .form--h small{
    font-size:.85rem
  }
  .form--h .ft,.alerta{
    font-size:1rem
  }
}
@media(max-width:760px){
  .respiro{
    height:min(52vw,240px)
  }
  .silencio{
    height:var(--ds-sp-xl)
  }
}
@media(max-width:560px){
  .barra{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    background:var(--ds-borde)
  }
  .barra>div{
    border-right:0;
    background:var(--ds-fondo)
  }
  .barra>div:last-child:nth-child(odd){
    grid-column:1/-1
  }
}
.ruta8{
  margin-top:2.4rem
}
@media(min-width:900px){
  .ruta8{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:clamp(2rem,4vw,4rem);
    align-items:start
  }
  .ruta8__lista{
    order:1
  }
  .ruta8__viz{
    order:2;
    position:sticky;
    top:8.5rem
  }
}
.ruta8__viz{
  display:none
}
@media(min-width:900px){
  .ruta8__viz{
    display:block
  }
}
.ruta8__marco{
  position:relative;
  display:grid;
  place-items:center;
  aspect-ratio:1;
  width:100%;
  max-width:min(460px,calc(100vh - 16rem));
  margin-inline:auto;
  background:var(--ds-papel-2);
  border:1px solid var(--ds-borde)
}
.s--tinta .ruta8__marco,.s--ox .ruta8__marco{
  background:transparent
}
.ruta8__marco:before,.ruta8__marco:after{
  content:"";
  position:absolute;
  width:22px;
  height:22px;
  border:1px solid currentColor;
  opacity:.38
}
.ruta8__marco:before{
  top:-1px;
  left:-1px;
  border-right:0;
  border-bottom:0
}
.ruta8__marco:after{
  right:-1px;
  bottom:-1px;
  border-left:0;
  border-top:0
}
.ruta8__marco svg{
  grid-area:1/1;
  width:82%;
  height:82%;
  opacity:0;
  transform:translateY(10px);
  transition:opacity var(--ds-t-reaccion) var(--ds-reaccion),transform var(--ds-t-reaccion) var(--ds-reaccion)
}
.ruta8__marco svg.on{
  opacity:1;
  transform:none
}
.ruta8__cota{
  margin:1.1rem 0 0;
  text-align:center;
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  font-size:.72rem;
  letter-spacing:var(--ds-tr-meta);
  text-transform:uppercase;
  color:var(--ds-texto-2)
}
.ruta8__cota b{
  color:var(--ds-acento-texto,var(--ds-acento));
  font-weight:var(--ds-peso-sistema)
}
.ruta8__lista{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--ds-borde);
  border:1px solid var(--ds-borde)
}
.ruta8__p{
  background:var(--ds-fondo);
  padding:clamp(1.4rem,2.6vw,2rem);
  position:relative;
  transition:box-shadow var(--ds-t-reaccion) var(--ds-reaccion)
}
.ruta8__p.es{
  box-shadow:inset 3px 0 0 var(--ds-acento)
}
.ruta8 .marca{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  background:var(--ds-acento);
  color:var(--ds-sobre-acento);
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  font-size:.78rem;
  border-radius:var(--ds-radio);
  margin-bottom:1.2rem
}
.ruta8__p h3{
  margin:0 0 .6rem;
  font-size:1.05rem
}
.ruta8__p p{
  margin:0;
  font-size:.88rem
}
.ruta8__mini{
  display:grid;
  place-items:center;
  height:clamp(150px,44vw,196px);
  margin:0 0 1.3rem;
  padding:.9rem;
  background:var(--ds-papel-2);
  border:1px solid var(--ds-borde)
}
.s--tinta .ruta8__mini,.s--ox .ruta8__mini{
  background:transparent
}
.ruta8__mini svg{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0
}
@media(min-width:900px){
  .ruta8__mini{
    display:none
  }
}
.ruta8 svg{
  display:block;
  color:var(--ds-texto);
  overflow:visible
}
.ruta8 .r8-l{
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  opacity:.42;
  stroke-linecap:square
}
.ruta8 .r8-a{
  fill:none;
  stroke:var(--ds-acento);
  stroke-width:2.4;
  stroke-linecap:square
}
.ruta8 .r8-f{
  fill:currentColor;
  opacity:.055;
  stroke:none
}
.ruta8 .r8-p{
  fill:var(--ds-acento);
  stroke:none
}
.ruta8 .r8-s{
  fill:var(--ds-diag-fondo);
  stroke:none
}
.ruta8__marco,.ruta8__mini{
  --ds-diag-fondo:var(--ds-papel-2)
}
.s--tinta .ruta8__marco,.s--tinta .ruta8__mini{
  --ds-diag-fondo:var(--ds-tinta)
}
.s--ox .ruta8__marco,.s--ox .ruta8__mini{
  --ds-diag-fondo:var(--ds-acento)
}
@media(prefers-reduced-motion:reduce){
  .ruta8__marco svg{
    transition:none;
    transform:none
  }
  .ruta8__p{
    transition:none
  }
}
@media(min-width:900px){
  .ruta8__lista{
    margin-bottom:220px
  }
}
.pil--foto>div{
  padding-top:0
}
.pil--foto .pf{
  display:block;
  aspect-ratio:3/2;
  margin:0 0 1.3rem;
  overflow:hidden;
  background:var(--ds-superficie)
}
.pil--foto .pf img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}
.mos{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1px;
  background:var(--ds-borde);
  border:1px solid var(--ds-borde);
  margin-top:2rem
}
@media(min-width:900px){
  .mos{
    grid-template-columns:repeat(4,1fr)
  }
  .mos>figure:first-child{
    grid-column:span 2;
    grid-row:span 2
  }
}
.mos figure{
  margin:0;
  position:relative;
  aspect-ratio:1;
  overflow:hidden;
  background:var(--ds-superficie)
}
.mos img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}
.mos figcaption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:.7rem .9rem;
  background:linear-gradient(to top,#08131fe0,#08131f00);
  color:var(--ds-papel);
  font-weight:var(--ds-peso-ligero);
  font-size:.66rem;
  letter-spacing:var(--ds-tr-meta);
  text-transform:uppercase
}
.tri{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--ds-borde);
  border:1px solid var(--ds-borde);
  margin-top:2rem
}
.tri figure{
  margin:0;
  aspect-ratio:1;
  overflow:hidden;
  background:var(--ds-superficie)
}
.tri img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}
.sp2{
  display:grid;
  gap:clamp(1.6rem,3vw,3rem);
  align-items:center;
  margin-top:1.6rem
}
@media(min-width:900px){
  .sp2{
    grid-template-columns:1.05fr .95fr
  }
}
.sp2__f{
  aspect-ratio:4/5;
  overflow:hidden;
  background:var(--ds-superficie)
}
.sp2__f img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}
.demoav{
  position:fixed;
  left:50%;
  transform:translate(-50%);
  bottom:14px;
  z-index:60;
  background:var(--ds-acento);
  color:#fff;
  padding:.5em 1.1em;
  border-radius:var(--ds-radio);
  font-family:var(--ds-font-sistema);
  font-size:.7rem;
  letter-spacing:.04em;
  box-shadow:0 6px 24px #08131f59
}
.hovim{
  position:fixed;
  top:0;
  left:0;
  z-index:45;
  pointer-events:none;
  width:clamp(300px,30vw,480px);
  aspect-ratio:4/3;
  overflow:hidden;
  opacity:0;
  will-change:transform,opacity;
  box-shadow:0 24px 60px #08131f61;
  transition:opacity var(--ds-t-reaccion) var(--ds-reaccion)
}
.hovim.on{
  opacity:1
}
.hovim img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.08);
  transition:transform var(--ds-t-entrada) var(--ds-entrada)
}
.hovim.on img{
  transform:none
}
body.hov-on .curBr{
  opacity:0;
  transition:opacity var(--ds-t-reaccion) var(--ds-reaccion)
}
[data-hovlista].mandando>[data-hov]:after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--ds-fondo);
  opacity:.55;
  pointer-events:none;
  transition:opacity var(--ds-t-reaccion) var(--ds-reaccion)
}
[data-hovlista].mandando>[data-hov].es:after{
  opacity:0
}
[data-hovlista]>[data-hov]{
  position:relative
}
@media(prefers-reduced-motion:reduce){
  .hovim{
    display:none
  }
}
.nav__logo{
  display:inline-flex;
  align-items:center;
  color:inherit;
  line-height:0;
  flex:none;
  border-radius:var(--ds-radio);
  transition:opacity var(--ds-t-reaccion) var(--ds-reaccion)
}
.nav__logo:hover{
  opacity:.62
}
.nav__logo:focus-visible{
  outline:2px solid var(--ds-papel);
  outline-offset:3px
}
.nav__logo svg{
  width:26px;
  height:26px;
  display:block
}
::selection{
  background:#962806eb;
  color:#fff;
  text-shadow:none
}
::-moz-selection{
  background:#962806eb;
  color:#fff;
  text-shadow:none
}
.s--tinta ::selection,.hero ::selection{
  background:#9a2d0af2;
  color:#fff
}
.s--tinta ::-moz-selection,.hero ::-moz-selection{
  background:#9a2d0af2;
  color:#fff
}
.s--ox ::selection{
  background:#f4f2edeb;
  color:var(--ds-tinta)
}
.s--ox ::-moz-selection{
  background:#f4f2edeb;
  color:var(--ds-tinta)
}
.isoBl{
  display:grid;
  gap:clamp(1.4rem,3vw,3rem);
  align-items:stretch
}
@media(min-width:820px){
  .isoBl{
    grid-template-columns:1.15fr 1fr
  }
}
.isoBl>div:first-child>h2{
  margin-top:0!important
}
.isoBl__f{
  display:flex;
  justify-content:center;
  align-self:center
}
.iso--pieza{
  width:clamp(144px,21.6vw,240px);
  height:auto;
  display:block;
  margin-inline:auto;
  color:var(--ds-acento-texto,var(--ds-acento));
  opacity:.9
}
.redes{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin-top:1.4rem;
  padding:0;
  list-style:none
}
.redes a{
  display:inline-flex;
  align-items:center;
  gap:.5em;
  min-height:44px;
  padding:.7em 1.1em;
  border:1px solid var(--ds-borde);
  border-radius:var(--ds-radio);
  color:var(--ds-texto);
  text-decoration:none;
  font-family:var(--ds-font-sistema);
  font-weight:var(--ds-peso-sistema);
  font-size:.72rem;
  letter-spacing:.02em;
  transition:background-color var(--ds-t-reaccion) var(--ds-reaccion),border-color var(--ds-t-reaccion) var(--ds-reaccion)
}
.redes a:hover{
  background:var(--ds-acento);
  border-color:var(--ds-acento);
  color:var(--ds-sobre-acento)
}
.redes a:hover svg{
  color:var(--ds-sobre-acento)
}
.redes a:focus-visible{
  outline:2px solid var(--ds-acento);
  outline-offset:3px
}
.redes svg{
  width:16px;
  height:16px;
  flex:none;
  color:var(--ds-acento-texto,var(--ds-acento))
}
@media(pointer:coarse),(max-width:760px){
  .redes a{
    padding:.85em 1.2em
  }
}
.foto--velo{
  position:relative
}
.foto--velo:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,#08131f00 38%,#08131f47 68%,#08131f73)
}
.foto--velo>*{
  position:relative;
  z-index:1
}
.hovim:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,#08131f00 55%,#08131f59)
}
.s--marfondo{
  position:relative;
  overflow:hidden
}
.s--marfondo>:not(.mar){
  position:relative;
  z-index:1
}
.mitades__cap{
  position:absolute;
  left:1.1rem;
  bottom:1.1rem;
  z-index:2;
  margin:0;
  background:#08131fbd;
  color:var(--ds-papel);
  padding:.65em 1em;
  border-radius:var(--ds-radio);
  max-width:32ch
}
.tr{
  position:fixed;
  inset:0;
  z-index:80;
  background:var(--ds-tinta);
  display:grid;
  place-items:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity var(--ds-t-entrada) var(--ds-entrada),visibility 0s var(--ds-t-entrada)
}
html.tr-out .tr{
  opacity:1;
  visibility:visible;
  pointer-events:all;
  transition:opacity var(--ds-t-reaccion) var(--ds-reaccion),visibility 0s
}
html.tr-in .tr{
  opacity:1;
  visibility:visible;
  pointer-events:all;
  transition:none
}
html.tr-in body>.lienzo{
  opacity:0
}
html:not(.tr-in) body>.lienzo{
  opacity:1;
  transition:opacity var(--ds-t-entrada) var(--ds-entrada)
}
.tr__foca{
  width:72px;
  height:72px;
  background:var(--ds-papel);
  position:relative;
  z-index:2;
  -webkit-mask:url(/favicon.svg) center/contain no-repeat;
  mask:url(/favicon.svg) center/contain no-repeat
}
.tr__ola{
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  border:1px solid rgba(244,242,237,.35);
  opacity:0
}
html.tr-out .tr__ola,html.tr-in .tr__ola{
  animation:trOla .96s var(--ds-entrada) infinite
}
.tr__ola:nth-of-type(2){
  animation-delay:176ms!important
}
.tr__ola:nth-of-type(3){
  animation-delay:352ms!important
}
@keyframes trOla{
  0%{
    transform:scale(.55);
    opacity:0
  }
  30%{
    opacity:.55
  }
  to{
    transform:scale(2.1);
    opacity:0
  }
}
@media(prefers-reduced-motion:reduce){
  .tr{
    display:none
  }
  html.tr-in body>.lienzo{
    opacity:1
  }
}
.probTx{
  margin-top:1.6rem;
  max-width:none
}
.probTx__lead{
  font-size:var(--ds-fs-bajada);
  font-weight:var(--ds-peso-ligero);
  line-height:1.45;
  max-width:30ch;
  margin-bottom:1.4rem
}
.probTx__lead em{
  font-style:normal;
  font-weight:var(--ds-peso-titulo)
}
.probTx>p:not(.probTx__lead):not(.probTx__cierre){
  max-width:58ch;
  color:var(--ds-texto-2)
}
.probTx__cierre{
  font-weight:var(--ds-peso-titulo);
  text-transform:uppercase;
  letter-spacing:-.01em;
  font-size:var(--ds-fs-titulo);
  margin:1.6rem 0 0
}
.probTx__cierre .ac{
  font-style:normal
}
@media(min-width:1024px){
  .probTx{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 4rem;
    align-items:start
  }
  .probTx__lead{
    grid-row:1/3
  }
  .probTx__cierre{
    grid-column:2
  }
}
.quienNo{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:1.4rem;
  align-items:start;
  background:var(--ds-tinta);
  color:var(--ds-papel);
  border:1px solid var(--ds-tinta);
  padding:clamp(1.4rem,2.6vw,2.3rem);
  margin-top:1px
}
.quienNo .marca{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  background:none;
  color:var(--ds-papel);
  box-shadow:inset 0 0 0 1px #f4f2ed66;
  font-family:var(--ds-font-dato);
  font-weight:var(--ds-peso-sistema);
  font-size:.78rem;
  border-radius:var(--ds-radio)
}
.quienNo .tt{
  margin:0 0 .6rem
}
.quienNo p{
  margin:0;
  font-size:.9rem;
  color:#c6ccd2;
  max-width:70ch
}
.quienNo__pie{
  margin-top:.7rem!important;
  font-size:.78rem!important;
  color:#a0a8b0!important
}
@media(max-width:899px){
  .quienNo{
    grid-template-columns:1fr;
    gap:.9rem
  }
}
.contSp{
  padding:0
}
.contSp__izq{
  padding-block:clamp(2.6rem,6vw,5.5rem)
}
@media(min-width:1024px){
  .contSp{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%
  }
  .contSp__izq{
    padding-left:clamp(1.2rem,3.4vw,3.2rem);
    padding-right:clamp(2.2rem,4vw,4.5rem)
  }
  .contSp__izq .form,.contSp__izq .sch{
    max-width:34rem;
    margin-left:auto
  }
  .contSp__der{
    position:relative
  }
  .contSp__foto{
    position:sticky;
    top:0;
    height:100vh;
    height:100svh;
    overflow:hidden
  }
  .contSp__foto img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
  }
}
@media(max-width:1023px){
  .contSp__izq{
    padding-inline:clamp(1.2rem,3.4vw,3.2rem)
  }
  .contSp__foto{
    position:relative;
    aspect-ratio:4/3;
    overflow:hidden
  }
  .contSp__foto img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover
  }
}
.rlC[data-astro-cid-wrzvmyuk]{
  height:calc(100vh + (var(--rln) - 1) * 70vh);
  position:relative;
  padding:0
}
.rlC__pin[data-astro-cid-wrzvmyuk]{
  position:sticky;
  top:0;
  height:100vh;
  height:100svh;
  overflow:clip;
  display:flex;
  flex-direction:column;
  padding-top:76px
}
.rlC__lin[data-astro-cid-wrzvmyuk]{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  margin-top:.4em
}
.rlC__n[data-astro-cid-wrzvmyuk]{
  font-family:var(--ds-font-dato);
  font-size:.72rem;
  letter-spacing:.12em;
  color:var(--ds-texto-2);
  font-variant-numeric:tabular-nums;
  white-space:nowrap
}
.rlC__n[data-astro-cid-wrzvmyuk] b[data-astro-cid-wrzvmyuk]{
  font-weight:400;
  color:var(--ds-acento)
}
.rlC__barra[data-astro-cid-wrzvmyuk]{
  height:2px;
  background:var(--ds-borde);
  margin-top:1.1rem
}
.rlC__barra[data-astro-cid-wrzvmyuk] i[data-astro-cid-wrzvmyuk]{
  display:block;
  height:100%;
  background:var(--ds-acento);
  width:100%;
  transform-origin:left;
  transform:scaleX(0)
}
.rlC__marco[data-astro-cid-wrzvmyuk]{
  flex:1;
  display:flex;
  align-items:center;
  overflow:clip
}
.rlC__pista[data-astro-cid-wrzvmyuk]{
  display:flex;
  gap:3vw;
  padding:0 var(--ds-margen);
  will-change:transform
}
.rlC__carta[data-astro-cid-wrzvmyuk]{
  flex:none;
  width:min(82vw,860px);
  height:min(60vh,500px);
  position:relative;
  border:1px solid var(--ds-borde);
  border-radius:2px;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  background:var(--ds-papel);
  color:var(--ds-texto)
}
.rlC__carta--tinta[data-astro-cid-wrzvmyuk]{
  background:var(--ds-tinta);
  color:var(--ds-papel);
  border-color:var(--ds-tinta-3)
}
.rlC__carta--tinta[data-astro-cid-wrzvmyuk] .eti[data-astro-cid-wrzvmyuk]{
  color:var(--ds-papel)
}
.rlC__carta--ox[data-astro-cid-wrzvmyuk]{
  background:var(--ds-acento);
  color:var(--ds-papel);
  border-color:var(--ds-acento)
}
.rlC__carta--ox[data-astro-cid-wrzvmyuk] .eti[data-astro-cid-wrzvmyuk]{
  color:var(--ds-papel)
}
.rlC__carta--claro[data-astro-cid-wrzvmyuk]{
  background:#fff
}
.rlC__izq[data-astro-cid-wrzvmyuk]{
  display:flex;
  flex-direction:column;
  padding:1.7rem 1.9rem;
  min-width:0;
  position:relative
}
.rlC__fant[data-astro-cid-wrzvmyuk]{
  position:absolute;
  left:1.2rem;
  bottom:.4rem;
  z-index:0;
  line-height:1;
  font-family:var(--ds-font-sistema);
  font-weight:400;
  font-size:7rem;
  pointer-events:none;
  user-select:none
}
.rlC__carta--tinta[data-astro-cid-wrzvmyuk] .rlC__fant[data-astro-cid-wrzvmyuk]{
  color:var(--ds-tinta-2)
}
.rlC__carta--ox[data-astro-cid-wrzvmyuk] .rlC__fant[data-astro-cid-wrzvmyuk]{
  color:#7d2105
}
.rlC__carta--claro[data-astro-cid-wrzvmyuk] .rlC__fant[data-astro-cid-wrzvmyuk]{
  color:var(--ds-papel-2)
}
.rlC__num[data-astro-cid-wrzvmyuk]{
  font-family:var(--ds-font-dato);
  font-size:.72rem;
  letter-spacing:.14em;
  opacity:.85;
  position:relative
}
.rlC__cont[data-astro-cid-wrzvmyuk]{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.8rem;
  position:relative
}
.rlC__cont[data-astro-cid-wrzvmyuk] .d3[data-astro-cid-wrzvmyuk]{
  margin:0
}
.rlC__cont[data-astro-cid-wrzvmyuk] p[data-astro-cid-wrzvmyuk]{
  margin:0;
  font-size:.95rem
}
.rlC__carta--tinta[data-astro-cid-wrzvmyuk] .rlC__cont[data-astro-cid-wrzvmyuk] p[data-astro-cid-wrzvmyuk]{
  color:#c6ccd2
}
.rlC__carta--ox[data-astro-cid-wrzvmyuk] .rlC__cont[data-astro-cid-wrzvmyuk] p[data-astro-cid-wrzvmyuk]{
  color:#f4f2ed
}
.rlC__carta--claro[data-astro-cid-wrzvmyuk] .rlC__cont[data-astro-cid-wrzvmyuk] p[data-astro-cid-wrzvmyuk]{
  color:#4a5560
}
.rlC__pie[data-astro-cid-wrzvmyuk]{
  display:grid;
  grid-template-columns:1fr auto;
  gap:1rem;
  align-items:end;
  border-top:1px solid currentColor;
  padding-top:1rem;
  position:relative
}
.rlC__precio[data-astro-cid-wrzvmyuk] b[data-astro-cid-wrzvmyuk]{
  display:block;
  font-family:var(--ds-font-sistema);
  font-weight:400;
  font-size:1.15rem
}
.rlC__precio[data-astro-cid-wrzvmyuk] i[data-astro-cid-wrzvmyuk]{
  display:block;
  font-style:normal;
  font-family:var(--ds-font-dato);
  font-size:.6rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-top:.4em
}
.rlC__wa[data-astro-cid-wrzvmyuk]{
  font-family:var(--ds-font-sistema);
  font-weight:400;
  font-size:.62rem;
  letter-spacing:.02em;
  min-height:44px;
  padding:.8em 1.2em;
  border-radius:2px;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:var(--ds-acento);
  color:#fff;
  border:1px solid var(--ds-acento);
  transition:background-color 96ms var(--ds-reaccion),border-color 96ms var(--ds-reaccion),color 96ms var(--ds-reaccion)
}
.rlC__wa[data-astro-cid-wrzvmyuk]:hover{
  background:#7d2105;
  border-color:#7d2105
}
.rlC__carta--tinta[data-astro-cid-wrzvmyuk] .rlC__wa[data-astro-cid-wrzvmyuk],.rlC__carta--ox[data-astro-cid-wrzvmyuk] .rlC__wa[data-astro-cid-wrzvmyuk]{
  background:transparent;
  color:var(--ds-papel);
  border-color:var(--ds-papel)
}
.rlC__carta--tinta[data-astro-cid-wrzvmyuk] .rlC__wa[data-astro-cid-wrzvmyuk]:hover{
  background:var(--ds-papel);
  color:var(--ds-tinta)
}
.rlC__carta--ox[data-astro-cid-wrzvmyuk] .rlC__wa[data-astro-cid-wrzvmyuk]:hover{
  background:var(--ds-papel);
  color:var(--ds-acento)
}
.rlC__foto[data-astro-cid-wrzvmyuk]{
  position:relative;
  min-width:0
}
.rlC__foto[data-astro-cid-wrzvmyuk] img[data-astro-cid-wrzvmyuk]{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}
@media(max-width:899px){
  .rlC[data-astro-cid-wrzvmyuk]{
    height:auto
  }
  .rlC__pin[data-astro-cid-wrzvmyuk]{
    position:static;
    height:auto;
    overflow:visible
  }
  .rlC__marco[data-astro-cid-wrzvmyuk]{
    overflow:visible
  }
  .rlC__pista[data-astro-cid-wrzvmyuk]{
    flex-direction:column;
    transform:none!important;
    gap:1rem;
    padding-bottom:3rem;
    width:min(92%,880px);
    margin:1.4rem auto 0
  }
  .rlC__carta[data-astro-cid-wrzvmyuk]{
    width:auto;
    height:auto;
    min-height:0;
    grid-template-columns:1fr
  }
  .rlC__foto[data-astro-cid-wrzvmyuk]{
    aspect-ratio:16/9;
    position:relative;
    order:-1
  }
  .rlC__izq[data-astro-cid-wrzvmyuk]{
    padding:1.3rem 1.4rem
  }
  .rlC__pie[data-astro-cid-wrzvmyuk]{
    grid-template-columns:1fr;
    align-items:start
  }
  .rlC__barra[data-astro-cid-wrzvmyuk]{
    display:none
  }
}
@media(prefers-reduced-motion:reduce){
  .rlC[data-astro-cid-wrzvmyuk]{
    height:auto
  }
  .rlC__pin[data-astro-cid-wrzvmyuk]{
    position:static;
    height:auto;
    overflow:visible
  }
  .rlC__marco[data-astro-cid-wrzvmyuk]{
    overflow:visible
  }
  .rlC__pista[data-astro-cid-wrzvmyuk]{
    flex-direction:column;
    transform:none!important;
    gap:1rem;
    padding-bottom:3rem;
    width:min(92%,880px);
    margin:1.4rem auto 0
  }
  .rlC__carta[data-astro-cid-wrzvmyuk]{
    width:auto;
    height:auto;
    min-height:0
  }
  .rlC__barra[data-astro-cid-wrzvmyuk]{
    display:none
  }
}
/* ═══ Panel (Fase 1, 2026-10-02) ═══
   Lo que el sitio necesita para el panel. Lo de arriba no cambió, salvo dos selectores: el escalonado de los
   revelados (:nth-child(… of :not(template))) y el llamado a la acción en tinta de una entrada sin "Seguir leyendo"
   (en .s--tinta y .g-tinta). */
/* Cuerpo de las entradas del blog: lo que el markdown del blog anterior (md.php) ponía en línea */
.tx[data-blog~="cuerpo"]>h2.d3{
  margin:1.15em 0 .42em
}
.tx[data-blog~="cuerpo"]>h3.tt{
  margin:1.3em 0 .4em
}
.tx[data-blog~="cuerpo"]>h2.d3:first-child,.tx[data-blog~="cuerpo"]>h3.tt:first-child{
  margin:0 0 .42em
}
.tx[data-blog~="cuerpo"]>ul{
  color:var(--ds-texto-2);
  margin:0 0 1em;
  padding-left:1.25em
}
.tx[data-blog~="cuerpo"] a:not(.btn){
  color:var(--ds-acento-texto,var(--ds-acento));
  text-underline-offset:.16em
}
/* Listado del blog: el ancho de cada tarjeta según cuántas hay, para que el renglón cierre (antes lo decidía blog.php:
   una, de lado a lado; dos, mitad y mitad, el g3 de la tarjeta; tres o más, en tercios). En celular, todas a lo ancho. */
@media(min-width:900px){
  body[data-pg="blog"] .bento[data-blog-n="1"]>.bc.g3{
    grid-column:span 6
  }
  body[data-pg="blog"] .bento[data-blog-n]:not([data-blog-n="1"]):not([data-blog-n="2"])>.bc.g3{
    grid-column:span 2
  }
}
/* El riel de cartas de /servicios/ en plano: lo pide su script en celular, con movimiento reducido y dentro del
   editor del panel (ahí las seis cartas se ven y se editan). Las mismas reglas que con movimiento reducido. */
.rlC--plano[data-astro-cid-wrzvmyuk]{
  height:auto
}
.rlC--plano[data-astro-cid-wrzvmyuk] .rlC__pin[data-astro-cid-wrzvmyuk]{
  position:static;
  height:auto;
  overflow:visible
}
.rlC--plano[data-astro-cid-wrzvmyuk] .rlC__marco[data-astro-cid-wrzvmyuk]{
  overflow:visible
}
.rlC--plano[data-astro-cid-wrzvmyuk] .rlC__pista[data-astro-cid-wrzvmyuk]{
  flex-direction:column;
  transform:none!important;
  gap:1rem;
  padding-bottom:3rem;
  width:min(92%,880px);
  margin:1.4rem auto 0
}
.rlC--plano[data-astro-cid-wrzvmyuk] .rlC__carta[data-astro-cid-wrzvmyuk]{
  width:auto;
  height:auto;
  min-height:0
}
.rlC--plano[data-astro-cid-wrzvmyuk] .rlC__barra[data-astro-cid-wrzvmyuk]{
  display:none
}
/* Página 404 (la sirve 404.php): la portada de tinta llena la pantalla y su contenido queda al centro */
.hx--404{
  min-height:calc(100svh - var(--nav-h,0px))
}
.hx--404 .cuerpoH{
  flex:1;
  justify-content:center
}