/*============================================================================*/
/*----------------------------- itens (itens.blade.php) ----------------------*/
/* Lista de itens/serviços marcados no admin (Página/Post), vindos do campo
   json (checkbox + título SEO/URL/meta description opcionais por item).
   Extraído do <style> que antes ficava embutido dentro do próprio
   itens.blade.php. */

.lista-itens {
    margin-top: 20px;
}

.lista-itens .row {
    margin-bottom: 20px;
}

/* Estilo para cada categoria */
.lista-itens h3 {
    font-size: 1.1rem;
    margin-bottom: 15px;
    margin-top: 15px;
}

/* Estilo para cada item */
.lista-itens ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.lista-itens ul li {
    text-align: center;
    list-style: none;
    color: #1d1d1d;
    padding: 15px 15px;
    width: 33.33%;
    margin: 0;
    border: solid 0.1px #2121210f;
    font-size: 14px;
    line-height: 4.5;
    position: relative;
}

/* Estilo para as imagens */
.lista-itens img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    margin: 5px auto 5px auto;
    float: left;
}

/* Estilo para o texto dos itens */
.lista-itens li span {
    font-size: 1rem;
}

/* Card inteiro (ícone + nome) vira link clicável quando o item tem URL
   preenchida no admin - sem herdar sublinhado/cor de link padrão. */
.lista-itens .item-conteudo {
    display: block;
    color: inherit;
    text-decoration: none;
}

.lista-itens .item-conteudo:hover {
    color: inherit;
    text-decoration: none;
}

/* Descrição SEO opcional por item - só aparece se preenchida no admin.
   clear:both por causa do float:left da imagem, senão o texto sobe e
   fica ao lado do ícone em vez de embaixo. */
.lista-itens .meta-description {
    display: block;
    clear: both;
    font-size: 12px;
    line-height: 1.4;
    color: #666;
    text-align: left;
    margin-top: 5px;
}

.itens-min .lista-itens {}
.itens-min .lista-itens ul  {}
.itens-min .lista-itens ul li { padding: 10px 10px;    width: 25%;}
.itens-min .lista-itens ul li .item-conteudo{font-size: 12px;}
.itens-min .lista-itens ul li .item-conteudo img{
    width: 25px;
    height: 25px;
}
.itens-min .lista-itens ul li::after{
    top: 10px!important;
    left: 0px!important;
    width: 20px!important;
    height: 20px!important;
}

.atracoes-itens {}

/* Estilo para a lista de itens */
.atracoes-itens .lista-itens {
    padding-top: 15px;
    padding-bottom: 15px;
    margin: auto;
}

.atracoes-itens .lista-itens .row {}

/* Estilo para cada categoria */
.atracoes-itens .lista-itens h3 {}

/* Estilo para cada item */
.atracoes-itens .lista-itens ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
}

.atracoes-itens .lista-itens ul li {
    background-color: #efefef;
    color: #1d1d1d;
    padding: 20px 20px;
    width: 20%;
    margin: 0;
    border: solid 0.1px #2121210f;
    font-size: 14px;
    line-height: 3;
}

/* Estilo para as imagens */
.atracoes-itens .lista-itens img {
    float: left;
}

/* Estilo para o texto dos itens */
.atracoes-itens .lista-itens li span {}

.itens-all-widget-index{}

.itens-all-widget-index .lista-itens{}
.itens-all-widget-index .lista-itens ul{}
.itens-all-widget-index .lista-itens ul li{border: none;text-align: left;font-weight: 500;width: 25%;}
.itens-all-widget-index .lista-itens .item-conteudo{}
.itens-all-widget-index .lista-itens img{float: inherit;margin: 5px auto -12.5px 0;}
.itens-all-widget-index .lista-itens .meta-description{    margin-top: -10px;    font-weight: 300;}


/* Quadrado preto no canto inferior esquerdo */
.itens-all-widget-index .lista-itens ul li::after {    content: "";    position: absolute;    top: 65px;    left: 20px;    width: 30px;    height: 30px;    background-color: rgb(195 157 25 / 50%);    z-index: 1;}

