/* 375px primeiro: etiqueta por cima do valor. Tabela só a partir de 768px. */
.io-ispec { max-width: 46rem; margin: 0 auto; padding: 1rem; }
.io-ispec__crumbs { font-size: .8125rem; opacity: .75; margin-bottom: .75rem; }
.io-ispec__crumbs span { margin: 0 .35rem; }
.io-ispec h1 { font-size: 1.5rem; line-height: 1.25; margin: 0 0 .75rem; }
.io-ispec__intro { line-height: 1.65; margin: 0 0 1rem; }

.io-ispec__specs { margin: 1.5rem 0; }
.io-ispec__row { padding: .625rem 0; border-bottom: 1px solid rgba(0,0,0,.08); }
.io-ispec__row dt { font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; opacity: .65; }
.io-ispec__row dd { margin: .125rem 0 0; font-size: 1rem; overflow-wrap: anywhere; }

.io-ispec__comercial { margin: 2rem 0; padding: 1rem; border: 1px solid rgba(0,0,0,.1); border-radius: .5rem; }
.io-ispec__comercial h2 { font-size: 1.125rem; margin: 0 0 .5rem; }
.io-ispec__garantia { font-size: .875rem; opacity: .75; margin: 0 0 .5rem; }
.io-ispec__preco { font-size: 1.25rem; margin: 0 0 .75rem; }
.io-ispec__cta { display: inline-block; padding: .75rem 1.25rem; border-radius: .375rem;
                 background: #111; color: #fff; text-decoration: none; }

.io-ispec__faq details { border-bottom: 1px solid rgba(0,0,0,.08); padding: .75rem 0; }
.io-ispec__faq summary { cursor: pointer; font-weight: 600; }
.io-ispec__fonte { font-size: .75rem; opacity: .6; margin-top: 2rem; }

@media (min-width: 768px) {
	.io-ispec__row { display: grid; grid-template-columns: 14rem 1fr; gap: 1rem; align-items: baseline; }
	.io-ispec__row dt { font-size: .8125rem; text-transform: none; letter-spacing: 0; }
	.io-ispec h1 { font-size: 2rem; }
}