/* Colores de resina Nardi ------------------------------------------------ */
.contenedor-colores{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-evenly; */
    align-items: center;
    gap: 10px;
}
.contenedor-colores .color{
    height: auto;
    /* flex-grow: 1; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.contenedor-colores .color div{
    width: 100px;
    height: 100px;
    margin-bottom: .3em;
    border-radius: 15px 15px 0 0;
    /*flex-grow: 1;
    */display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    border: 1px solid rgb(0, 0, 0);
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -ms-border-radius: 15px 15px 0 0;
    -o-border-radius: 15px 15px 0 0;
}

.agave{
    background-color: rgb(115, 118, 87 );
}
.antracita{
    background-color: rgb(52, 52, 52);
    color: white;
}
.basalto{
    background-color: rgb(97, 97, 95);
}
.blanco{
    background-color: rgb(255, 255, 255);
}
.borgogna{
    background-color: rgb(177, 68, 74);
}
.cactus{
    background-color: rgb(131, 136, 114);
}
.cappuccino{
    background-color: rgb(159, 124, 90);
}
.celeste{
    background-color: rgb(128, 170, 187);
}
.coralo{
    background-color: rgb(194, 96, 89);
}
.corda{
    background-color: rgb(201, 190, 177);
}
.gesso{
    background-color: rgb(213, 212, 212);
}
.marsala{
    background-color: rgb(143, 82, 85);
}
.maya{
    background-color: rgb(53, 98, 96);
}
.menta{
    background-color: rgb(118, 137, 123 );
}
.ottano{
    background-color: rgb(92, 118, 122);
}
.pera{
    background-color: rgb(159, 134, 43);
}
.salice{
    background-color: rgb(133, 184, 169);
}
.senape{
    background-color: rgb(204, 162, 37);
}
.terra{
    background-color: rgb(93, 84, 77);
}
.tobaco{
    background-color: rgb(96, 87, 80);
}
.tortora{
    background-color: rgb(152, 134, 129);
}
/* Almohadones ------------------------------------------------------ */

.cannella{
    background-color: rgb(114 52 37);
}
.lava{
    background-color: rgb(97, 97, 95);
}
.perla{
    background-color: rgb(173, 170, 160);
}
.timo{
    background-color: rgb(87 93 71);
}
/* Tela de reposeras  ------------------------------------------------------ */
.deserto-tejido{
    background-color: rgb(212 178 55);
}
.agave-tejido{
    background-color: rgb(123 154 74);
}
.celeste-tejido{
    background-color: rgb(65 224 224);
}
.tortora-tejido{
    background-color: rgb(152 134 129);
}
.blanco-tejido{
    background-color: rgb(255 255 255);
}
.antracita-tejido{
    background-color: rgb(55 56 56);
}
.mandorla-tejido{
    background-color: rgb(118 137 123);
}
.incienso-tejido{
    background-color: rgb(201 190 177);
}
.castagno-tejido{
    background-color: rgb(96 87 80);
}
.tortora-tejido{
    background-color: rgb(152 134 129);
}
/* ------------------------------------------------------------------------- */

.contenedor-medidas{
    display: grid;
    justify-items: center;
    font-size: 0.8em;
    /* border: 1px solid rgb(130, 130, 130); */
    width: fit-content;
}
.contenedor-medidas div{
    padding: .2em .5em;
    text-align: center;
    align-content: center;
    width: 100%;
    border: 1px solid rgb(130, 130, 130);
    box-sizing: border-box;
}

.col6{
    grid-template-columns: auto repeat(5, 1fr);
}

.contenedor-medidas.col4 div:nth-child(even),
.contenedor-medidas.col6 div:nth-child(even){
    background-color: rgb(255, 255, 255);
}
.contenedor-medidas.col4 div:nth-child(odd),
.contenedor-medidas.col6 div:nth-child(odd){
    background-color: rgb(239, 242, 244);
}

.col5{
    grid-template-columns: auto repeat(4, 1fr);
}
.contenedor-medidas.col5 div:nth-child(5n),
.contenedor-medidas.col5 div:nth-child(5n-2),
.contenedor-medidas.col5 div:nth-child(5n-4){
    background-color: rgb(239, 242, 244);
}
.contenedor-medidas.col5 div:nth-child(5n-1),
.contenedor-medidas.col5 div:nth-child(5n-3){
    background-color: rgb(255, 255, 255);
}

.col4{
    grid-template-columns: auto repeat(3, 1fr);
}

.cabecera{
    font-weight: bold;
}
.imagen-medidas{
    display: none;
    width: 200px;
    max-width: 20vw;
    height: auto;
}
#tabla-medidas .imagen-medidas{
    display: block;
}
.centrado{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Quita escalado de imagenes en HOVER------------------------------------------------------------------------- */

/* .contenedor-lineas .linea-producto img {
    width: auto;
} */
.contenedor-lineas .linea-producto img:hover{
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

/* Link a cada linea de productos------------------------------------- */
.boton-mas-info{
    
    border-radius: 5px;
    display: inline;
    text-align: center;
    font-weight: bold;
    background-color: rgb(50, 139, 228);
    padding: 1em;
    margin: 1em;
}
.boton-mas-info a{
    text-decoration: none;
    color: rgb(0, 0, 0);
}