/*
Theme Name: Royal Elementor Kit Child
Theme URI: https://royal-elementor-addons.com/royal-elementor-kit-child
Description: Child theme for the Royal Elementor Kit
Author: WP Royal
Author URI: https://royal-elementor-addons.com/
Template: royal-elementor-kit
Version: 1.0.0
*/

.container10000{
    --padding-top: 0;
    --padding-left: 0;
    --padding-bottom: 0;
    --padding-right: 0;
    
}

/* Container para os cards */
.servico-cards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px; /* Espaço entre os cards */
    margin: 50px auto;
    max-width: var(--content-width);
}

/* Estilo do card individual */
.servico-card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    overflow: hidden; /* Garante que a imagem não "vaze" do card */
    text-align: center;
    transition: transform 0.3s ease;
}

.servico-card:hover {
    transform: translateY(-5px);
}

.servico-card-imagem {
    width: 100%;
    height: 200px; /* Altura fixa para a imagem */
    object-fit: cover; /* Garante que a imagem preencha a área sem distorcer */
}

.servico-card-conteudo {
    padding: 20px;
}

.servico-card-conteudo .entry-title {
    font-size: 1.2rem;
    margin: 0;
    line-height: 1.4;
}

.servico-card-conteudo .entry-title a {
    text-decoration: none;
    color: #333;
}

/* Media Queries para responsividade */
@media (max-width: 992px) {
    .servico-cards-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .servico-cards-container {
        grid-template-columns: 1fr;
    }
}

/* -------------------------------------- */
/* ESTILOS PARA O PRELOADER GERAL */
/* -------------------------------------- */

#custom-preloader {
    /* Garante que cubra a tela toda */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Cor de fundo */
    background-color: #ffffff; 
    
    /* Centraliza o spinner */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Coloca o preloader acima de todos os elementos */
    z-index: 99999;
    
    /* Efeito de transição suave ao desaparecer */
    opacity: 1;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}


/* -------------------------------------- */
/* ESTILOS DO SPINNER CSS (O ANEL) */
/* -------------------------------------- */

.css-spinner {
    border: 4px solid rgba(0, 0, 0, 0.1); /* Cor de fundo do anel */
    border-top: 4px solid #0073e6; /* Cor do spinner (mude para sua cor principal) */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite; /* Aplica a animação */
}

/* Definição da Animação (girar 360 graus) */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}