.simerline-porque .menu a[href="/porque-simerline/"]{color:var(--tinta); border-bottom-color:var(--azul)}

.entrada{
  position:relative; overflow:hidden;
  background:
    radial-gradient(70% 60% at 88% 0%, color-mix(in srgb,var(--celeste) 20%,transparent) 0%, transparent 60%),
    linear-gradient(180deg, var(--papel-alto) 0%, var(--papel) 100%);
  padding:clamp(44px,5.6vw,80px) 0 clamp(48px,6vw,84px);
}
.entrada-rejilla{display:grid; grid-template-columns:minmax(0,1fr); gap:clamp(36px,5vw,60px)}
@media (min-width:1020px){.entrada-rejilla{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center}}
.ceja{
  font-family:var(--dato); font-size:11.5px; font-weight:500; letter-spacing:.13em; text-transform:uppercase;
  color:var(--azul); display:flex; align-items:center; gap:11px; margin-bottom:22px;
}
.ceja::before{content:""; width:28px; height:1.5px; background:var(--azul); flex:none}
.entrada h1{font-size:clamp(32px,3.9vw,48px); font-weight:800; letter-spacing:-.02em}
.entrada-bajada{margin-top:20px; font-size:18px; color:var(--tinta-media); max-width:52ch}
.principios{display:flex; flex-wrap:wrap; gap:12px; margin-top:28px}
.principio{
  display:flex; align-items:center; gap:10px; padding:10px 16px 10px 12px;
  background:var(--papel-alto); border:1px solid var(--linea); border-radius:999px;
  font-size:14.5px; font-weight:600; color:var(--tinta);
}
.principio svg{width:18px; height:18px; flex:none}
.principio span{font-weight:500; color:var(--tinta-tenue)}

.maquina{
  margin:0; background:var(--papel-alto); border:1px solid var(--linea);
  border-radius:var(--radio); box-shadow:var(--sombra-alta); overflow:hidden;
}
.maquina-cabeza{padding:22px 26px 4px}
.maquina-cabeza h2{font-size:18px; font-weight:700; letter-spacing:-.022em}
.maquina-cabeza p{font-size:13.5px; color:var(--tinta-tenue); margin-top:6px}
.maquina-lienzo{padding:8px 14px 4px; overflow-x:auto}
.maquina svg{display:block; width:100%; height:auto; min-width:560px}
.maquina .maquina-v{display:none}
@media (max-width:639px){
  .maquina-lienzo{overflow:visible; padding:8px 10px 4px}
  .maquina .maquina-h{display:none}
  .maquina .maquina-v{display:block; min-width:0}
  .maquina-v .entra-motor{transform-origin:180px 284px}
  .maquina-v .pieza-texto{font-size:12px}
}
.maquina figcaption{padding:14px 26px 18px; font-size:13px; color:var(--tinta-media); border-top:1px solid var(--linea); background:var(--azul-lavado)}
.maquina figcaption b{color:var(--tinta); font-weight:700}

.columna-rotulo{fill:var(--tinta-tenue); font-family:var(--dato); font-size:10.5px; letter-spacing:.12em}
.pieza{fill:var(--papel); stroke:var(--linea-fuerte); stroke-width:1}
.pieza-texto{fill:var(--tinta); font-family:var(--display); font-size:12.5px; font-weight:600}
.pieza-sale{fill:var(--azul-lavado); stroke:var(--azul); stroke-width:1.2}
.motor-caja{fill:var(--banda); stroke:none}
.motor-titulo{fill:#fff; font-family:var(--display); font-size:15px; font-weight:800; letter-spacing:-.02em; text-anchor:middle}
.motor-sub{fill:var(--banda-tenue); font-family:var(--dato); font-size:10.5px; letter-spacing:.08em; text-anchor:middle}
.motor-oro{fill:var(--oro)}
.cable{fill:none; stroke:var(--linea-fuerte); stroke-width:1.5}
.cable-sale{stroke:var(--azul)}
.punta{fill:var(--linea-fuerte)} .punta-sale{fill:var(--azul)}

.entra{opacity:0; animation:entrar .55s var(--curva) forwards}
.entra-1{animation-delay:.10s} .entra-2{animation-delay:.22s} .entra-3{animation-delay:.34s} .entra-4{animation-delay:.46s} .entra-5{animation-delay:.58s}
.entra-motor{animation:entrar .55s var(--curva) .85s forwards, latido 1.6s ease-in-out 1.6s 2; transform-origin:380px 180px; transform-box:view-box}
.entra-6{animation-delay:1.25s} .entra-7{animation-delay:1.37s} .entra-8{animation-delay:1.49s} .entra-9{animation-delay:1.61s}
@keyframes entrar{to{opacity:1}}
.cable{stroke-dasharray:220; stroke-dashoffset:220; animation:tender .7s var(--curva) forwards}
.cable-entra{animation-delay:.7s} .cable-sale{animation-delay:1.15s}
@keyframes tender{to{stroke-dashoffset:0}}
@keyframes latido{0%,100%{transform:scale(1)} 50%{transform:scale(1.025)}}

.historia{display:grid; gap:clamp(28px,4vw,56px); align-items:start}
@media (min-width:900px){.historia{grid-template-columns:auto minmax(0,1fr)}}
.historia-cifra{
  font-family:var(--cifra); font-weight:800; letter-spacing:.02em; line-height:.86; color:var(--azul);
  font-size:clamp(96px,14vw,168px); font-variant-numeric:tabular-nums;
}
.historia-cifra small{display:block; font-family:var(--dato); font-weight:500; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--tinta-tenue); margin-top:16px; line-height:1.5; max-width:22ch; letter-spacing:.1em}
.historia-texto{max-width:62ch}
.historia-texto p{font-size:17.5px; color:var(--tinta-media); line-height:1.66}
.historia-texto p + p{margin-top:18px}
.historia-texto p:first-child{font-size:clamp(21px,2.4vw,27px); font-weight:600; color:var(--tinta); line-height:1.36; letter-spacing:-.02em}
.historia-texto b{color:var(--tinta)}

