/* Importações de fontes*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Karla:ital,wght@0,200..800;1,200..800&display=swap');


/* Propriedades CSS globais*/

:root{
    --cor-base: #FFF4F4;
    --letras: #3B1E2C ;
    --letras-secundario: #7D3B5D;
    --letras-apoio: #846875;

    --rosa-principal: #B24981;
    --rosa-secundario: #F8DDDE;
    --rosa-detalhes: #DD84AF;

    --secoes: #FCEAEB;
    --cards: #FFFAFB;
    --bordas: #F1D6D8;

    --fonte-principal: "Cormorant Garamond", serif;
    --fonte-secundaria: "Karla", sans-serif;

    interpolate-size: allow-keywords; /* Permite a transição do Elemento Details*/
}

/* Reset Geral*/
*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent; /*Trata o click no celular nos botões ( Padrão é azul ).*/
}

html{
    scroll-behavior: smooth;
    overflow-x: clip;
}

/*Feito para remover o seletor de acrecimo e decrecimo do input number*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
} 

body{
    background-color: var(--cor-base);
    overflow-x: clip;
}


details::details-content {
height: 0;
overflow: hidden;
opacity: 0;

transition: 
    height 0.3s ease-in-out, 
    opacity 0.3s ease-in-out, 
    content-visibility 0.3s allow-discrete;
}


details[open]::details-content {
    height: auto;
    opacity: 1;
}