.cms-intro-h2{
    background-image: url(/img/backgrounds/pattern-1.webp);
    background-position: bottom right;
}
.cms-intro-h2 .title{
    padding: 2.5vw 15px 15px 15px !important;
}
.cms-intro-h2 .lista-itens{}
.cms-intro-h2 .lista-itens ul{}
.cms-intro-h2 .lista-itens ul li{
    width: 42.5%;
    border-bottom: solid 1px #dcca89;
    margin-right: 30px;
    padding: 15px;
}
.cms-intro-h2 .lista-itens .item-conteudo{
    display: inline-flex;
    font-size: 11px;
}
.cms-intro-h2 .lista-itens ul li::after{
    top: 40px;
    left: 0px;
}
.cms-intro-h2 .lista-itens img{float: inherit;margin: 5px 5px 0 0;width: 40px;height: 40px;}
.cms-intro-h2 .lista-itens .meta-description{    margin-top: -10px;    font-weight: 300;}

.cms-intro-h2  img.layout{
    top: 0;
}
@media screen and (max-width: 1024px) {

    .itens-all-widget-index .lista-itens ul li::after {    content: "";    position: absolute;    top: 65px;    left: 20px;    width: 30px;    height: 30px;    background-color: rgb(195 157 25 / 50%);    z-index: 1;}


    .cms-intro-h2 .lista-itens ul li{    width: 46.5%;    margin-right: 10px;}
    .cms-intro-h2 .lista-itens .item-conteudo{    display: inline-flex;    flex-direction: column;}
    
    .itens-all-widget-index{}
    .itens-all-widget-index .lista-itens{    min-height: 275px;}
    .itens-all-widget-index .lista-itens ul{}
    .itens-all-widget-index .lista-itens ul li{
    width: 33%;
}
    .itens-all-widget-index .lista-itens .item-conteudo{}
    .itens-all-widget-index .lista-itens img{}
    .itens-all-widget-index .lista-itens .meta-description{}

    .itens-min .lista-itens ul li{width: 50%;}


    .atracoes-itens {}

    /* Estilo para a lista de itens */
    .atracoes-itens .lista-itens {}

    .atracoes-itens .lista-itens .row {}

    /* Estilo para cada categoria */
    .atracoes-itens .lista-itens h3 {}

    /* Estilo para cada item */
    .atracoes-itens .lista-itens ul {}

    .atracoes-itens .lista-itens ul li {
        width: 50%;
        padding: 15px;
        line-height: 2.2;
        font-size: 12px;
    }

    /* Estilo para as imagens */
    .atracoes-itens .lista-itens img {
        width: 30px;
    }

    /* Estilo para o texto dos itens */
    .atracoes-itens .lista-itens li span {}

    .lista-itens ul li {
    padding: 15px 15px;
    width: 50%;
    font-size: 12px;
    line-height: 4;
}
    .lista-itens img {
    width: 25px;
    height: auto;
    margin: 10px auto 5px auto;
    float: left;
}

}

/*----------------------------- itens (itens.blade.php) ----------------------*/
/*============================================================================*/


/*============================================================================*/
/*------------------- itens_detalhes (itens_detalhes.blade.php) --------------*/
/* Classes genéricas (.itens-cards etc.) escopadas pelo wrapper único
   .itens-detalhes-widget - do contrário colidiriam com itens_fluid/itens_lazer,
   que usam os mesmos nomes de classe genéricos. */

