/* ==========================================================================
   SEU CÓDIGO ORIGINAL PARA DESKTOP (PRESERVADO)
   ========================================================================== */
@import url(../Style/transition.css);
@import url(../Style/footerazul.css);

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    background: #060619;
    color: #fff;
    font-family: 'unica one', sans-serif;
}

::-webkit-scrollbar {
    background-color: transparent;
    width: 8px;
    margin-right: 4px;
}

::-webkit-scrollbar-thumb {
    background-color:darkgray;
    border-radius: 100px;
}



.col {
    width: 50%;
    padding: 1em 3em;
}

.contact-section h3 {
    font-family: "Russo One", sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}

.contact-section span {
    text-transform: uppercase;
    font-size: 1.2em;
}

.contact-section a {
    text-decoration: none;
    color: #fff;
}

.contact-section a:hover {
    color: #fc5e5e;
    transform: scale(1.2);
    transition: 0.3s ease;
}

.contact-details p {
    font-family: 'Russo One', sans-serif;
    font-size: 40px;
    line-height: 60px;
    padding-top: 0.8em;
}

.contact-details p span {
    font-family: 'unica one', sans-serif;
    background: #fc5e5e;
    color: white;
}


button {
    font-family: 'unica one', sans-serif;
    font-weight: 900;
    font-size: 2em;
    color: white;
    border: 2px solid white;
    background-color: transparent;
    padding: 5px 20px;
    border-radius: 200px;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: background-color 0.3s ease;
}

button:hover {
    background-color: #fc5e5e;
    border: 2px solid #fc5e5e;
    cursor: pointer;
}

.whatsapp {
    z-index: 999999;
    height: auto;
    width: 100%;
    padding: 15px 20px;
    margin-top: 5%;
    margin-left: 0;
    padding: 0;
}

.whatsapp a {
    text-decoration: none;
    border: none;
}

svg {
    fill: #fff;
}

.whatsapp button {
    background: transparent;
    padding: auto;
    border: 2px solid #fc5e5e;
    cursor: pointer;
    width: 25%;
}

.whatsapp button:hover {
    background: #fc5e5e;
    border: 2px solid #fc5e5e;
    color: #fff;
}

.line {
    width: 50%;
    height: 2px;
    background: #fc5e5e;
    margin-bottom: 1em;
}

.item {
    padding: 4em 0 0 0;
}

.contact-info {
    display: flex;
}

.address {
    padding-left: 4em;
}

.calendly-inline-widget {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99999;
    margin-top: 6%;
    margin-bottom: 10%;
}




/* --- Queries originais para manter a base --- */
@media(min-width: 900px) {
    .contact-section {
        width: 100%;
        display: flex;
    }
}


/* ==========================================================================
   INÍCIO DA SECÇÃO RESPONSIVA - SÓ AFETA TELAS MENORES
   ========================================================================== */

@media screen and (max-width: 992px) {
    /* Estilos para tablets em modo retrato */
    .contact-section {
        flex-direction: column; /* Força as colunas a empilhar */
    }
    
    .col {
        width: 100%; /* Colunas ocupam toda a largura */
        padding: 2em; /* Reduz padding lateral */
    }

    .contact-details p {
        font-size: 32px; /* Reduz tamanho da fonte do título */
    }

    /* Ajustes do menu */
    
}

@media screen and (max-width: 768px) {
    /* Estilos para a maioria dos telemóveis */


    
    .contact-details p {
        font-size: 28px;
    }
    
    /* Na seção de contato, empilha email e endereço */
    .contact-section .contact-info {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .contact-section .address {
        padding-left: 0; /* Remove espaçamento à esquerda */
        margin-top: 2em; /* Adiciona espaço vertical entre os itens */
    }
    
    .whatsapp button {
        width: 60%; /* Ajusta a largura do botão do WhatsApp */
        min-width: 200px;
    }


    /* Ajustes no menu */



    /* --- Ajustes no Rodapé --- */
    .footer-top, .footer-bottom {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 1.5em; /* Adiciona um espaço entre os elementos */
    }

    .footer-nav {
        flex-direction: column;
        gap: 1em; /* Espaço entre os links de navegação */
    }
}

@media screen and (max-width: 480px) {
    /* Ajustes finos para telas muito pequenas */
    .col {
        padding: 1.5em 1em; /* Menos padding ainda */
    }
    
    .contact-details p {
        font-size: 24px;
        line-height: 1.5; /* Melhora a leitura */
    }

    .contact-section span {
        font-size: 1em; /* Menor fonte para os links de contato */
    }

    
    .contact-link {
        font-size: 1.2em;
    }
}

@media (max-width: 920px) {

    .cursor {
        display: none;
    }
}