/* ##### MANCHETE - DATA (.caja-principal) ##### */

<style>
*{
    margin: 0;
    padding: 0px;
    box-sizing: border-box;
}

/*
body{
    width: 100%;
    min-height: 100vh;
    background: #f2f0f5;
    display: flex;
    justify-content: center;
    align-items: center;
}
*/

.caja-principal{
    max-width: 100%;
    background: #fff;
    border-radius: 0px;
    padding: 1px 5px;
    display: flex;
	
	
	
/* align-items: center; */
    align-items: 0;

}

.imagen{
    flex-shrink: 0;
    width: 30%;
    padding: 8px;

}

.imagen img{
    width: 100%;
   
}

/* --- Parte 2  */

div.a {
  font-size: 1.1rem;
  color:red;
}

div.b {
  font-size: large;
}

div.c {
  font-size: 100%;
}
/* --- Parte 2  */


/* --- Parte 3  */

/* Style to article Author */
.by-author {
	font-style: italic;
	font-size: 0.90rem;
	line-height: 1;
	color: #aab6aa;
}

/* --- Parte 3  */

</style>

/* ##### MANCHETE - DATA (.caja-principal) ##### */


/* ##### MANCHETE - HR VERTICAL ##### */

<style>

div {
  margin-bottom: 0px;
  padding: 0px 0px;

}

.danger {
  background-color: #ffff;
  border-left: 2px solid #f44336;
    width: 100%;
    height: flex;
    padding-left: 1%;

}

.success {
  background-color: #ddffdd;
  border-left: 6px solid #04AA6D;
}

.info {
  background-color: #e7f3fe;
  border-left: 6px solid #2196F3;
}

.warning {
  background-color: #ffffcc;
  border-left: 6px solid #ffeb3b;
}

</style>

/* ##### MANCHETE - HR VERTICAL ##### */

/* #####  ##### */

/* #####  ##### */


/* #####  ##### */

/* #####  ##### */




/* #####  ##### */