.itens-detalhes-widget .item-info { display: inline-block; }
.itens-detalhes-widget .itens-cards { margin-top: 20px; }
.itens-detalhes-widget .itens-cards .row { margin-bottom: 20px; }
.itens-detalhes-widget .itens-cards h3 { font-size: 1.5rem; margin-bottom: 30px; }
.itens-detalhes-widget .itens-cards ul { padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.itens-detalhes-widget .itens-cards ul li { text-align: center; font-size: 14px; margin: 0 40px 50px 0; list-style: none; }
.itens-detalhes-widget .itens-cards img { width: 50px; height: 50px; object-fit: contain; margin: auto; }
.itens-detalhes-widget .itens-cards li span { font-size: 1rem; }
.itens-detalhes-widget .itens-cards .titulo-seo { margin: 10px 0; }
.itens-detalhes-widget .itens-cards .meta-description { line-height: 26px; font-size: 14px; }

/*------------------- itens_detalhes (itens_detalhes.blade.php) --------------*/
/*============================================================================*/


/*============================================================================*/
/*----------------------- itens_fluid (itens_fluid.blade.php) ----------------*/

.itens-fluid-widget .item-info { display: inline-block; }
.itens-fluid-widget .itens-cards { margin-top: 20px; padding-top: 60px; padding-bottom: 60px; }
.itens-fluid-widget .itens-cards .row { margin-bottom: 20px; }
.itens-fluid-widget .itens-cards h3 { font-size: 1.5rem; margin-bottom: 30px; }
.itens-fluid-widget .itens-cards ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    padding: 0;
}
.itens-fluid-widget .itens-cards ul li {
    color: #1d1d1d;
    padding: 15px;
    width: 24%;
    margin: 5px;
    font-size: 14px;
    line-height: 3;
    text-align: center;
    border: solid 1px #f3f3f3;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.itens-fluid-widget .itens-cards img { width: 50px; height: 50px; object-fit: contain; margin-bottom: 5px; }
.itens-fluid-widget .itens-cards .titulo-seo { margin: 10px 0; font-size: 16px; color: var(--thm-base) !important; }
.itens-fluid-widget .itens-cards .meta-description { line-height: 20px; font-size: 12px; padding: 0 30px; }

@media screen and (max-width: 1024px) {
    .itens-fluid-widget .itens-cards ul li { width: 45%; padding: 15px; line-height: 2.2; font-size: 12px; }
    .itens-fluid-widget .itens-cards .titulo-seo { font-size: 12px; }
    .itens-fluid-widget .itens-cards .meta-description { line-height: 15px; font-size: 10px; padding: 0; }
    .itens-fluid-widget .itens-cards img { width: 30px; height: 30px; }
}

/*----------------------- itens_fluid (itens_fluid.blade.php) ----------------*/
/*============================================================================*/


/*============================================================================*/
/*----------------------- itens_lazer (itens_lazer.blade.php) ----------------*/

.itens-lazer-widget .item-info { display: inline-block; }
.itens-lazer-widget .itens-cards { margin-top: 20px; padding-top: 60px; padding-bottom: 60px; }
.itens-lazer-widget .itens-cards .row { margin-bottom: 20px; }
.itens-lazer-widget .itens-cards h3 { font-size: 1.5rem; margin-bottom: 30px; }
.itens-lazer-widget .itens-cards ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    padding: 0;
}
.itens-lazer-widget .itens-cards ul li {
    color: #1d1d1d;
    padding: 15px;
    width: 20%;
    margin: 0;
    font-size: 14px;
    line-height: 3;
    text-align: center;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.itens-lazer-widget .itens-cards img { width: 50px; height: 50px; object-fit: contain; margin-bottom: 5px; }
.itens-lazer-widget .itens-cards .titulo-seo { margin: 10px 0; font-size: 16px; color: var(--thm-base) !important; }
.itens-lazer-widget .itens-cards .meta-description { line-height: 20px; font-size: 12px; padding: 0 30px; }
.itens-lazer-widget .itens-cards .item-conteudo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: inherit;
    text-decoration: none;
}
.itens-lazer-widget .itens-cards .item-conteudo:hover { color: inherit; text-decoration: none; }

@media screen and (max-width: 1024px) {
    .itens-lazer-widget .itens-cards ul li { width: 50%; padding: 15px; line-height: 2.2; font-size: 12px; }
    .itens-lazer-widget .itens-cards img { width: 30px; height: 30px; }
}

/*----------------------- itens_lazer (itens_lazer.blade.php) ----------------*/
/*============================================================================*/


/*============================================================================*/
/*--------------------- itens_quarto (itens_quarto.blade.php) ----------------*/
/* Movido de public/css/components/main.css (só era usado aqui - conferido
   antes de mover, nenhum outro arquivo referenciava essas classes). */

