.elementor-2361 .elementor-element.elementor-element-eb17b5c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:400px;--padding-left:0px;--padding-right:0px;}.elementor-2361 .elementor-element.elementor-element-eb17b5c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2361 .elementor-element.elementor-element-753a114 > .elementor-widget-container{margin:300px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2361 .elementor-element.elementor-element-4347042{width:100%;max-width:100%;text-align:justify;}.elementor-2361 .elementor-element.elementor-element-4347042.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2361 .elementor-element.elementor-element-4347042 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:22px;font-weight:200;line-height:24px;color:#435F79;}.elementor-2361 .elementor-element.elementor-element-4d06cbe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:400px;--margin-left:0px;--margin-right:0px;}.elementor-2361 .elementor-element.elementor-element-4e4d772 > .elementor-widget-container{margin:0px 0px -16px 0px;}.elementor-2361 .elementor-element.elementor-element-4e4d772.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-2361 .elementor-element.elementor-element-4e4d772{width:var( --container-widget-width, 675px );max-width:675px;--container-widget-width:675px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-2361 .elementor-element.elementor-element-eb17b5c{--width:1200px;}}@media(max-width:1366px) and (min-width:768px){.elementor-2361 .elementor-element.elementor-element-eb17b5c{--width:803px;}.elementor-2361 .elementor-element.elementor-element-4d06cbe{--content-width:900px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2361 .elementor-element.elementor-element-eb17b5c{--width:616px;}}@media(max-width:1366px){.elementor-2361 .elementor-element.elementor-element-753a114{width:var( --container-widget-width, 84% );max-width:84%;--container-widget-width:84%;--container-widget-flex-grow:0;}.elementor-2361 .elementor-element.elementor-element-4d06cbe{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:300px;--margin-left:0px;--margin-right:0px;}.elementor-2361 .elementor-element.elementor-element-4e4d772{width:var( --container-widget-width, 865px );max-width:865px;--container-widget-width:865px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-2361 .elementor-element.elementor-element-eb17b5c{--width:285px;}.elementor-2361 .elementor-element.elementor-element-753a114{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-2361 .elementor-element.elementor-element-4347042{width:var( --container-widget-width, 259px );max-width:259px;--container-widget-width:259px;--container-widget-flex-grow:0;}.elementor-2361 .elementor-element.elementor-element-4347042 > .elementor-widget-container{padding:0px 0px 100px 0px;}.elementor-2361 .elementor-element.elementor-element-4347042 .elementor-heading-title{font-size:16px;line-height:1.4em;}.elementor-2361 .elementor-element.elementor-element-4e4d772{width:var( --container-widget-width, 307px );max-width:307px;--container-widget-width:307px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-4e4d772 */@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&family=Archivo:wght@300;400&display=swap');

body {
    background-color: #ffffff; /* Fundo branco puro (Luxo) */
    padding: 60px 20px;
    font-family: 'Archivo', sans-serif;
    color: #3F5E64;
}

/* O GRID RÍGIDO */
.editorial-grid {
    display: grid;
    /* 3 Colunas perfeitamente iguais */
    grid-template-columns: repeat(3, 1fr);
    /* Espaçamento generoso entre as colunas */
    gap: 30px 30px; 
    max-width: 1200px;
    margin: 0 auto;
}

.designer-entry a {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza tudo */
}

/* MOLDURA DA IMAGEM */
.img-frame {
    width: 100%;
    /* PROPORÇÃO RETRATO (3:4) - Elegância clássica */
    aspect-ratio: 4/4; 
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
    background: #f4f4f4;
}

.img-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center; /* Evita cortar cabeças */
    filter: grayscale(100%); /* Preto e Branco chique */
    transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1), filter 0.6s ease;
}

/* VÉU DE HOVER (Sutil) */
.hover-veil {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.1);
    opacity: 0;
    transition: opacity 0.4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-line {
    color: white;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 2px;
    border-bottom: 1px solid white;
    padding-bottom: 5px;
    transform: translateY(20px);
    transition: transform 0.4s ease;
}

/* TIPOGRAFIA DIDOT */
.meta-info {
    text-align: center;
    z-index: 2;
}

.designer-entry h3 {
    /* Stack da Didot para garantir compatibilidade */
    font-family: 'GFS Didot', 'Didot', 'Bodoni MT', 'Noto Serif Display', serif;
    font-size: 1.8rem;
    font-weight: 400; /* Didot não precisa de bold */
    margin: 0 0 8px 0;
    color: #435F79;
    letter-spacing: -0.5px; /* Didot fica linda um pouco mais junta */
    transition: color 0.3s ease;
}

.role {
    font-family: 'Archivo', sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #888;
}

/* --- INTERAÇÃO (HOVER) --- */

.designer-entry:hover img {
    filter: grayscale(0%); /* Ganha cor */
    transform: scale(1.04); /* Zoom muito leve e elegante */
}

.designer-entry:hover .hover-veil {
    opacity: 1;
}

.designer-entry:hover .btn-line {
    transform: translateY(0);
}

.designer-entry:hover h3 {
    color: #324759; /* Preto absoluto no hover */
}

/* RESPONSIVIDADE */
@media (max-width: 900px) {
    .editorial-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 Colunas */
    }
}

@media (max-width: 600px) {
    .editorial-grid {
        grid-template-columns: 1fr; /* 1 Coluna */
        gap: 60px;
    }
    .designer-entry h3 { font-size: 2rem; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://modalle.com.br/wp-content/uploads/2025/05/Archivo-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://modalle.com.br/wp-content/uploads/2025/05/Archivo-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Archivo';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://modalle.com.br/wp-content/uploads/2025/05/Archivo-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://modalle.com.br/wp-content/uploads/2025/05/Archivo-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://modalle.com.br/wp-content/uploads/2025/05/Archivo-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */