﻿
/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.filtroAlconTigo {
    filter: grayscale(1);
    opacity: .4;
}
.productoAlcontigo {
    width: 100%;
   /*  margin: 20px 75px; */
    position: relative;
    transition: all .3s ease-in-out;
}

.productoAlcontigo .bgProductoAlconTigo {
    width: 100%;
    position: relative;
}
.productoAlcontigo:nth-child(1) .bgProductoAlconTigo,
.productoAlcontigo:nth-child(2) .bgProductoAlconTigo 
{
    background: #eae2ef;
    border: solid 2px #eae2ef;
    transition: border 0.3s ease-in-out;
}
.productoAlcontigo:nth-child(3) .bgProductoAlconTigo
{
    background: #cce8f3;
    border: solid 2px #cce8f3;
    transition: border 0.3s ease-in-out;
}
.productoAlcontigo:nth-child(4) .bgProductoAlconTigo {
    background: #d9f4f4;
    border: solid 2px #d9f4f4;
    transition: border 0.3s ease-in-out;
}
.productoAlcontigo:nth-child(5) .bgProductoAlconTigo,
.productoAlcontigo:nth-child(6) .bgProductoAlconTigo {
    background: #DAF0A7;
    border: solid 2px #DAF0A7;
    transition: border 0.3s ease-in-out;
}
/*****/
.productoAlcontigo:nth-child(1) .bgProductoAlconTigo:hover,
.productoAlcontigo:nth-child(2) .bgProductoAlconTigo:hover 
{
    border: solid 2px #5c2587;
}
.productoAlcontigo:nth-child(3) .bgProductoAlconTigo:hover
{
    border: solid 2px #008cc2;
}
.productoAlcontigo:nth-child(4) .bgProductoAlconTigo:hover {
    border: solid 2px #009ea1;
}
.productoAlcontigo:nth-child(5) .bgProductoAlconTigo:hover,
.productoAlcontigo:nth-child(6) .bgProductoAlconTigo:hover {
    border: solid 2px #008b55;
}


