/* ==========================
   CONFIGURACIÓN GENERAL
   ========================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    min-height: 100vh;

    background-image: url("https://i.ibb.co/rGLMpN0h/DSC02502.jpg");
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #5e5446;
  font-family: monospace;
}


/* ==========================
   CONTENEDOR PRINCIPAL
   ========================== */

.pagina {
    width: 1000px;
    height: 900px;

}


/* ==========================
   ENCABEZADO
   ========================== */

.encabezado {
    width: 100%;
    height: 20px;
   background: linear-gradient(0deg,rgba(26, 21, 21, 1) 0%, rgba(79, 60, 39, 1) 100%);

    background-color: #913d58;
        display: flex;
    flex-direction: column;

    align-items: end;
    padding-right: 5px;
    color: #a87e57;
}


/* ==========================
   3 COLUMNAS
   ========================== */

.contenido {
    width: 100%;

    display: grid;
 background-color: #ffffff;

    grid-template-columns: 153px 359px 153px;

    justify-content: space-between;

    padding: 8px ;
}


/* ==========================
   COLUMNAS
   ========================== */

.columna {
    display: flex;
    flex-direction: column;

    align-items: center;
}


/* ==========================
   COLUMNAS LATERALES
   ========================== */



.lateral1 {

    
    /*
border: 2px solid #ffe8eb ;   

border-radius: 5px;


*/



    width: 150px;
    height: 700px;


    padding: 6px;
    padding-right: 10px;

    gap: 16px;

}

.lateral2 {



    width: 100px;
    height: 700px;


   
    padding: 6px;
    padding-left: 60px;

    gap: 16px;

}



/* ==========================
   COLUMNA CENTRAL
   ========================== */

.centro {
    width: 359px;

    padding: 3px ;

    gap: 13px;
}


/* ==========================
   CONTAINERS
   ========================== */

.container {
    flex-shrink: 0;
}


/* ==========================
   IZQUIERDA
   ========================== */

.info {
    width: 118px;
    height: 180px;

}


.intromini {




      overflow-y: scroll;
  scrollbar-color: rgb(214, 214, 214) rgb(182, 182, 182);
  scrollbar-width: thin;


    width: 118px;
    height: 120px;

    padding: 5px;

    background-image: url("https://i.pinimg.com/736x/31/ab/19/31ab197071e967a0cf4e00603c8e8d6d.jpg");
    background-size: cover;

    border: 1px solid #263d50 ;
border-radius: 12px 0px 0px 0px;
}



.abtme {
color: #096c85;

    display: flex;
    flex-direction: column;

    align-items: center;

}




.cosito1 {
    width: 118px;
    height: 47px;

}


.cosito12 {
   

       display: flex;
    flex-direction: row;

    align-items: center;
}



/* ==========================
   CENTRO
   ========================== */

.titulo {
    width: 650px;
    height: 30px;

    text-decoration: none;
       display: flex;
    flex-direction: column;

    align-items: start;
    font-size: 15px;
}

.blogmain {
   width: 650px;
    height: 174px;


       display: flex;
    flex-direction: row;

    align-items: center;
gap: 5px;
    padding: 10px;
}


.blogportal1{
    width: 560px;
    height: 160px;

    background-color: #72a344;
}

.blogportal2{
    width: 360px;
    height: 160px;

    background-color:#72a344;
}
.blogportal3{
    width: 100px;
    height: 380px;


}






.entries {
  width: 630px;
    height: 30px;

           display: flex;

    align-items: start;

}


.textorosa {
 
color: #f0b4c8;

}



.azul {

  
       display: flex;
    flex-direction: row;

    align-items: center;
   

    width: 630px;
    height: 420px;

}


/* ==========================
   DERECHA
   ========================== */

.verde {

    padding-left: 30px;
}

.verde-claro {
d
}

.celeste {
    width: 118px;
    height: 158px;


}


.blinkis {
         display: flex;
    flex-direction: row;

    align-items: center;

        padding-bottom: 6px;
    padding-top: 15px;

    gap: 5px;
    padding-left: 10px;

}


.globo {
 
position: relative; top: 60px; right: 150px;

}


.bebe {
 
position: relative; top: 28px; right: -5px;

}


a  {

    color: #6a2988;
 


}