/* =============================================================================================
   CSS DAS FICHAS PRÓPRIAS DOS STANDS (print/modelos/fichauser*.php)
   Cópia do style.css do sistema antigo, para esses modelos manterem o aspecto original.
   NÃO usar nos modelos novos (modelo01..07) — esses usam print/css/ficha.css.
   ============================================================================================= */

@media print {
    body{
        width: 21cm;
        height: 29.7cm;
        margin: 10mm 10mm 10mm 10mm; 
   } 
    @page :footer {
        display: none
    }
	@page { size: auto;  margin: 0mm; }

}
body {
        height: 842px;
        width: 640px;
        /* to centre page on screen*/
        margin-left: auto;
        margin-right: auto;
		font-family:  'Montserrat', sans-serif;
		-webkit-print-color-adjust: exact !important;
    }

table, td, th {  
  text-align: left;
}

table {
  border-collapse: collapse;
  width: 100%;
}

.ficha-rodape-div{width:650px; position:absolute; bottom:16px; left:76px; padding:10px 0px 20px 0px; background-color:#fff; z-index:2}

.ficha-contactos,.ficha-salvaguarda{font-family: 'Roboto', sans-serif;}
.ficha-salvaguarda{width:100%; position:relative; float:left; font-size:0.7em; color:#000; margin-bottom:10px}

.ficha-contactos{width:100%; position:relative; float:left; font-size:0.8em; color:#000;}
.logo-omeustand{position:absolute; bottom:20px; right:0px;;}
.logo-omeustand img{width:120px; filter: invert(60%) sepia(90%) saturate(405%) hue-rotate(85deg) brightness(99%) contrast(83%);}


/* =============================================================================================
   CORREÇÃO — LINHA DE CAIXAS DOS MODELOS LEGADO (.ficha-bg1/2/3)

   As caixas eram `float:left` com `min-height`: quando um valor passa a duas linhas (ex.:
   "2998cc / 394cv" ou "Híbrido Plug-In") essa caixa cresce e as outras ficam mais baixas,
   com degraus na linha. O contentor passa a flex e todas ficam com a altura da mais alta,
   sem mexer no HTML dos modelos nem no seu aspecto.
   ============================================================================================= */

.div-100:has(> .ficha-bg1),
.div-100:has(> .ficha-bg2),
.div-100:has(> .ficha-bg3) {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}

.div-100:has(> .ficha-bg1) .ficha-bg1,
.div-100:has(> .ficha-bg1) .ficha-bg2,
.div-100:has(> .ficha-bg1) .ficha-bg3 {
	float: none;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