.productoAlcontigo .bgProductoAlconTigo .ctnNombreProductoAlconTigo {
    font-weight: 400;
    width: 100%;
   /*  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
    color: #333E48;
}

.productoAlcontigo .bgProductoAlconTigo .cajaDescuentoAlcontigo {
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    text-decoration:line-through;
}


.productoAlcontigo .bgProductoAlconTigo .cajaTextosuscripcionAlcontigo {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}
.productoAlcontigo:nth-child(1) .bgProductoAlconTigo .cajaTextosuscripcionAlcontigo,
.productoAlcontigo:nth-child(2) .bgProductoAlconTigo .cajaTextosuscripcionAlcontigo {
    color: #5c2587;
}

.productoAlcontigo:nth-child(3) .bgProductoAlconTigo .cajaTextosuscripcionAlcontigo {
    color: #008cc2;
}

.productoAlcontigo:nth-child(4) .bgProductoAlconTigo .cajaTextosuscripcionAlcontigo {
    color: #009ea1;
}

.productoAlcontigo:nth-child(5) .bgProductoAlconTigo .cajaTextosuscripcionAlcontigo,
.productoAlcontigo:nth-child(6) .bgProductoAlconTigo .cajaTextosuscripcionAlcontigo {
    color: #008b55;
}


.compraAlcontigo input ~ label span{
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: solid 1px;
}
@media (min-width:450px) {
    .compraAlcontigo input ~ label span{
        width: 14px;
        height: 14px;
    }
}
.productoAlcontigo:nth-child(1) .compraAlcontigo input ~ label,
.productoAlcontigo:nth-child(2) .compraAlcontigo input ~ label {
    border-color: #5c2587;
}

.productoAlcontigo:nth-child(3) .compraAlcontigo input ~ label {
    border-color: #008cc2;
}

.productoAlcontigo:nth-child(4) .compraAlcontigo input ~ label {
    border-color: #009ea1;
}

.productoAlcontigo:nth-child(5) .compraAlcontigo input ~ label,
.productoAlcontigo:nth-child(6) .compraAlcontigo input ~ label {
    border-color: #008b55;
}
/*****/
.productoAlcontigo:nth-child(1) .compraAlcontigo input ~ label span,
.productoAlcontigo:nth-child(2) .compraAlcontigo input ~ label span {
    border-color: #5c2587;
}

.productoAlcontigo:nth-child(3) .compraAlcontigo input ~ label span {
    border-color: #008cc2;
}

.productoAlcontigo:nth-child(4) .compraAlcontigo input ~ label span {
    border-color: #009ea1;
}

.productoAlcontigo:nth-child(5) .compraAlcontigo input ~ label span,
.productoAlcontigo:nth-child(6) .compraAlcontigo input ~ label span {
    border-color: #008b55;
}
/****/
.productoAlcontigo:nth-child(1) .compraAlcontigo input:checked ~ label .tituloCompraAlcontigo,
.productoAlcontigo:nth-child(2) .compraAlcontigo input:checked ~ label .tituloCompraAlcontigo {
    color: #5c2587;
    font-weight: 700;
}

.productoAlcontigo:nth-child(3) .compraAlcontigo input:checked ~ label .tituloCompraAlcontigo {
    color: #008cc2;
    font-weight: 700;
}

.productoAlcontigo:nth-child(4) .compraAlcontigo input:checked ~ label .tituloCompraAlcontigo {
    color: #009ea1;
    font-weight: 700;
}

.productoAlcontigo:nth-child(5) .compraAlcontigo input:checked ~ label .tituloCompraAlcontigo,
.productoAlcontigo:nth-child(6) .compraAlcontigo input:checked ~ label .tituloCompraAlcontigo {
    color: #008b55;
    font-weight: 700;
}
@media (min-width:640px) {
    .productoAlcontigo:nth-child(1) .compraAlcontigo input:checked ~ label .tituloCompraAlcontigo,
    .productoAlcontigo:nth-child(2) .compraAlcontigo input:checked ~ label .tituloCompraAlcontigo {
        color: white;
        font-weight: 400;
    }

    .productoAlcontigo:nth-child(3) .compraAlcontigo input:checked ~ label .tituloCompraAlcontigo {
        color: white;
        font-weight: 400;
    }

    .productoAlcontigo:nth-child(4) .compraAlcontigo input:checked ~ label .tituloCompraAlcontigo {
        color: white;
        font-weight: 400;
    }

    .productoAlcontigo:nth-child(5) .compraAlcontigo input:checked ~ label .tituloCompraAlcontigo,
    .productoAlcontigo:nth-child(6) .compraAlcontigo input:checked ~ label .tituloCompraAlcontigo {
        color: white;
        font-weight: 400;
    }
    
    .productoAlcontigo:nth-child(1) .compraAlcontigo input:checked ~ label,
    .productoAlcontigo:nth-child(2) .compraAlcontigo input:checked ~ label {
        background: #5c2587;
        color: white;
    }
    
    .productoAlcontigo:nth-child(3) .compraAlcontigo input:checked ~ label {
        background: #008cc2;
        color: white;
    }
    
    .productoAlcontigo:nth-child(4) .compraAlcontigo input:checked ~ label {
        background: #009ea1;
        color: white;
    }
    
    .productoAlcontigo:nth-child(5) .compraAlcontigo input:checked ~ label,
    .productoAlcontigo:nth-child(6) .compraAlcontigo input:checked ~ label {
        background: #008b55;
        color: white;
    }
}
/*****/
.productoAlcontigo:nth-child(1) .compraAlcontigo input:checked ~ label span,
.productoAlcontigo:nth-child(2) .compraAlcontigo input:checked ~ label span {
    border-color: #5c2587;
    background: #5c2587;
}

.productoAlcontigo:nth-child(3) .compraAlcontigo input:checked ~ label span {
    border-color: #008cc2;
    background: #008cc2;
}

.productoAlcontigo:nth-child(4) .compraAlcontigo input:checked ~ label span {
    border-color: #009ea1;
    background: #009ea1;
}

.productoAlcontigo:nth-child(5) .compraAlcontigo input:checked ~ label span,
.productoAlcontigo:nth-child(6) .compraAlcontigo input:checked ~ label span {
    border-color: #008b55;
    background: #008b55;
}
@media (min-width:640px){
    .productoAlcontigo:nth-child(1) .compraAlcontigo input:checked ~ label span,
    .productoAlcontigo:nth-child(2) .compraAlcontigo input:checked ~ label span {
        border-color: #5c2587;
        background: white;
    }

    .productoAlcontigo:nth-child(3) .compraAlcontigo input:checked ~ label span {
        border-color: #008cc2;
        background: white;
    }

    .productoAlcontigo:nth-child(4) .compraAlcontigo input:checked ~ label span {
        border-color: #009ea1;
        background: white;
    }

    .productoAlcontigo:nth-child(5) .compraAlcontigo input:checked ~ label span,
    .productoAlcontigo:nth-child(6) .compraAlcontigo input:checked ~ label span {
        border-color: #008b55;
        background: white;
    }
}
/*******/
.compraAlcontigo input ~ label .contenidoOcultoAlcontigo{
    display: none;
}
.compraAlcontigo input:checked ~ label .contenidoOcultoAlcontigo{
    display: block;
}

/***********/



.productoAlcontigo .bgProductoAlconTigo .btnSuscribeteAlconTigo a {
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    color: white;
    display: block;
    width: fit-content;
    padding: 10px 30px;
    border-radius:30px;
    cursor:pointer;
}

.productoAlcontigo:nth-child(1) .bgProductoAlconTigo .btnSuscribeteAlconTigo a,
.productoAlcontigo:nth-child(2) .bgProductoAlconTigo .btnSuscribeteAlconTigo a {
    background: #5c2587;
}

.productoAlcontigo:nth-child(3) .bgProductoAlconTigo .btnSuscribeteAlconTigo a {
    background: #008cc2;
}

.productoAlcontigo:nth-child(4) .bgProductoAlconTigo .btnSuscribeteAlconTigo a {
    background: #009ea1;
}

.productoAlcontigo:nth-child(5) .bgProductoAlconTigo .btnSuscribeteAlconTigo a,
.productoAlcontigo:nth-child(6) .bgProductoAlconTigo .btnSuscribeteAlconTigo a {
    background: #008b55;
}


.productoAlcontigo .bgProductoAlconTigo .verMasAlconTigo {
    text-align: center;
    font-size: 15px;
}
.productoAlcontigo .bgProductoAlconTigo .verMasAlconTigo a{
    cursor: pointer;
}

.productoAlcontigo:nth-child(1) .bgProductoAlconTigo .verMasAlconTigo,
.productoAlcontigo:nth-child(2) .bgProductoAlconTigo .verMasAlconTigo {
    color: #5c2587;
}

.productoAlcontigo:nth-child(3) .bgProductoAlconTigo .verMasAlconTigo {
    color: #008cc2;
}

.productoAlcontigo:nth-child(4) .bgProductoAlconTigo .verMasAlconTigo {
    color: #009ea1;
}

.productoAlcontigo:nth-child(5) .bgProductoAlconTigo .verMasAlconTigo,
.productoAlcontigo:nth-child(6) .bgProductoAlconTigo .verMasAlconTigo {
    color: #008b55;
}

.productoAlcontigo:nth-child(1) .bgProductoAlconTigo .paraSuscribirte a,
.productoAlcontigo:nth-child(2) .bgProductoAlconTigo .paraSuscribirte a {
    color: #5c2587;
}

.productoAlcontigo:nth-child(3) .bgProductoAlconTigo .paraSuscribirte a {
    color: #008cc2;
}

.productoAlcontigo:nth-child(4) .bgProductoAlconTigo .paraSuscribirte a {
    color: #009ea1;
}

.productoAlcontigo:nth-child(5) .bgProductoAlconTigo .paraSuscribirte a,
.productoAlcontigo:nth-child(6) .bgProductoAlconTigo .paraSuscribirte a {
    color: #008b55;
}

.pathAlcontigo{
    clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);
}

