/* Estilos del tablero de sistema de diseño. Solo se cargan en esa plantilla. */
body{margin:0;background:#F2EFE7;color:#1B1E22;
      font-family:"Archivo",system-ui,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;
      -webkit-font-smoothing:antialiased}
    h1,h2,h3,h4{margin:0;letter-spacing:-0.02em;line-height:1.08;text-wrap:balance;font-weight:700}
    p{margin:0}
    a{color:#A8460F;text-decoration:none}
    a:hover{color:#7E340B}
    .eyebrow{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;
      font-stretch:108%;color:#6E6A61}
    .serif{font-family:"Newsreader",Georgia,serif;font-weight:300}
    .sec{border-top:2px solid #1B1E22;padding-top:14px;margin-bottom:26px;display:flex;
      align-items:baseline;gap:14px}
    .sec h2{font-size:26px;font-stretch:106%}
    .sec span{font-size:11px;letter-spacing:.1em;color:#A8460F;text-transform:uppercase;font-weight:600}
    .card{background:#E7E2D7;border:1px solid #C3BCAB;padding:22px 24px}
    .note{font-size:13.5px;line-height:1.55;color:#43474B}
  
/* Ajustes propios de la página suelta */

.aviso{background:#1B1F25;color:rgba(233,228,218,.82);padding:11px 20px;font-size:12.5px;
  line-height:1.5;display:flex;gap:10px;align-items:flex-start;justify-content:space-between;
  flex-wrap:wrap}
.aviso strong{color:#D2662A}
.aviso a{color:#E9E4DA;border-bottom:1px solid rgba(233,228,218,.4);text-decoration:none}
@media (max-width:900px){
  .swatches{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .spec .row{grid-template-columns:1fr!important;gap:6px!important}
}
@media (max-width:700px){
  .sec h2{font-size:22px}
}