body{
   font-family: "Rubik", sans-serif;
  padding-top: 56px; /* Ajusta este valor si la barra de navegación tiene un alto diferente */

}
.img{
    width: 100px;
    padding: 5px;
}

/* .col{
    padding: 50px;
} */
/*
#carouselExampleInterval {
  width: 100vw;
}*/

.card-title{
    color: #0f197d;
}

.card{
    padding: 20px;
}

.rojo{
    color: #fb1f14;
}

.nav-link{
    color: #0f197d;
}



.nav-link:hover{
    border-bottom: 2px solid #0022b9;
    color: #0029dd;
}

.btn{
    background-color: #0f197d;
    color: white;
    padding: 12px;
    margin-top: 40px;
    margin-bottom: 5px;
}
.btn:hover{
    background-color: #0029dd;
    color: white;
}
.nosotros{
    text-align: justify;
}
.pho{
    width: 550px;  
}
#rojiso{
    color: #fb1f14;
}

a{
    text-decoration: none;
}


#trigo{
    background-color: #F5DEB3;
    color: #000000;
    border-radius: 10px;
}

#amarillovital{
    background-color: #FFFF00;
    color: #000000;
    border-radius: 10px;
}

#azulpacifico{
    background-color: #1CA9C9;
    color: #000000;
    border-radius: 10px;
}
#amarillooro{
    background-color: #FFD700;
    color: #000000;
    border-radius: 10px;
}

#rojovivo{
    background-color: #FF0000;
    color: #ffffff;
    border-radius: 10px;

}

#azulmediterraneo{
    background-color: #0074A2;
    color: #ffffff;
    border-radius: 10px;
    
}
#verdeaceituna{
    background-color: #808000;
    color: #ffffff;
    border-radius: 10px;
}
#naranjados{
    background-color: #e3de31;
    color: #000000;
    border-radius: 10px;
}

#azuloscuro{
    background-color: #00008B;
    color: #ffffff;
    border-radius: 10px;
}

#blancodurazno{
    background-color: #FFE5B4;
    color: #000000;
    border-radius: 10px;
}

#blancoalmendra{
    background-color: #EFDECD;
    color: #000000;
    border-radius: 10px;
}

#champaña{
    background-color: #F7DECD;
    color: #000000;
    border-radius: 10px;
}

#pomarosa{
    background-color: #FF8859;
    color: #000000;
    border-radius: 10px;
}

#coral{
    background-color: #FF7F50;
    color: #000000;
    border-radius: 10px;
}

#lilaclaro{
    background-color: #E6E6FA;
    color: #000000;
    border-radius: 10px;
}

#lilaoscuro{
    background-color: #9370DB;
    color: #ffffff;
    border-radius: 10px;
}

#mora{
    background-color: #8A2BE2;
    color: #ffffff;
    border-radius: 10px;
}


#verdeprimaveral{
    background-color: #00FF7F;
    color: #000000;
    border-radius: 10px;
}

#curuba{
    background-color: #FFDB58;
    color: #000000;
    border-radius: 10px;
}

#terracota{
    background-color: #E2725B;
    color: #ffffff;
    border-radius: 10px;
}

#grisbasalto{
    background-color: #4E5754;
    color: #ffffff;
    border-radius: 10px;
}

#ocre{
    background-color: #CC7722
    ;
    color: #ffffff;
    border-radius: 10px;
}

#verdeoscuro{
    background-color: #006400;
    color: #ffffff;
    border-radius: 10px;
}

#azulmarino{
    background-color: #000080;
    color: #ffffff;
    border-radius: 10px;
}

#rojoemocion{
    background-color: #FF4500;
    color: #ffffff;
    border-radius: 10px;
}

#uva{
    background-color: #800080;
    color: #ffffff;
    border-radius: 10px;
}

#negro{
    background-color: #000000;
    color: #ffffff;
    border-radius: 10px;
}

#blancoarena{
    background-color: #F0E68C;
    color: #000000;
    border-radius: 10px;
}



#blancohueso{
    background-color: #E6E6FA;
    color: #000000;
    border-radius: 10px;
}

#lirio{
    background-color: #C8A2C8;
    color: #000000;
    border-radius: 10px;
}

#azulporcelana{
    background-color: #ADD8E6;
    color: #000000;
    border-radius: 10px;
}

#crema{
    background-color: #FFFDD0;
    color: #000000;
    border-radius: 10px;
}

#blancoostra{
    background-color: #FFF5EE;
    color: #000000;
    border-radius: 10px;
}

#grisnube{
    background-color: #B0C4DE;
    color: #ffffff;
    border-radius: 10px;
}

#azulensueño{
    background-color: #87CEEB;
    color: #000000;
    border-radius: 10px;
}

#Blancolila{
    background-color: #E6E6FA;
    color: #000000;
    border-radius: 10px;
}

#violeta{
    background-color: #EE82EE;
    color: #000000;
    border-radius: 10px;
}

#nuez{
    background-color: #BC8F8F;
    color: #000000;
    border-radius: 10px;
}

#verdepino{
    background-color: #01796F;
    color: #ffffff;
    border-radius: 10px;
}

#rojocolonial{
    background-color: #C41E3A;
    color: #ffffff;
    border-radius: 10px;
}

#melon{
    background-color: #FFA500;
    color: #000000;
    border-radius: 10px;
}

#verdeseda{
    background-color: #B2C248;
    color: #000000;
    border-radius: 10px;
}

#linocrudo{
    background-color: #FAF0E6;
    color: #ffffff;
    border-radius: 10px;
}



#titulocolor{
    text-align: center;
    color: #0f197d;
    margin-bottom: 20px;
}
#colores{
    margin-top: 15px;
    text-align: center; /* Centra el texto dentro del cuadro */   
    
}