<!-- ESTILO RESPONSIVO -->
<STYLE>
.CONTAINER-RESPONSIVO {
DISPLAY: FLEX;
FLEX-WRAP: WRAP;
JUSTIFY-CONTENT: SPACE-BETWEEN;
GAP: 20PX;
WIDTH: 100%;
BACKGROUND-COLOR: #F9F9F9;
PADDING: 18PX;
FONT-FAMILY: ARIAL, SANS-SERIF;
FONT-SIZE:1.3EM;
BORDER: 1PX SOLID #CCC;
}
.INFO-COLUNA {
FLEX: 2;
MIN-WIDTH: 300PX;
DISPLAY: FLEX;
FLEX-DIRECTION: COLUMN;
GAP: 0;
}
.INFO-BLOCO {
DISPLAY: FLEX;
ALIGN-ITEMS: CENTER;
PADDING: 10PX 15PX;
MAX-HEIGHT: 64PX;
OVERFLOW: HIDDEN;
}
.INFO-BLOCO:NTH-CHILD(ODD) {
BACKGROUND-COLOR: #FFF;
}
.INFO-BLOCO:NTH-CHILD(EVEN) {
BACKGROUND-COLOR: #EEE;
}
.INFO-BLOCO IMG {
WIDTH: 48PX;
MARGIN-RIGHT: 18PX;
}
.ICONES-INMETRO {
FLEX: 1;
MIN-WIDTH: 200PX;
DISPLAY: FLEX;
FLEX-DIRECTION: COLUMN;
JUSTIFY-CONTENT: STRETCH;
MARGIN-TOP: 0;
GAP: 0;
}
.ICONES-DUPLOS {
DISPLAY: FLEX;
JUSTIFY-CONTENT: CENTER;
GAP: 0;
WIDTH: 100%;
}
.ICONES-DUPLOS IMG {
WIDTH: 50%;
MAX-WIDTH: 100%;
HEIGHT: AUTO;
}
.ICONES-INMETRO IMG {
WIDTH: 100%;
MAX-WIDTH: 100%;
HEIGHT: AUTO;
MARGIN: 0;
DISPLAY: BLOCK;
}
@MEDIA (MAX-WIDTH: 768PX) {
.CONTAINER-RESPONSIVO {
FLEX-DIRECTION: COLUMN;
}
.INFO-COLUNA, .ICONES-INMETRO {
MIN-WIDTH: 100%;
}
.ICONES-DUPLOS {
FLEX-DIRECTION: ROW;
FLEX-WRAP: WRAP;
}
.ICONES-DUPLOS IMG {
WIDTH: 50%;
}
}
</STYLE>
<!-- ESTRUTURA DA FICHA TÉCNICA -->
<DIV CLASS="CONTAINER-RESPONSIVO">
<DIV CLASS="INFO-COLUNA">
<DIV CLASS="INFO-BLOCO">
<IMG SRC="HTTPS://IMAGES.TCDN.COM.BR/FILES/1330320/THEMES/37/IMG/INSTITUCIONAIS/FABRICANTE.PNG" ALT="FABRICANTE">
<STRONG>FABRICANTE: </STRONG> <SPAN STYLE="BACKGROUND-COLOR: RED; COLOR: WHITE; PADDING: 7PX 10PX; BORDER-RADIUS: 50PX; MARGIN-LEFT:5PX;">PRINX</SPAN>
</DIV>
<DIV CLASS="INFO-BLOCO">
<IMG SRC="HTTPS://IMAGES.TCDN.COM.BR/FILES/1330320/THEMES/37/IMG/INSTITUCIONAIS/OEM.PNG" ALT="OEM">
<STRONG>HOMOLOGAÇÃO: </STRONG> FORD, BYD, CAOA, HYUNDAI, NISSAN.
</DIV>
<DIV CLASS="INFO-BLOCO">
<IMG SRC="HTTPS://IMAGES.TCDN.COM.BR/FILES/1330320/THEMES/37/IMG/INSTITUCIONAIS/TEMPERATURA.PNG" ALT="TEMPERATURA">
<STRONG>TEMPERATURA: </STRONG> A
</DIV>
- Altura: 45
- Largura: 265
- Aro: 18