*{
    --letra_titulo:"Young Serif", serif;  
    --letra_parrafo:"Outfit", sans-serif;  
    --Blanco: hsl(0, 0%, 100%);
    --Piedra_100: hsl(30, 54%, 90%);
    --Piedra_150: hsl(30, 18%, 87%);
    --Piedra_600: hsl(30, 10%, 34%);
    --Piedra_900: hsl(24, 5%, 18%);
    --Marrón_800: hsl(14, 45%, 36%);
    --Rosa_800: hsl(332, 51%, 32%);
    --Rosa_50: hsl(330, 100%, 98%);
    margin: 0;
    padding: 0;
    font-size: 16px;
    box-sizing:border-box;
    font-family:"Outfit", sans-serif;
    font-style: normal;
}
body{
    width: 100vw;
    margin: auto;
    background-size: contain;
    background-position:top;
    background-repeat:  no-repeat;    
    background-color: var(--Piedra_100);
    /* background-image: url(./design/desktop-design.jpg); */
    .conteiner{
        margin:7.6em auto;
        padding: 2.5em ;
        width: 46em;
        border-radius: 1.5em;
        background-color: var(--Blanco);
        img{
            width: 100%;
            height: auto;
            background-size:contain;
            border-radius: 0.5em;
        }
        .principal{
            padding: 1.9em 0;
            h1{
                font-family: var(--letra_titulo);
                font-size: 2.5em;
                font-weight: 400;
            }
            p{
                padding: 1em 0;
                margin-bottom: 1em;
                font-weight: 400;
                line-height: 1.4em;
                color: var(--Piedra_900);
            }
            .lista{
                padding: 1.6em  1.7em;
                padding-bottom: 1em;
                display: flex;
                flex-direction: column;
                line-height: 2.1em;                
                background-color: var(--Rosa_50);
                h3{
                    font-family: var(--letra_titulo);
                    font-size: 1.12em;
                    font-weight: 700;
                    color: var(--Rosa_800);
                }
                li{
                    margin: 0 1.5em ;
                    padding: 0 1em ;
                    font-weight: 400;                    
                }
            }
        }
        .a1{
            margin-top: 0;
            border-bottom: 0.1px solid var(--Piedra_150);
            .subtitulo{
                font-family: var(--letra_titulo);
                font-size: 1.7em;
                font-weight: 400;
                color: var(--Marrón_800);
            }
            .lista_dos{
                margin: 1.5em;
                display: flex;
                flex-direction: column;
                gap: 0.7em;
                padding-bottom: 1em;
                li{
                    padding-left: 1em;
                    font-weight: 400;
                    color: var(--Piedra_600);
                }
            }
        }
        .a2{
            padding-top: 1.3em;
            border-bottom: 0.1px solid var(--Piedra_150);
            padding-bottom: 10px;
            h2{
                font-family: var(--letra_titulo);
                font-size: 1.7em;
                font-weight: 400;
                color: var(--Marrón_800);
            }
            .lista_tres{
                margin: 1.5em;
                display: flex;
                flex-direction: column;
                gap: 0.9em;
                li{
                    padding-left: 1em;
                    font-weight: 400;
                    color: var(--Piedra_600);
                }
            }
        }
        .a3{
            padding-top: 1.9em;
            h2{
                font-family: var(--letra_titulo);
                font-size: 1.7em;
                font-weight: 400;
                color: var(--Marrón_800);
            }
            p{
                padding-top: 1em;
                color: var(--Piedra_600);
            }
            table{
                width: 100%;
                margin-top: 1.8em;
                tr{
                    td{
                        padding: 0 2em 1.5em;
                        border-bottom: 1px solid var(--Piedra_150);
                        color: var(--Piedra_600);
                    }
                }
                .cm{
                    color: var(--Marrón_800);
                    font-weight: 700;
                }
            }
        }
    }
}
strong{
    font-weight: 700;
    color: var(--Piedra_900);
}
@media (max-width: 375px){
    body{
        .conteiner{
            margin: 0;
            padding: 0;
        }
        .x{
            padding: 1em 2em;
            margin-bottom: 0;
        }
    }
}