/*@import "tailwindcss";

@tailwind base;
@tailwind components;
@tailwind utilities;*/

:root {
    --cor-primaria: #003781;
    --cor-secundaria: #0075c9;
}

[x-cloak] { display: none !important; }

.text-brand {
    color: var(--cor-primaria);
}

.text-brandlight {
    color: var(--cor-secundaria);
}

@theme {
    --color-brand: #123F86;/*#153E7E;*/
    --color-brandlight: #1C6FB7;/*#1F6FB2;*/
}

body {
    font-family: 'Inter', sans-serif;
}

/* Transição de etapas */
.etapa-transition-enter {
    opacity: 0;
    transform: translateY(20px);
}

.etapa-transition-enter-active {
    transition: all 0.4s ease-out;
    opacity: 1;
    transform: translateY(0);
}

.etapa-transition-leave {
    opacity: 1;
    transform: translateY(0);
}

.etapa-transition-leave-active {
    transition: all 0.3s ease-in;
    opacity: 0;
    transform: translateY(-20px);
}

.animacao-copiar {
    animation: copiarPulse 0.5s ease;
}

@keyframes copiarPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.25);
    }

    100% {
        transform: scale(1);
    }
}

/*body {
  min-height: 100vh;
  background: 
    linear-gradient(to top left, silver 0%, rgba(248, 250, 252, 0.7), 15%, rgba(255,255,255,0.75) 50%, rgba(192,192,192,.8) 90%),
    url('assets/img/SummerRoadTrip1_0918_1259_815_int.png') no-repeat center bottom;
  background-size: cover;
  background-attachment: fixed;
  
}*/
body {
    position: relative;
    min-height: 100vh;
    z-index: 0;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;

    /*background:
        linear-gradient(to top left, rgba(0,0,0,0.5), rgba(0,0,0,0)),
        url('sua-imagem.jpg') no-repeat center bottom;*/
    background:
        linear-gradient(to top left, silver 0%, rgba(248, 250, 252, 0.7), 15%, rgba(255, 255, 255, 0.5) 50%, rgba(192, 192, 192, 0.5) 90%),
        url('../img/SummerRoadTrip1_0918_1259_815_int.png') no-repeat center bottom;

    background-size: cover;

    filter: blur(4px) brightness(0.8);

    transform: scale(1.05);
    /* evita bordas do blur */
}