.itens-quarto-widget .lista-itens-unic { margin-top: 30px; }
.itens-quarto-widget .row { margin-bottom: 20px; }
.itens-quarto-widget h3 { font-size: 1.5rem; margin-bottom: 30px; }
.itens-quarto-widget .flex-container-itens-unic { padding: 0 0 15px 0; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.itens-quarto-widget .flex-container-itens-unic li { position: relative; display: inline-grid; width: 80px; height: 60px; font-size: 12px; margin: 15px 12px; list-style: none; text-align: center; }
.itens-quarto-widget .flex-container-itens-unic li img { display: block; width: 35px; height: 35px; object-fit: contain; margin: 0 0 5px 0; z-index: 99; margin-left: -17.5px; position: relative; left: 50%; }
.itens-quarto-widget .flex-container-itens-unic li::after { content: ""; position: absolute; bottom: 20px; left: 15.5px; width: 25px; height: 25px; background-color: #c39d19; z-index: 1; }
.itens-quarto-widget .flex-container-itens-unic li .item-conteudo { display: block; color: inherit; text-decoration: none; }
.itens-quarto-widget .flex-container-itens-unic li .item-conteudo:hover { color: inherit; text-decoration: none; }
.itens-quarto-widget .flex-container-itens-unic li .meta-description { display: block; clear: both; font-size: 11px; line-height: 1.3; color: #666; margin-top: 30px; }

/*--------------------- itens_quarto (itens_quarto.blade.php) ----------------*/
/*============================================================================*/


/*============================================================================*/
/*--- itens_gastronomia / itens_servicos_apoio / itens_transporte / itens_animais ---*/
/* Um arquivo por categoria (mesmo código/estrutura do itens_quarto.blade.php),
   cada um com seu próprio wrapper único para não colidir entre si. */

.itens-gastronomia-widget .lista-itens-unic,
.itens-servicos-apoio-widget .lista-itens-unic,
.itens-transporte-widget .lista-itens-unic,
.itens-animais-widget .lista-itens-unic {
    margin-top: 30px;
}

.itens-gastronomia-widget .row,
.itens-servicos-apoio-widget .row,
.itens-transporte-widget .row,
.itens-animais-widget .row {
    margin-bottom: 20px;
}

.itens-gastronomia-widget .flex-container-itens-unic,
.itens-servicos-apoio-widget .flex-container-itens-unic,
.itens-transporte-widget .flex-container-itens-unic,
.itens-animais-widget .flex-container-itens-unic {
    padding: 0 0 15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.itens-gastronomia-widget .flex-container-itens-unic li,
.itens-servicos-apoio-widget .flex-container-itens-unic li,
.itens-transporte-widget .flex-container-itens-unic li,
.itens-animais-widget .flex-container-itens-unic li {
    position: relative;
    display: inline-grid;
    width: 80px;
    height: 60px;
    font-size: 12px;
    margin: 15px 12px;
    list-style: none;
    text-align: center;
}

.itens-gastronomia-widget .flex-container-itens-unic li img,
.itens-servicos-apoio-widget .flex-container-itens-unic li img,
.itens-transporte-widget .flex-container-itens-unic li img,
.itens-animais-widget .flex-container-itens-unic li img {
    display: block;
    width: 35px;
    height: 35px;
    object-fit: contain;
    margin: 0 0 5px 0;
    z-index: 99;
    margin-left: -17.5px;
    position: relative;
    left: 50%;
}

.itens-gastronomia-widget .flex-container-itens-unic li::after,
.itens-servicos-apoio-widget .flex-container-itens-unic li::after,
.itens-transporte-widget .flex-container-itens-unic li::after,
.itens-animais-widget .flex-container-itens-unic li::after {
    content: "";
    position: absolute;
    bottom: 20px;
    left: 15.5px;
    width: 25px;
    height: 25px;
    background-color: #c39d19;
    z-index: 1;
}

.itens-gastronomia-widget .flex-container-itens-unic li .item-conteudo,
.itens-servicos-apoio-widget .flex-container-itens-unic li .item-conteudo,
.itens-transporte-widget .flex-container-itens-unic li .item-conteudo,
.itens-animais-widget .flex-container-itens-unic li .item-conteudo {
    display: block;
    color: inherit;
    text-decoration: none;
}

.itens-gastronomia-widget .flex-container-itens-unic li .item-conteudo:hover,
.itens-servicos-apoio-widget .flex-container-itens-unic li .item-conteudo:hover,
.itens-transporte-widget .flex-container-itens-unic li .item-conteudo:hover,
.itens-animais-widget .flex-container-itens-unic li .item-conteudo:hover {
    color: inherit;
    text-decoration: none;
}

.itens-gastronomia-widget .flex-container-itens-unic li .meta-description,
.itens-servicos-apoio-widget .flex-container-itens-unic li .meta-description,
.itens-transporte-widget .flex-container-itens-unic li .meta-description,
.itens-animais-widget .flex-container-itens-unic li .meta-description {
    display: block;
    clear: both;
    font-size: 11px;
    line-height: 1.3;
    color: #666;
    margin-top: 30px;
}

/*--- itens_gastronomia / itens_servicos_apoio / itens_transporte / itens_animais ---*/
/*============================================================================*/