/*###############################################################*/
/*Configuração da galeria Inicio*/
div.gallery {
    border: 1px;
}
div.gallery img {
    width: 100%;
    height: auto;
    border-radius: 15px;
}
.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}
/*Super Grande */
@media screen and (min-width: 1000px) {

}
/*Grande */
@media screen and (min-width: 800px) and (max-width: 1000px) {
    .responsive {
        width: 29.99999%;
        margin: 6px 0;
    }
}
/*Medio */
@media screen and (min-width: 600px) and (max-width: 800px) {
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}
/*Pequeno */
@media screen and (max-width: 600px) {
    .responsive {
        width: 100%;
    }
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
/*Configuração da galeria Fim */
/*###############################################################*/

/*###############################################################*/
/*Configuração da imagem do carrocel inicio*/
.caixa {
    border: solid 1px #666;
    padding: 5px 10px;

}
/*Mostra o SPAN apenas se midia for do tamnho igaul a baixo */
.area-visivel span {
    color: #666;
    display: none;
}
/*Padraonização de Media Query --- Celular-Pequneo-Medio-Grande */
/*Grande*/
@media screen and (min-width: 900px) {
    .tamanhaoGrande {
        background: blue;
    }
    span.mostraSeGrandeTeste {
        background: blue;
        display: inline-block;
    }
    span.mostraSeGrande {
        display: inline-block;
    }
    .imgCarrocel {
        width: 100%;
        height: 250px;
        object-fit: cover;
        object-position:bottom;
    }
}
/*Medio*/
@media screen and (min-width: 600px) and (max-width: 900px) {
    .tamanhaoMedio {
        background: greenyellow;
    }
    span.mostraSeMedioTeste {
        display: inline-block;
        background: greenyellow;
    }
    span.mostraSeMedio {
        display: inline-block;
    }
    .imgCarrocel {
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: bottom;
    }
}

/*Pequeno*/
@media screen and (max-width: 600px) {
    .tamanhaoPequeno {
        background: red;
    }
    span.mostraSePequenoTeste{
        display: inline-block;
        background: red;
    }
    span.mostraSePequeno {
        display: inline-block;
    }
    .imgCarrocel {
        width: 100%;
        height: 200px;
        object-fit: cover;
        object-position: bottom;
    }
}
/*Celular*/
@media screen and (max-device-width: 480px) {
    .tamanhaoCelular {
        background: pink;
    }
    span.mostraSeCelularTeste{
        display: inline-block;
        background: pink;
    }
    span.mostraSeCelular {
        display: inline-block;
    }
    .imgCarrocel {
        width: 100%;
        height: 150px;
        object-fit: cover;
        object-position: bottom;
    }
}
/*Configuração da imagem do carrocel fim*/
/*###############################################################*/

/*###############################################################*/
/*Configuração de efeito de sombra inicio*/

.efeito-sombra {

    background: rgba( 255, 255, 255, 0.35 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 13.5px );
    -webkit-backdrop-filter: blur( 13.5px );
    border-radius: 10px;
    border: 0px solid rgba( 255, 255, 255, 0.18 );
}

/*Configuração da div para trbalhar com as imagem com Gallery lightbox2*/
/*###############################################################*/
.centralizarDivs {
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.img-fluid {      
    align-items: center !important;
    
}
/*###############################################################*/




/* Ajustes responsivos preservando o visual público original */
html, body { overflow-x: hidden; }
.wrapper { min-width: 0; }
.carousel, .carousel-inner, .carousel-item { max-width: 100%; }
.card, .efeito-sombra { max-width: 100%; }
.sidebar .nav-link i { line-height: 1.5; }
@media (max-width: 991.98px) {
    .sidebar.sidebar-fixed { position: fixed; z-index: 1035; }
    .wrapper { margin-left: 0 !important; }
    .header .header-nav.d-none.d-md-flex { display: none !important; }
    .container-lg, .container-fluid { padding-left: .75rem; padding-right: .75rem; }
}
@media (max-width: 575.98px) {
    .efeito-sombra { padding: .75rem !important; }
    .card { border-radius: .75rem; }
    h1 { font-size: clamp(2rem, 12vw, 3rem) !important; }
}


/* Ajustes v14 - menu público com identidade do Ateliê */
.public-sidebar{
    background: linear-gradient(180deg,#7b4450 0%,#a95f72 45%,#ed969e 100%) !important;
    color:#fff;
    box-shadow: 0 0.5rem 1.6rem rgba(126,68,80,.25);
}
.public-sidebar .sidebar-nav .nav-title{
    color:#ffe5ea;
    font-weight:800;
    letter-spacing:.06em;
}
.public-sidebar .nav-link{
    color:#fff7f8 !important;
    font-weight:600;
    border-radius:12px;
    margin:2px 10px;
}
.public-sidebar .nav-link:hover,
.public-sidebar .nav-link.active{
    background:rgba(255,255,255,.18) !important;
    color:#fff !important;
}
.public-sidebar .nav-icon{color:#fff !important; opacity:.95;}
.public-sidebar-brand{
    background:rgba(255,255,255,.10) !important;
    justify-content:flex-start !important;
    padding-left:1.15rem;
}
.public-brand-title{font-size:1.1rem;font-weight:800;line-height:1.1;}
.public-sidebar-brand small{color:#ffe4e8;}
.public-topbar{
    background:#fff !important;
    border-bottom:1px solid rgba(237,150,158,.22);
}
.public-topbar .nav-link{
    color:#6c3f49 !important;
    font-weight:600;
}
.public-topbar .nav-link:hover{color:#ed7f8d !important;}
.public-mobile-brand{font-weight:800;color:#a95f72;text-decoration:none;}
@media(max-width:767.98px){
    .public-sidebar .sidebar-brand{display:none!important;}
    .wrapper{margin-left:0!important;}
    .body{padding-left:.5rem!important;padding-right:.5rem!important;}
}