/* WS Cover · continuidad editorial para páginas de servicio · 2026-08-24
   Complementa las portadas y productos: está pensado para idioma, contacto
   posterior al envío y documentos legales, que antes quedaban con una piel
   distinta al resto de la experiencia. */
body.ws-editorial-simple {
  --eg-navy: #071822;
  --eg-navy-soft: #0c2834;
  --eg-ink: #102933;
  --eg-muted: #607881;
  --eg-sand: #d7bd88;
  --eg-line: rgba(11, 39, 50, .13);
  background:
    radial-gradient(900px 530px at 94% -12%, rgba(123, 168, 161, .2), transparent 67%),
    linear-gradient(145deg, #eef4f1, #fafbf9 54%, #e8f0f0);
  color: var(--eg-ink);
}
body.ws-editorial-simple header.sitio {
  background: rgba(7, 24, 34, .94);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  box-shadow: none;
}
body.ws-editorial-simple header.sitio .nav { min-height: 74px; }
body.ws-editorial-simple header.sitio .txt,
body.ws-editorial-simple header.sitio nav a { color: #fff; }
body.ws-editorial-simple header.sitio .txt small { color: rgba(255,255,255,.58); }
body.ws-editorial-simple header.sitio .mark {
  padding: 5px;
  border: 1px solid rgba(215,189,136,.34);
  border-radius: 11px;
  background: rgba(255,255,255,.08);
}
body.ws-editorial-simple header.sitio .mark img { filter: brightness(0) invert(1); }
body.ws-editorial-simple header.sitio .nav-burger span { background: #fff; }
body.ws-editorial-simple main { min-height: 58vh; }
body.ws-editorial-simple main > section {
  padding-block: clamp(58px, 8vw, 112px);
}
body.ws-editorial-simple main .wrap {
  padding: clamp(28px, 4vw, 54px);
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 22px;
  background: rgba(255,255,255,.62);
  box-shadow: 0 20px 60px rgba(8,31,39,.08);
  backdrop-filter: blur(16px) saturate(108%);
}
body.ws-editorial-simple main .eyebrow { color: #8d7443; font-weight: 800; letter-spacing: .15em; }
body.ws-editorial-simple main h1,
body.ws-editorial-simple main h2 {
  color: var(--eg-ink) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -.035em;
}
body.ws-editorial-simple main h1 { font-size: clamp(38px, 6vw, 66px) !important; line-height: .98; }
body.ws-editorial-simple main h2 { line-height: 1.1; }
body.ws-editorial-simple main p,
body.ws-editorial-simple main li { color: var(--eg-muted); line-height: 1.7; }
body.ws-editorial-simple main a:not(.btn) { color: #176f70; font-weight: 700; text-underline-offset: 3px; }
body.ws-editorial-simple main .btn {
  border-radius: 9px;
  min-height: 48px;
  box-shadow: none;
}
body.ws-editorial-simple main .btn-p,
body.ws-editorial-simple main .btn-primary { background: var(--eg-sand); border-color: var(--eg-sand); color: #17272c; }
body.ws-editorial-simple .hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(125deg, var(--eg-navy), var(--eg-navy-soft));
}
body.ws-editorial-simple .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 84% 15%, rgba(215,189,136,.16), transparent 31%);
}
body.ws-editorial-simple .hero-inner { position: relative; z-index: 1; }
body.ws-editorial-simple .hero .tag { border-color: rgba(215,189,136,.48); color: #f2ddad; background: rgba(215,189,136,.09); }
body.ws-editorial-simple .hero h1,
body.ws-editorial-simple .hero h2 { color: #fff !important; }
body.ws-editorial-simple .hero .sub { color: rgba(240,246,243,.76); }
body.ws-editorial-simple footer.sitio { background: #041018; }
@media (max-width: 680px) {
  body.ws-editorial-simple header.sitio .nav { min-height: 64px; }
  body.ws-editorial-simple main > section { padding-block: 30px 52px; }
  body.ws-editorial-simple main .wrap { padding: 24px 19px; border-radius: 16px; }
}

/* El menú de escritorio partía "PVC invierno" y "Medidas estándar" en dos
   líneas (43px de alto frente a 17px del resto), lo que descuadraba la
   cabecera. Viene de sistema.css, que es compartido con Toldobox y no se
   toca; se corrige aquí, acotado. Acotado a >=1240px: por debajo de esa anchura
   el menú NO cabe en una línea y forzarlo desbordaba la página 5px en
   horizontal, que es peor que el corte de línea. Verificado en navegador. */
@media(min-width:1240px){header.sitio nav ul li > a{white-space:nowrap}}