*{
    /* #COLORES */
    /* ### Primary */
    --Teal_500: hsl(179, 62%, 43%);
    --Green_400: hsl(71, 73%, 54%);

    /* ### Neutral */
    --Teal_100: hsl(204, 43%, 93%);
    --Gray_500: hsl(218, 22%, 67%);

    margin: 0;
    padding: 0;
    font-family: "Karla", sans-serif;
    font-size: 16px;
    box-sizing:border-box;
    overflow: hidden;
}
body{
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--Teal_100);
    
    /* Eliminar */
    /* background-image: url(/design/desktop-design.jpg);
    background-position: center;
    background-repeat: no-repeat; */
    .main{
        width: 636px;
        height: 477px;
        border-radius: 10px;
        background-color: white;
        box-shadow: 0 0 2em var(--Gray_500);
        .section-1{
            padding:0  2.51em;
            padding-top: 2.6em;
            .h2-1{
                font-size: 1.47em;
                color: var(--Teal_500);
            }
            .h3-1{
                padding-top: 1.41em;
                font-size: 1.10em;
                /* color: aqua; */
                font-weight: 700;
                color: var(--Green_400);
            }
            .p-1{
                padding-top: 0.8em;
                font-size: 0.945em;
                font-weight: 600;
                line-height: 1.69em;
                color: var(--Gray_500);
            }
        }
        .section-2{
            width: 100%;
            height: 100%;
            margin-top: 2.5em;
            display: flex;
            color:var(--Teal_100);
            background-color: var(--Teal_500);
            .div-1{
                padding: 0 2.55em;
                width: 50%;
                height: 100%;
                .h4-1{
                    padding-top: 2.274em;
                    font-size: 1.1em;
                    font-weight: 700;
                }
                div{
                    display: flex;
                    align-items: center;
                    padding-top: 1.14em;
                    .p2{
                        font-size: 2em;
                        font-weight: 700;
                    }
                    .p3{
                        padding-left: 0.7em;
                        color: hsla(203, 44%, 93%, 0.445)
                    }
                }
                .p4{
                    padding-top: 0.49em;
                    font-size: 0.954em;
                    font-weight: 500;
                }
                .b2{
                    margin-top: 1.9em;
                    padding: 0.93em;
                    width: 100%;
                    border: none;
                    border-radius: 5px;
                    background-color:var(--Green_400);
                    color:var(--Teal_100);
                    transition: all 300ms ease;
                }
                .b2:hover{
                    transform: scale(1.1);
                }
            }
            .div-2{
                width: 50%;
                padding: 0 2.52em;
                background-color: hsl(179, 61%, 47%);
                .h4-2{
                    padding-top: 2.274em;
                    font-size: 1.1em;
                    font-weight: 700;
                    
                }
                div{
                    padding-top: 1.21em;
                    line-height: 1.247em;
                    .p5{
                        font-size: 0.86em;
                    }
                }
            }
        }
    }
}
@media(max-width:375px){
    body{
        width: 100%;
        height: 100%;
        .main{
            margin: 4em 2em ;
            height: auto;
            .section-2{
                width: 100%;
                flex-direction: column;
                gap: 2em;
                .div-1{
                    width: 100%;
                }
                .div-2{
                    width: 100%;
                    div{
                        margin-bottom: 2em;
                        .p5{
                        }
                    }
                }
            }
        }
    }
}