html{
    box-sizing: border-box;
    
}








.caja-1{
    width: 240px;
    height: 200px;
    padding: 16px;
    border: 4px solid #0077ff;
    margin: 12px auto;
    background: hsl(200 80% 90%);
    display: block;
    box-shadow: 2px 8px 2px 8px rgb(35, 35, 92);
}

.caja-11{
    max-width: 75%;
    min-width: 50%;
    height: auto;
    padding: 16px;
    border: 4px solid #0077ff;
    margin: 20px auto;
    background: hsl(200 80% 90%);
    display: block;
}

.content-box{
 box-sizing: content-box;
}
.caja-2{
 background-color: bisque;
}

.btn{
    display: inline-block;
    background-color: rgb(145, 255, 0);
    text-decoration: none;
    color: black;
    padding: 12px 23px;
    margin: 16px auto;
}
.text-center{
    color: chartreuse;
    text-align: center;
    border-top:  solid;
    border-right:  solid;
    border-bottom: solid;
    border-left: solid;
}
.btn-bloque{
    display: block;
    background-color: rgb(0, 255, 115);
    text-decoration: none;
    color: black;
    padding: 12px 23px;
    margin: 16px auto;
    width: 125px;
    text-align: center;
    border: 1rem;
    border-block-color: rgb(255, 136, 0);
    border-style: ridge double groove hidden ;
    border-start-start-radius: 45%;
    border-end-end-radius: 30%;
    border-end-start-radius: 30px;
    border-start-end-radius: 5px;
}
;

.container{
    width: 60%;
    background-color: blue;
    margin: 0 auto;
}

.cuadrado{
    width: 500px;
    aspect-ratio: 2/1;
    background-color: rgba(14, 3, 71, 0.377) ;
    opacity: 0.7;
    
}

iframe{
    width: 75%;
    height: auto;
    aspect-ratio: 16/9;
}

.b-200x200{
    width: 200px;
    aspect-ratio: 1;
    background-color: yellow;
    overflow: auto;
}

.colapso .padre  {
width: 80%;
margin-block: 30px;
background: red;

}

.colapso .primer-hijo{
box-sizing: border-box;
margin-top: 50px;
background: purple;
color: aliceblue;
}

.colapso .ultimo-hijo{
box-sizing: border-box;
margin-bottom: 50px;
background: rgb(0, 255, 115);
}

.p-p{
    padding-block: 50px ;
}

.b-p{
    border: #0077ff 1rem;
    border-style: solid dashed solid dotted;
border-start-start-radius: 1rem;
border-end-start-radius: 1rem;
}

.padre > * {
    height: 200px;
}