/*Cor do saco: é um bege claro / areia, com leve variação por sombra

RGB aproximado: 230, 210, 185

Hex: #E6D2B9

Cor do cifrão ($): é um marrom escuro

RGB aproximado: 95, 70, 45

Hex: #5F462D*/
body{

    font-family: Arial;
    margin:0;
    padding-top: 70px;
    background:#F5EFEA;
    color:#555;
    
    }

    header{

        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: white;
        color: #7A2E3A;
        z-index: 1000;
        border-bottom:1px solid #eee;
        backdrop-filter: blur(10px);
        /*
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: white;
        /*background: #7A2E3A;*/
        /*color: white;
        color: #7A2E3A;
        z-index: 1000;
        */
        }
 
/*
    .container{
    
    display:flex;
    justify-content:space-between;
    align-items:center;
    
    }
 */
 .container{

    width:100%;
    max-width:1200px;
    margin:auto;
    
    display:flex;
    /*align-items:center;*/
    align-items: center;
    justify-content:space-between;
    
    padding:10px 5%;
    /*padding:10px 60px;*/
    
    }   

    nav a{
        text-decoration:none;
        color:#7A2E3A;
        font-size:16px;
        white-space:nowrap;
    }
    
    nav{
        display:flex;
        gap:20px;
        align-items:center;
        flex-wrap:nowrap;
    
        max-width:60%;
    }

    .hero{
    
    padding:120px 20px;
    text-align:center;
    background:white;
    
    }
    
    .hero h2{
    
    font-size:42px;
    color:#5B1E27;
    
    }

    .hero p{
        color: #555;
    }
    
    
    .botao{
    
    display:inline-block;
    margin-top:20px;
    background:#7A2E3A;
    color:white;
    padding:12px 25px;
    border-radius:8px;
    text-decoration:none;
    
    }
    
    .servicos{
    
    padding:60px 20px;
    text-align:center;
    
    }
    
    .grid{
    
    display:flex;
    gap:20px;
    justify-content:center;
    
    }
    
    .card{
    
    background:white;
    padding:25px;
    border-radius:10px;
    width:250px;
    box-shadow:0 5px 10px rgba(0,0,0,0.1);

    border: 2px solid #D2A550; /* 👈 AQUI */
    
    }
    
    .contato{
    
    background:#7A2E3A;
    color:white;
    padding:60px;
    text-align:center;
    
    }
    
    footer{
    
    text-align:center;
    padding:20px;
    
    }

    .logo a{
        display:flex;
        align-items:center;
        text-decoration:none;
        color:inherit;
        margin:0;
        font-size:18px;
        flex-shrink:0;
        }
        
        .logo img{
        height:40px;
        margin-right:10px;
        }

        .logo span{
            position: relative;
            top: 6px;
            font-size:14px;        
        }
        
        /* Estilizando o icone */
        .icon{
            width:50px;
            margin-bottom:15px;
        }

        .card .icon{
            width:45px;
        
            border: 2px solid #5F462D;
            border-radius: 50%;
            padding:12px;
        
            background:white;
            transition:0.3s;
        }
        
        .card:hover .icon{
            transform: scale(1.1);
        }
         .card-titulo{
            display:flex;
            align-items:center;
            gap:10px;
            margin-bottom:10px;
        }

            .icon-ir{
                width:45px;
                height:45px;
            }

            .card h3{
                margin:0;
            }
        .card-cpf{
            display: flex;
            align-items: center;
            gap:10px;
            margin-bottom: 10px;
        }

            .icon-cpf{
                width: 35px;
                height: 35px;
            }
        .card-conta-digital{
            display: flex;
            align-items: center;
            gap: 30px;
            margin-bottom: 20px;
        }

            .icon-conta-digital{
                width: 35x;
                height: 35px;
            }
.sobre{
        padding:80px 20px;
        background:#F5EFEA;
        }
            
        .container-sobre{
            max-width:1200px;
            margin:auto;
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:40px;
            flex-wrap:wrap;
            }
            
            .sobre-texto{
                flex:1;
                min-width:300px;
            }
            
            .sobre-texto h2{
                color:#5B1E27;
                font-size:32px;
                margin-bottom:20px;
            }
            
            .sobre-texto p{
                margin-bottom:15px;
                line-height:1.6;
            }
            
            .sobre-imagem{
                flex:1;
                min-width:300px;
                text-align:center;
            }
            
            .sobre-imagem img{
                width:100%;
                max-width:400px;
            }

            .hero{

                height:55vh;
                
                display:flex;
                align-items:center;
                justify-content:center;
                text-align:center;
                
                /* imagem de fundo */
                background:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)),
                url('../img/img_fundo.png');
                
                background-size:cover;
                background-position:center;
                background-repeat:no-repeat;
                
                color:white;
                
                }