.contenido {
    width: 100%;
    margin: 40px auto;
}

.contenido .fila {
    width: 90%;
    margin: auto;
}

.contenido .fila3 {
    width: 90%;
    margin: auto;
}

.contenido .fila .item {
    padding: 0 10px 10px 10px;
    text-align: center;
    margin: 0 10px;
    cursor: pointer;
    border-radius: 5px;
    transition: .3s;
}
.contenido .fila .item .descuento{
    background: #dc0000;
    color: #fff;
    float: left;
    padding: 10px 10px;
    border-radius: 5px 0 5px 0;
    margin-left: -10px;
    font-weight: 600;
    text-decoration: none;
}
.contenido .fila .item .comparar{
    background: #0071dc;
    color: #fff;
    float: right;
    padding: 10px 20px;
    margin-right: -10px;
    font-weight: 600;
    text-decoration: none;

    padding: 10px 10px 20px calc(10px + 15px);
    inset: 10px calc(-1 * 10px) auto auto;
    clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - 10px),
      calc(100% - 10px) 100%,
      calc(100% - 10px) calc(100% - 10px),
      0 calc(100% - 10px),
      15px calc(50% - 10px / 2)
    );
    box-shadow: 0 calc(-1 * 10px) 0 inset #0005;
}

.ribbon {
    top: 0px;
    color: #fff;
    padding: .1em 1.8em;
    background: #CC333F;
    border-bottom :15px solid #0007;
    clip-path: polygon(
      100% calc(100% - 15px),100% 100%,calc(100% - 15px) calc(100% - 15px),15px calc(100% - 15px), 0 100%,0 calc(100% - 15px),999px calc(100% - 15px - 999px),calc(100% - 999px) calc(100% - 15px - 999px));
    left: 0;
    transform: translate(calc((cos(45deg) - 1)*100%),-83%) rotate(-45deg);
    transform-origin: 100% 100%;
    margin-bottom: -45px;
  }
.contenido .fila .item .comparar:hover{
    background: #00182e;
    color: #fff;
    text-decoration: none;
}

.contenido .fila .item2 {
    padding: 10px;
    padding-bottom: 30px;
    width: 90%;
    text-align: left;
    margin: 0 10px;
    cursor: pointer;
    border-radius: 5px;
    transition: .3s;
    background-color: #2802fc15;
    min-height: 200px;
    position: relative;
}

.contenido .fila .item2 .texto{
    color: #000;
    display: block;
    font-size: 1em;
    text-align: left;
}
.contenido .fila .item2 .quien{
    font-family: "Brush Script MT", "Brush Script Std", cursive;
    text-align: right;
    font-weight: 200;
    position: absolute;
    bottom: 5px;
    right: 10px;
}
.slick-track {
    display: flex;
    align-items: stretch;
}
.contenido .fila .item:hover {
    background-color: #e6e6e6;
}

.contenido .fila .item .contenedor-foto{
    min-height: 150px;
    height: 300px;
    margin: 10px 0;
}
.contenido .fila .item img {
    width: 100%;
    margin: 30px 0;
}
.contenido .fila .item .agregr{
    color: #e6e6e6;
    font-weight: 800;
    background: #0071dc;
    display: block;
    padding: 5px 10px;
    border-radius: 10px;
    max-width: 80%;
    margin-top: -10px;
    margin-bottom: 10px;
    transition: 0.5s;
}
.contenido .fila .item .agregr:hover{
    color: #e6e6e6;
    text-decoration: none;
    background: #00182e;
}
.contenido .fila .item .precio {
    color: #000;
    font-weight: bold;
    display: block;
    margin-top: 10px;
    font-size: 20px;
    text-align: left;
}
.contenido .fila .item .nombre {
    color: #000;
    font-weight: bold;
    text-align: left;
}
.contenido .fila .item .descripcion {
    color: #000;
    font-weight: normal;
    text-align: left;
}

.contenido .fila .item .disclaim {
    color: #0071dc;
    font-weight: normal;
    text-align: left;
    font-size: 1.5rem;
    line-height: 1rem;
    text-align: center;
    font-family: 'Brush Script MT', cursive;
}

.contenido .fila .item select{
    width: 90%;
    border-radius: 10px;
    font-size: 0.8rem;
}





.contenido .fila3 .marca {
    padding: 30px;
    text-align: center;
    margin: 0 10px;
    cursor: pointer;
    border-radius: 5px;
    transition: .3s;
    border-radius: 50%;
    background-image: url('../IMG/circulo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.contenido .fila3 .marca .contenedor-foto{
    background-image: url('../IMG/circulo2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    min-height: 120px;
    padding: 30px;
}
.contenido .fila3 .marca .contenedor-foto img {
    width: 100%;
    vertical-align: middle;
    margin: 0;
}

/* Simple Slider */
.white-bac {
    margin: 0px auto;
    padding: 25px;
}

.slid-arrow {
    position: absolute;
    top: 200px;
    margin-top: -10px;
}

.pre-arrow {
    left: -25px;
    width: 20px;
    height: 38px;
    background: url('../IMG/Prev.png');
    background-size: 100%;
    border: none;
}

.nex-arrow {
    right: -25px;
    width: 20px;
    height: 38px;
    background: url('../IMG/Next.png');
    background-size: 100%;
    border: none;
}
@media (max-width:1024px) {
    .contenido .fila .item .agregr{
        font-weight: 800;
        padding: 5px 5px;
        font-size: 16px;
        max-width: 100%;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .contenido .fila .item .precio {
        margin-top: 5px;
        font-size: 16px;
    }
    
}
@media (max-width:800px) {

    .contenido .fila {
        width: 80%;
        margin: auto;
    }
    .contenido .fila .item .agregr{
        font-size: 14px;
    }    
}