.figuraUnoAlconTigo {
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 25px 10px;
    background: #273e75;
}
.figuraUnoAlconTigo h3{
    color: #00aeef;
}
.figuraUnoAlconTigo p {
    color: #b2e7fa;
}
.figuraDosAlconTigo {
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    padding: 25px 10px;
    background: #1d3569;
}
.figuraDosAlconTigo h3 {
    color: #00aeef;
}

.figuraDosAlconTigo p {
    color: #b2e7fa;
}

.figuraTresAlconTigo {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 25px 10px;
    background: #132b5d;
}

.figuraTresAlconTigo h3 {
    color: #00aeef;
}

.figuraTresAlconTigo p {
    color: #b2e7fa;
}
.figuraCuatroAlconTigo {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 50px;
    padding: 25px 10px;
    background: #001945;
}

.figuraCuatroAlconTigo h3 {
    color: #00aeef;
}

.figuraCuatroAlconTigo p {
    color: #b2e7fa;
}
@media (max-width: 1536px){
/* .productoAlcontigo {
    width: calc(33.3333% - 50px);
    margin: 10px 25px;
    position: relative;
    transition: all .3s ease-in-out;
} */
}
/* @media (max-width: 768px) {
    .productoAlcontigo {
        width: calc(33.3333% - 20px);
        margin: 10px 5px;
        position: relative;
        transition: all .3s ease-in-out;
    }
}
@media (max-width: 640px) {
    .productoAlcontigo {
        width: calc(50% - 20px);
        margin: 10px 5px;
    }
}
@media (max-width: 440px) {
    .productoAlcontigo {
        width: 250px;
        margin: 10px auto;
    }
} */