.pilares{display:grid; gap:18px; margin-top:46px}
@media (min-width:680px){.pilares{grid-template-columns:1fr 1fr}}
.ic-giro{transition:transform .6s var(--curva); transform-origin:50% 50%; transform-box:fill-box}
.capacidad:hover .ic-giro{transform:rotate(90deg)}
.ic-sube{transition:transform .5s var(--curva)}
.capacidad:hover .ic-sube{transform:translateY(-3px)}
.ic-marca{transition:transform .45s var(--curva); transform-origin:50% 50%; transform-box:fill-box}
.capacidad:hover .ic-marca{transform:scale(1.25)}
.ic-nube{transition:transform .5s var(--curva)}
.capacidad:hover .ic-nube{transform:translateX(3px)}

.inventario{margin-top:36px}
.areas{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:26px}
.area{
  font-family:inherit; font-size:13.5px; font-weight:600; letter-spacing:-.01em; cursor:pointer;
  color:var(--tinta-media); background:var(--papel-alto); border:1.5px solid var(--linea);
  border-radius:999px; padding:8px 15px; transition:color .18s, border-color .18s, background .18s, transform .18s var(--curva);
}
.area:hover{color:var(--tinta); border-color:var(--linea-fuerte); transform:translateY(-1px)}
.area[aria-pressed="true"]{color:#fff; background:var(--azul); border-color:var(--azul)}
.area b{font-family:var(--dato); font-weight:500; font-size:11px; opacity:.75; margin-left:5px}
.inventario-cuenta{font-family:var(--dato); font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--tinta-tenue); margin-bottom:16px; min-height:1.4em}
.inventario-cuenta b{color:var(--azul); font-weight:500; font-variant-numeric:tabular-nums}
.piezas{display:flex; flex-wrap:wrap; gap:9px}
.pieza-motor{
  position:relative; font-family:inherit; font-size:14px; font-weight:500; letter-spacing:-.01em; cursor:default; text-align:left;
  color:var(--tinta); background:var(--papel-alto); border:1px solid var(--linea); border-radius:11px; padding:9px 13px 9px 11px;
  display:inline-flex; align-items:center; gap:8px;
  transition:opacity .35s var(--curva), transform .35s var(--curva), border-color .2s, box-shadow .2s;
  transition-delay:calc(var(--i, 0) * 14ms);
}
.pieza-motor::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--celeste); flex:none}
.pieza-motor[data-area="impuestos"]::before{background:var(--oro)}
.pieza-motor[data-area="deuda"]::before{background:var(--azul)}
.pieza-motor[data-area="duenos"]::before{background:var(--alerta)}
.pieza-motor[data-area="resultados"]::before{background:var(--banda)}
.pieza-motor:hover,.pieza-motor:focus-visible{border-color:var(--azul); box-shadow:var(--sombra); z-index:2; transition-delay:0s}
.pieza-motor.apagada{opacity:.22; transform:scale(.96)}
.pieza-motor::after{
  content:attr(data-que); position:absolute; left:0; top:calc(100% + 8px); z-index:3; width:max-content; max-width:280px;
  font-size:13px; font-weight:400; line-height:1.45; color:var(--banda-tinta); background:var(--banda);
  padding:9px 12px; border-radius:9px; box-shadow:var(--sombra-alta);
  display:none; pointer-events:none;
}
.pieza-motor:hover::after,.pieza-motor:focus-visible::after,.pieza-motor:focus::after{display:block; animation:brotar .18s var(--curva)}
.pieza-motor.a-la-izquierda::after{left:auto; right:0}
.pieza-cerrada{
  font-family:inherit; font-size:14px; font-weight:600; letter-spacing:-.01em; text-decoration:none;
  color:var(--azul); background:var(--azul-lavado); border:1.5px dashed var(--azul); border-radius:11px; padding:8px 13px 8px 11px;
  display:inline-flex; align-items:center; gap:8px;
  transition:transform .2s var(--curva), box-shadow .2s var(--curva), background .2s;
}
.pieza-cerrada svg{width:14px; height:14px; flex:none}
.pieza-cerrada:hover{transform:translateY(-2px); box-shadow:var(--sombra); background:var(--papel-alto)}
@keyframes brotar{from{opacity:0; transform:translateY(-4px)}}
.inventario.espera .pieza-motor{opacity:0; transform:translateY(10px)}

