body{

    margin:0;
    padding:60px;

    background:#9da55c;

    background-image:
    radial-gradient(#f3d2d8 2px, transparent 2px);

    background-size:34px 34px;

    font-family:Georgia, serif;

}

.paper{

    position: relative;

    width:760px;

    margin:auto;

    background:#fff6f5;

    border-radius:30px;

    overflow:visible;

    box-shadow:0 10px 25px rgba(0,0,0,.12);

}

.lace-top{

    width:100%;

    display:block;

}

.lace-bottom{

    width:100%;

    display:block;

    transform:rotate(180deg);

}

h1{

    font-family:"Pinyon Script", cursive;

    font-size:80px;

    color:#7b8451;

    text-align:center;

    margin-top:35px;

    margin-bottom:5px;

    font-weight:400;

}

.divider{

    text-align:center;

    color:#d19ca9;

    font-size:20px;

    margin-bottom:35px;

}

p{

    width:82%;

    margin:auto;

    color:#5a554e;

    font-size:21px;

    line-height:2;

}

.jp{

    text-align:center;

    color:#c39aa8;

    margin-top:45px;

    font-size:24px;

}

hr{

    width:82%;

    border:none;

    border-top:2px dotted #dbc9bf;

    margin:50px auto;

}

.coleccion{

    text-align:center;

    color:#6d7446;

    font-style:italic;

    font-size:24px;

}

.amor{

    text-align:center;

    color:#c39aa8;

    margin-top:15px;

    margin-bottom:45px;

    font-size:18px;

}

/* menú lateral */

.layout{

    max-width:1200px;

    margin:auto;

    display:flex;

    gap:40px;

    align-items:flex-start;

}

.sidebar{

    width:240px;

    background:#fff6f5;

    border-radius:25px;

    padding:25px;

    position:sticky;

    top:30px;

}

.sidebar h2{

    font-family:"Pinyon Script", cursive;

    font-size:52px;

    color:#7b8451;

    text-align:center;

    font-weight:400;

    margin-top:0;

}

/* solo el enlace principal */

.sidebar > a{

    display:block;

    text-decoration:none;

    color:#665d55;

    padding:10px 0;

    font-size:18px;

    text-align:center;

}

.sidebar > a:hover{

    color:#c58fa0;

}

details{

    margin-top:10px;

}

summary{

    cursor:pointer;

    list-style:none;

    color:#7b8451;

    font-size:20px;

    padding:10px 0;

    text-align:center;

}

summary::-webkit-details-marker{

    display:none;

}

/* enlaces desplegables */

.sidebar details a{

    display:block;

    text-decoration:none;

    color:#665d55;

    padding:8px 0;

    font-size:17px;

    margin-left:18px;

    text-align:left;

}

.sidebar details a:hover{

    color:#c58fa0;

}

@media (max-width:900px){

    .layout{

        flex-direction:column;

    }

    .sidebar{

        width:auto;

        position:relative;

        top:0;

    }

.sticker{

    position:fixed;

    width:95px;

    height:auto;

    top:320px;

    right:25px;

    z-index:3;

    pointer-events:none;

}