body{

    padding: 0;
    margin: 0;
    background-color: #f8f8f8;
}

.detalles{
    
    display: flex;
    justify-content: center;
    align-items: center; 
}

a:link { text-decoration: none; }

.border{

    border: solid black 1px;
}

.composicion{

    display: flex;
    justify-content: center;
    align-items: center; 
    height: 100%;
    width: 100%;
}

.margen{

    padding: 0;
    margin: 0;

    width: 100%;
}

.conjunto-top{

    margin-left: 10px;
    margin-right: 10px;
}

.retorno{
    
    border: solid rgb(98, 98, 98) 2px;
    color: rgb(98, 98, 98);
    height: 15mm;
    font-size: 20px;
    border-radius: 7.5mm 7.5mm 7.5mm 7.5mm;
    display: flex;
    align-items: center; 
    justify-content: center;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.nombrado{

    font-size: 24px;
}

.separador-producto{

    height: 8mm;
}

.conjunto-bot{

    margin-left: 10px;
    margin-right: 10px;
}

.pedir{

    position: relative;
    background-color: rgb(0,230,118);
    height: 15mm;
    font-size: 20px;
    border-radius: 7.5mm 7.5mm 7.5mm 7.5mm;
    color: #fff;
    display: flex;
    align-items: center; 
    justify-content: center;
}

.icon{

    background-image: url('../img/usos/wa_logo.ico');
    background-size: 100% 100%;
    height: 100%;
    right: 0;
    margin-right: auto;
}

.producto-wa-logo{

    position: absolute;
    left: 0;
    margin-left: auto;
    height: 15mm;
    width: 15mm;
}

.producto-wa-texto{

    position: absolute;
}

.gallery{

    position: relative;
}

.fotos{

    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

::-webkit-scrollbar {
    display: none;
}

.extra{

    padding: 0;
    margin: 0;
    height: 100%;
}

.ordenador{

    height: 100%;
    float: left;
    padding: 0;
    margin: 0;
}

.producto-galeria{

    height: 100%;
    object-fit: cover;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
    padding: 0;
    margin: 0;
}

.describir{

    color: rgb(70, 70, 70);
    font-size: 20px;
}

.costo{

    color: rgb(78, 95, 71);
    font-size: 25px;
}

.font{

    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.bolder{

    font-weight: bolder;
}

.shadow{

    box-shadow:
    0px 0.6px 3.6px rgba(0, 0, 0, 0.022),
    0px 1.8px 10px rgba(0, 0, 0, 0.032),
    0px 4.2px 24.1px rgba(0, 0, 0, 0.036),
    0px 14px 80px rgba(0, 0, 0, 0.05);
}

.slide-left{

    position: absolute;
    height: 100%;
    width: 35%;
    left: 0;
    margin-left: auto;
    transform: rotateZ(180deg);

}

.slide-center{

    display: flex;
    justify-content: end;
    align-items: center;
}

.slide-right{

    position: absolute;
    height: 100%;
    width: 35%;
    right: 0;
    margin-right: auto;
}

.arrow{

    filter:drop-shadow(0px 0px 20px rgb(0, 0, 0));
    width: 14mm;
    height: 18mm;
    margin-right: 10px;
}