/* Aplicamos un estilo base a todas las cajas o bueno asi le entendi con el anterior ejercicio u.u*/
div {
    width: 200px;
    height: 100px;
    margin-bottom: 20px;
    background-color: lightblue;
    text-align: center;
    line-height: 100px;
    font-weight: bold;
  }
  
  /* Caja 1: modelo por defecto lo mismo pero mas barato(content-box) */
  .caja1 {
    padding: 20px;
    border: 5px solid blue;
    box-sizing: content-box;
  }
  
  /* Caja 2: con border-box (incluye padding y border dentro del tamaño le hice lo mismo con el otro) */
  .caja2 {
    padding: 20px;
    border: 5px solid green;
    box-sizing: border-box;
  }
  
  /* Caja 3: con márgenes grandes y sin borde me fallo el borde intruuuuu =0000*/
  .caja3 {
    padding: 10px;
    margin: 40px;
    background-color: pink;
    box-sizing: border-box;
    border: 30px solid violet;
    /*aaaa ya lo arregue intru jajajajaja me faltaba el border que pendejo fui xD*/
  }
  