@media (prefers-reduced-motion:reduce){
  .entra{opacity:1; animation:none}
  .cable{stroke-dashoffset:0; animation:none}
  .entra-motor{animation:none; opacity:1}
}

.motor{display:grid; gap:1px; margin-top:42px; background:var(--linea); border:1px solid var(--linea); border-radius:var(--radio); overflow:hidden}
@media (min-width:560px){.motor{grid-template-columns:1fr 1fr}}
@media (min-width:900px){.motor{grid-template-columns:repeat(4,1fr)}}
.motor-celda{background:var(--papel-alto); padding:26px 24px 24px; text-align:center; transition:background .24s}
.motor-celda:hover{background:var(--azul-lavado)}
.motor-cifra{font-family:var(--cifra); font-size:clamp(38px,4.4vw,52px); font-weight:800; letter-spacing:.02em; color:var(--azul); line-height:1; font-variant-numeric:tabular-nums}
.motor-que{margin-top:12px; font-size:14px; color:var(--tinta-media); line-height:1.5}
.distintos{display:grid; gap:22px 28px; margin-top:28px}
@media (min-width:760px){.distintos{grid-template-columns:1fr 1fr}}
.distinto{padding-top:20px; border-top:2px solid var(--azul)}
.distinto h3{font-size:17.5px; font-weight:700; margin-bottom:9px}
.distinto p{font-size:15px; color:var(--tinta-media); line-height:1.62}

.banda{
  background:linear-gradient(150deg, var(--banda) 0%, var(--banda-honda) 100%);
  color:var(--banda-tinta); border-radius:clamp(20px,3vw,32px); overflow:hidden;
  padding:clamp(40px,5.4vw,76px) clamp(28px,4vw,64px);
}
.banda-rejilla{display:grid; gap:clamp(20px,3.5vw,56px); align-items:center}
@media (min-width:860px){.banda-rejilla{grid-template-columns:auto minmax(0,1fr)}}
.cifra{font-family:var(--cifra); font-weight:800; letter-spacing:.02em; font-size:clamp(88px,15vw,168px); line-height:.82; color:var(--oro); font-variant-numeric:tabular-nums}
.cifra-pie{font-family:var(--dato); font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--banda-tenue); margin-top:16px}
.banda blockquote{margin:0; font-weight:600; font-size:clamp(19px,2.3vw,27px); line-height:1.38; letter-spacing:-.02em}
.banda cite{display:block; margin-top:20px; font-style:normal; font-size:13.5px; color:var(--banda-tenue)}

.voces{display:grid; gap:20px; margin-top:46px}
@media (min-width:760px){.voces{grid-template-columns:1fr 1fr}}
.voz{
  background:var(--papel-alto); border:1px solid var(--linea); border-radius:var(--radio);
  padding:28px 28px 26px; display:flex; flex-direction:column; gap:20px;
  transition:transform .24s var(--curva), box-shadow .24s var(--curva);
}
.voz:hover{transform:translateY(-4px); box-shadow:var(--sombra-alta)}
.comillas{width:26px; height:26px; display:block; fill:var(--linea-fuerte)}
.voz p{font-size:15.5px; color:var(--tinta-media); line-height:1.66}
.voz-firma{display:flex; align-items:center; gap:14px; margin-top:auto; padding-top:18px; border-top:1px solid var(--linea)}
.retrato{width:54px; height:54px; border-radius:50%; flex:none; overflow:hidden; background:var(--azul-lavado); border:1px solid var(--linea)}
.retrato img{width:100%; height:100%; object-fit:cover; object-position:50% 42%; display:block; transition:transform .5s var(--curva)}
.voz:hover .retrato img{transform:scale(1.06)}
.voz-nombre{font-weight:700; font-size:15.5px; letter-spacing:-.02em}
.voz-cargo{font-size:13.5px; color:var(--tinta-tenue)}