:root{
    --bg_Site:#F3EFED;
    --bgText_A:#5A4743;

    --bgSite_ScrollBar:#f3efed5e;
    --bgSite_ScrollTrack:#4A403D;
    --bgSite_Header:#f3efed75;

    --bgBTN:#4a403d59;
    --bgBTN_Text:#F3EFED;
    --bgBTN_Hover:#4a403d93;
    --bgBTN_Shadow:#4a403d75;

    --bgInput:#A26769;
    --bgInput_FileBG:#a267698e;

    --bgInput_Text:#3D272B;
    --bgInput_Shadow:#5f3a407e;
    --bgInput_Place:#CCADB0;

}
/* Header fisso */
body{background-color: var(--bg_Site);overflow-x: hidden;}
body::-webkit-scrollbar {width:5px;}
body::-webkit-scrollbar-track {background: var(--bgSite_ScrollBar);backdrop-filter: blur(10px);border-radius: 15px;}
body::-webkit-scrollbar-thumb {background: var(--bgSite_ScrollTrack);border-radius: 15px;}
@supports not selector(::-webkit-scrollbar) {body {scrollbar-color: var(--bgSite_ScrollTrack)var(--bgSite_ScrollBar);}}

    header {position: fixed;top: 0;left: 0;width: 100%;background: var(--bgSite_Header);backdrop-filter: blur(10px);padding: 15px;text-align: center;z-index: 1000;display: flex;align-items: center;}

    header .left{width: 30%;align-items: center;display: flex;justify-content: start;}
    header .left h1{color: var(--bgText_A);cursor: pointer;text-align: start;}

    header .right{width: 70%;align-items: center;display: flex;justify-content: end;}
    header .right .squareButton{
        width: 35px;height: 35px;
        margin: 0 2px 0 2px;
        border-radius: 10px;
        cursor: pointer;
    }
    header .right .ctaButton{
        width: 75px;height: 35px;margin-right: 30px;margin-left: 2px;
        border-radius: 10px;
        cursor: pointer;
    }

    footer {position: fixed;bottom: 0;left: 0;width: 100%;background: var(--bgSite_Header);backdrop-filter: blur(10px);padding: 10px;text-align: center;z-index: 1000;}


    /* Sezioni */
    section {height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 1rem;}
    section:nth-child(odd) {background: #0077b6;}
    section:nth-child(even) {background: #00b4d8;}

    /* WELCOME */
    .section_welcome{}
    .section_welcome h1{font-size: 5rem;font-weight: 900;margin: 5px 0 5px 0;}
    .section_welcome h2{font-size: 2rem;margin: 5px 0 5px 0;}
    .section_welcome h2 span{margin: 0 5px 0 5px;}

    .section_welcome div{margin: 5px 0 5px 0;}

    .section_welcome div button{}
    
    .section_welcome div button:hover{}
    
    .section_welcome div button span{}
    
    .section_welcome div button svg{}


    /* Add On Go Maps */
    .sectionMaps_addOnGoMaps{
        display: flex;flex-direction: column;
    }

    .sectionMaps_addOnGoMaps .card{
        margin: 15px;
        padding: 10px;
        
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 70%;
    }
    .sectionMaps_addOnGoMaps-WPNameDataContainer{background-color: var(--bgInput);width: 90%;display: flex;align-items: center;justify-content: center;padding: 5px;border-radius: 10px;backdrop-filter: blur(10px);box-shadow: 0px 2px 4px var(--bgInput_Shadow);margin: 5px;}
    .sectionMaps_addOnGoMaps-WPNameDataContainer input{color: var(--bgInput_Text);width: 90%;border: none;outline: none;background-color: transparent;text-align: center;font-size: 1rem;}
    .sectionMaps_addOnGoMaps-WPNameDataContainer input::placeholder{color: var(--bgInput_Place);}

    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPCoordinatesContainer{display: grid;grid-template-areas: 'sectionMaps_addOnGoMaps-WPEastingDataContainer sectionMaps_addOnGoMaps-WPNorthingDataContainer sectionMaps_addOnGoMaps-WPTimeZoneDataContainer';width: 90%;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPCoordinatesContainer .sectionMaps_addOnGoMaps-WPEastingDataContainer{grid-area: sectionMaps_addOnGoMaps-WPEastingDataContainer;background-color: var(--bgInput);display: flex;align-items: center;justify-content: center;padding: 5px;border-radius: 10px;backdrop-filter: blur(10px);box-shadow: 0px 2px 4px var(--bgInput_Shadow);margin: 5px;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPCoordinatesContainer .sectionMaps_addOnGoMaps-WPEastingDataContainer input{color: var(--bgInput_Text);width: 90%;border: none;outline: none;background-color: transparent;text-align: center;font-size: 1rem;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPCoordinatesContainer .sectionMaps_addOnGoMaps-WPEastingDataContainer input::placeholder{color: var(--bgInput_Place);}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPCoordinatesContainer .sectionMaps_addOnGoMaps-WPNorthingDataContainer{grid-area: sectionMaps_addOnGoMaps-WPNorthingDataContainer;background-color: var(--bgInput);display: flex;align-items: center;justify-content: center;padding: 5px;border-radius: 10px;backdrop-filter: blur(10px);box-shadow: 0px 2px 4px var(--bgInput_Shadow);margin: 5px;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPCoordinatesContainer .sectionMaps_addOnGoMaps-WPNorthingDataContainer input{color: var(--bgInput_Text);width: 90%;border: none;outline: none;background-color: transparent;text-align: center;font-size: 1rem;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPCoordinatesContainer .sectionMaps_addOnGoMaps-WPNorthingDataContainer input::placeholder{color: var(--bgInput_Place);}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPCoordinatesContainer .sectionMaps_addOnGoMaps-WPTimeZoneDataContainer{grid-area: sectionMaps_addOnGoMaps-WPTimeZoneDataContainer;background-color: var(--bgInput);display: flex;align-items: center;justify-content: center;padding: 5px;border-radius: 10px;backdrop-filter: blur(10px);box-shadow: 0px 2px 4px var(--bgInput_Shadow);margin: 5px;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPCoordinatesContainer .sectionMaps_addOnGoMaps-WPTimeZoneDataContainer input{color: var(--bgInput_Text);width: 90%;border: none;outline: none;background-color: transparent;text-align: center;font-size: 1rem;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPCoordinatesContainer .sectionMaps_addOnGoMaps-WPTimeZoneDataContainer input::placeholder{color: var(--bgInput_Place);}

    .sectionMaps_addOnGoMaps-WPPictureContainer{display: grid;grid-template-areas: 'sectionMaps_addOnGoMaps-WPPictureAButton sectionMaps_addOnGoMaps-WPPictureBButton sectionMaps_addOnGoMaps-WPPictureCButton';width: 90%;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPPictureContainer input[type="file"]{display: none;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPPictureContainer .sectionMaps_addOnGoMaps-WPPictureAButton{grid-area: sectionMaps_addOnGoMaps-WPPictureAButton;display: flex;flex-direction: column;align-items: center;margin: 5px;padding: 15px;font-size: 1rem;border: 2px dashed var(--bgInput);background-color: var(--bgInput_FileBG);box-shadow: 0px 2px 4px var(--bgInput_Shadow);color: var(--bgBTN_Text);border-radius: 10px;cursor: pointer;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPPictureContainer .sectionMaps_addOnGoMaps-WPPictureAButton:hover{transform: scale(1.03);transition: 300ms;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPPictureContainer .sectionMaps_addOnGoMaps-WPPictureAButton svg{width: 40px;height: 40px;margin-bottom: 10px;fill: var(--bgBTN_Text);}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPPictureContainer .sectionMaps_addOnGoMaps-WPPictureBButton{grid-area: sectionMaps_addOnGoMaps-WPPictureBButton;display: flex;flex-direction: column;align-items: center;margin: 5px;padding: 15px;font-size: 1rem;border: 2px dashed var(--bgInput);background-color: var(--bgInput_FileBG);box-shadow: 0px 2px 4px var(--bgInput_Shadow);color: var(--bgBTN_Text);border-radius: 10px;cursor: pointer;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPPictureContainer .sectionMaps_addOnGoMaps-WPPictureBButton:hover{transform: scale(1.03);transition: 300ms;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPPictureContainer .sectionMaps_addOnGoMaps-WPPictureBButton svg{width: 40px;height: 40px;margin-bottom: 10px;fill: var(--bgBTN_Text);}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPPictureContainer .sectionMaps_addOnGoMaps-WPPictureCButton{grid-area: sectionMaps_addOnGoMaps-WPPictureCButton;display: flex;flex-direction: column;align-items: center;margin: 5px;padding: 15px;font-size: 1rem;border: 2px dashed var(--bgInput);background-color: var(--bgInput_FileBG);box-shadow: 0px 2px 4px var(--bgInput_Shadow);color: var(--bgBTN_Text);border-radius: 10px;cursor: pointer;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPPictureContainer .sectionMaps_addOnGoMaps-WPPictureCButton:hover{transform: scale(1.03);transition: 300ms;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPPictureContainer .sectionMaps_addOnGoMaps-WPPictureCButton svg{width: 40px;height: 40px;margin-bottom: 10px;fill: var(--bgBTN_Text);}

    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPSocialContainer{display: grid;grid-template-areas: 'sectionMaps_addOnGoMaps-WPSocialADataContainer sectionMaps_addOnGoMaps-WPSocialBDataContainer';width: 90%;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPSocialContainer .sectionMaps_addOnGoMaps-WPSocialADataContainer{grid-area: sectionMaps_addOnGoMaps-WPSocialADataContainer;background-color: var(--bgInput);width: 90%;display: flex;align-items: center;justify-content: center;padding: 5px;border-radius: 10px;backdrop-filter: blur(10px);box-shadow: 0px 2px 4px var(--bgInput_Shadow);margin: 5px;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPSocialContainer .sectionMaps_addOnGoMaps-WPSocialADataContainer input{color: var(--bgInput_Text);width: 90%;border: none;outline: none;background-color: transparent;text-align: center;font-size: 1rem;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPSocialContainer .sectionMaps_addOnGoMaps-WPSocialADataContainer input::placeholder{color: var(--bgInput_Place);}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPSocialContainer .sectionMaps_addOnGoMaps-WPSocialBDataContainer{grid-area: sectionMaps_addOnGoMaps-WPSocialBDataContainer;background-color: var(--bgInput);width: 90%;display: flex;align-items: center;justify-content: center;padding: 5px;border-radius: 10px;backdrop-filter: blur(10px);box-shadow: 0px 2px 4px var(--bgInput_Shadow);margin: 5px;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPSocialContainer .sectionMaps_addOnGoMaps-WPSocialBDataContainer input{color: var(--bgInput_Text);width: 90%;border: none;outline: none;background-color: transparent;text-align: center;font-size: 1rem;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPSocialContainer .sectionMaps_addOnGoMaps-WPSocialBDataContainer input::placeholder{color: var(--bgInput_Place);}

    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPSocialContainer .sectionMaps_addOnGoMaps-WPAuthorDataContainer{background-color: var(--bgInput);width: 90%;display: flex;align-items: center;justify-content: center;padding: 5px;border-radius: 10px;backdrop-filter: blur(10px);box-shadow: 0px 2px 4px var(--bgInput_Shadow);margin: 5px;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPSocialContainer .sectionMaps_addOnGoMaps-WPAuthorDataContainer input{color: var(--bgInput_Text);width: 90%;border: none;outline: none;background-color: transparent;text-align: center;font-size: 1rem;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPSocialContainer .sectionMaps_addOnGoMaps-WPAuthorDataContainer input::placeholder{color: var(--bgInput_Place);}

    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPAuthorDataContainer{background-color: var(--bgInput);width: 90%;display: flex;align-items: center;justify-content: center;padding: 5px;border-radius: 10px;backdrop-filter: blur(10px);box-shadow: 0px 2px 4px var(--bgInput_Shadow);margin: 5px;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPAuthorDataContainer input{color: var(--bgInput_Text);width: 90%;border: none;outline: none;background-color: transparent;text-align: center;font-size: 1rem;}
    .sectionMaps_addOnGoMaps .sectionMaps_addOnGoMaps-WPAuthorDataContainer input::placeholder{color: var(--bgInput_Place);}

@media only screen and (max-width: 700px) {
    header .right button span{font-size: 1rem;margin: 0 5px 0 5px;color: var(--bgBTN_Text);display: none;}

}