:root {
  --azul: #203640;
  --verde: #5DBEB5;
  --carmin: #D11817;
  --naranja: #E44D11;
  --rosa: #D0799B;
  --amarillo: #FFD416;
  --blanco-calido:#FFFAFA;
  --blanco-frio:#F8F8FF;
  
}

body {
  font-family: Noto sans; 
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  background-color: #FFFAFA;
}
#footer {
  margin-top: auto;
}

.top-menu a {

font-size: 0.7em;
color: #203640;
text-decoration: none;
font-weight: bold;
}

.top-menu a:hover {
font-size: 0.7em;
color: var(--carmin);
text-decoration: underline;
font-weight: bold;
transition: ease-in-out 0.4s;
}



.hover-mio:hover {
    opacity: 0.8;
}

a.caps img {}

footer {
  margin-top: auto;
}


.hover-brand:hover {
  opacity: 0.5;
  
}

.card-header {
  background-color: var(--blanco-frio);
  height: 105px;
}

@media (max-width:768px) {

.card-header {
height: 163px;
}
}

@media (max-width:455px) {
.card-header {
height: 185px;
}
}


.card-caja {
  height: 180px;
}

.card-footer {
 background-color: var(--azul);
}

h2.titulo-libro {
  font-size: 1em;
  font-weight: 700;
margin-top: 1em;
margin-left:1em;
margin-right: 1em;
}

p.titulo-autor {
  font-size: 0.70em;
  margin-left: 1em;
  
}

p.descrip-corta{
  margin-left: 1.2em;
  font-size: 0.8em;
}

p.card-text {
  font-size: 0.8em;
  margin-left: 1.2em;
 }

p.caja{
 
  min-height: 80px;
  display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8; /* this can be any value you want */
    
}

@media (max-width: 768px) {
 p.caja{
 
  min-height: 80px;
  display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7; /* this can be any value you want */
    
}
}

.bg-sid {
  background-color:whitesmoke;
}