/*
Theme Name: Cebrace Institucional
Theme URI: https://cebrace.com.br
Description: Tema exclusivo desenvolvido pela Superare - Empresa do Grupo WE.
Author: Superare Tecnologia LTDA.
Author URI: https://superare.co/
Version: 1.0
Tags: responsivo, cebrace, vidros, custom
*/

/* Pages */
@import "assets/css/reset.css";
@import "assets/css/global.css";
@import "assets/css/buttons.css";
@import "assets/css/navbar.css";
@import "assets/css/breadcrumbs.css";
@import "assets/css/page-home.css";
@import "assets/css/page-catalogo.css";
@import "assets/css/page-blog.css";
@import "assets/css/single-blog.css";
@import "assets/css/footer.css";
@import "assets/css/single-conteudo.css";
@import "assets/css/notfound.css";
@import "assets/css/modal.css";
@import "assets/css/habitat/modal.css";
@import "assets/css/habitat/simulador.css";
@import "assets/css/habitat/modal-franqueados.css";

.img-container-to-desktop {
	background-color: white;
}

.link-container {
    display: flex;
    width: 100%;
    margin: 0px auto; 
    background-color: white;
    box-sizing: border-box;
    align-items: stretch; 
    text-decoration: none; 
    max-width: 1320px
}

/* Estilo para a imagem da esquerda */
.image-normal {
    width: 51.3%;
    object-fit: contain; 
    height: 645px;
}

/* Estilo para a DIV da direita com o background */
.image-cover-container {
    flex-grow: 1;
    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-width: 70%
}


/* --- Estilos para Mobile --- */
.mobile-only {
    display: none; /* Escondido no desktop */
    width: 100%;
    margin-bottom: 10px;
}

/* Media Query para esconder a versão de desktop e mostrar a de mobile */
@media (max-width: 1185px) {
    .link-container {
        display: none; /* Esconde o container de desktop */
    }
    .mobile-only {
        display: block; /* Mostra os links/imagens de mobile */
    }
}