body{height:auto}
.barra{border-bottom:1px solid var(--linea)}
.barra .env{display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:min(61.25rem,100%);
  margin:0 auto; padding:0 1.5rem; height:3.5rem; flex:none}
.barra .marca{margin:0; font-size:1rem}
.vuelta{font-size:.84rem; color:var(--suave); text-decoration:none}
.vuelta:hover{color:var(--tinta)}

.cat{padding:2.125rem 0 2.5rem}
.cat .env{display:block; width:min(53.75rem,100%); margin:0 auto; padding:0 1.5rem; flex:none}
.cat h1{font:700 clamp(1.8rem,4.2vw,2.7rem)/1.12 var(--titular); margin:0 0 0.75rem; max-width:20ch}
.cat h1 span{display:block; color:var(--cian2); font-size:.62em; line-height:1.25; margin-top:0.5rem; font-weight:600}
.lead{color:var(--suave); max-width:58ch; font-size:1rem; margin-bottom:1rem}
.aviso{background:var(--panel); border:1px solid var(--linea); border-left:0.1875rem solid var(--cian); border-radius:0.625rem;
  padding:0.75rem 1rem; font-size:.9rem; color:var(--suave); max-width:62ch; margin-bottom:0.5rem}
.aviso a{color:var(--cian2); font-weight:600}

.familia{font:700 1.15rem var(--titular); margin:1.875rem 0 0.625rem; color:var(--tinta)}
.item{background:var(--panel); border:1px solid var(--linea); border-radius:0.75rem; margin-bottom:0.5rem; box-shadow:var(--sombraCaja)}
.item[open]{border-color:var(--cian)}
.item summary{display:flex; align-items:center; justify-content:space-between; gap:0.875rem; padding:0.875rem 1.125rem; cursor:pointer;
  list-style:none; font:600 1rem var(--texto); color:var(--tinta); min-height:3rem}
.item summary::-webkit-details-marker{display:none}
.item summary::after{content:''; flex:0 0 0.5625rem; width:0.5625rem; height:0.5625rem; margin-left:0.25rem; border-right:2px solid var(--suave);
  border-bottom:2px solid var(--suave); transform:rotate(45deg); transition:transform .18s}
.item[open] summary::after{transform:rotate(-135deg); border-color:var(--cian2)}
.item summary:hover{color:var(--cian2)}
.cod{margin-left:auto; font:500 .72rem var(--mono); color:var(--tenue)}
.cuerpo{padding:0 1.125rem 1.125rem}
.cuerpo p{color:var(--suave); font-size:.94rem; line-height:1.6; max-width:60ch}
.primero{margin-top:0.75rem; background:var(--halo2); border-radius:0.625rem; padding:0.75rem 0.875rem; color:var(--tinta)!important}
.primero b{display:block; color:var(--cian2); font:600 .82rem var(--texto); margin-bottom:0.1875rem}
.cuerpo .btn{margin-top:0.875rem; width:auto; padding:0 1.125rem; min-height:2.75rem; border-radius:0.6875rem; font-weight:600}
.btn--wa{background:var(--wa); color:var(--waTinta); border-color:transparent; text-decoration:none}
@media (max-width:820px){
  .barra .env,.cat .env{padding:0 1rem}
  .cat{padding-top:1.375rem}
}

.btn svg{width:1.125rem; height:1.125rem; flex:0 0 1.125rem}
.cuerpo .btn{display:inline-flex; align-items:center; gap:0.5625rem}