header {
    position: relative;
}

#giftCards {
    padding-bottom: 100px;
}
#giftCards h1 {
    font-size: 1.5rem;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 20px;
}
#giftCards .detalle h2 span{
    color: #ffffff;
    font-size: 1.5rem;
    margin-bottom: 30px;
    background-color: #0094de;
    padding: 6px 12px;
    border-radius: 1000px;
}
#giftCards .columns {
    padding: 1em;
}
#giftCards .encabezado p{
    color: #666;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.4;
    margin: 10px auto;
    text-align: center;
    width: 100%;
}
#giftCards .detalle > article{
    text-align: center;
    border-bottom: 1px dashed #999;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}
#giftCards .detalle > article:last-child{
    border-bottom: 0 none;
    padding-bottom: 0;
    margin-bottom: 0;
}
#giftCards .detalle h2{
    color: #0094de;
    font-size: 1.5rem;
    margin-bottom: 30px;
    padding: 0;
}
#giftCards img{
    margin: 0 auto 30px;
    height: auto;
    max-width: 320px;
    width: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 2px dashed #c2c2c2;
    padding: 10px;
}
#giftCards .detalle p{
    color: #333;
    font-size: 1rem;
    line-height: 1.2;
    margin:0 auto 20px;
    width: 90%;
}
#giftCards .detalle small{
    color: #666;
    display: block;
    font-size: 0.875rem;
    line-height: 1.2;
    margin:0 auto 20px;
    width: 90%;
}
#giftCards .detalle .tijera{
    height: 52px;
    width: auto;
    position: absolute;
    left: 22px;
    top: -24px;
    border: none;
}

/* DESCUENTO */
.dtoGiftCard{
    background-color: #f2efba;
    border-radius: 7px;
    padding: 0 1rem 1rem;
    width: 100%;
}
#giftCards .dtoGiftCard .columns{
    padding: 0;
}
.dtoGiftCard .dctoMonto{
    font-size: 2.188rem;
    color: #ff7500;
    font-weight: bold;
    display: inline-block;
    padding: 0;
    line-height: 70px;
}
.dtoGiftCard #GC{
    display: inline-block;
    font-size: 1.5rem;
    background-color: white;
    height: 70px;
    text-transform: uppercase;
    border: 3px dashed #8a8a8a;
    border-radius: 8px;
    margin: auto auto 10px auto;
    vertical-align: unset;
    text-align: center;
    line-height: 67px;
    padding: 0 10px;
    letter-spacing: 2px;
    left: 0;
    right: 0;
}
.dtoGiftCard .copiar .boton.small {
    background-color: #2a2a2a!important;
    border-radius: 6px !important;
    vertical-align: super;
    height: 50px;
    width: 50% !important;
    font-size: 1rem;
}
.dtoGiftCard .copiar #dctoCopiado {
    display: block;
    height: 40px;
    text-align: center;
}
.dtoGiftCard .copiar span {
    display: block;
}
.dtoGiftCard .valida{
    font-size: 0.750rem;
    color: #000000;
    text-transform: uppercase;
    padding: 0;
    width: 100%;
    text-align: center;
    margin: auto;
}
.dtoGiftCard .tiempo{
    color: #5b5b5b;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.dtoGiftCard p.restricciones{
    font-size: 0.750rem;
    color: #808080;
    padding: 0 20px;
    display: inline-block;
    margin: 10px auto 0;
    vertical-align: middle;
    font-style: italic;
    line-height: 1.3
}
#clock{
    width: 280px;
    display: inline-block;
    margin-bottom: 7px;
}
#clock .timeClock{
    width: 48px;
    display: inline-block;
    color: #9b9b9b;
    font-size: 1.063rem;
}
#clock.clock div.timeClock{
    width: 60px;
    display: inline-block;
    color: #9b9b9b;
    font-size: 1.063rem;
}
#clock div.timeClock span{
    width: 50px;
    display: inline-block;
    height: 32px;
    font-size: 1.563rem;
    color: #5b5b5b;
    font-weight: bold;
}
#clock div.timeClock:after {
    color: #5b5b5b;
    content: ":";
    font-size: 1.875rem;
    line-height: 1.2;
    position: absolute;
    top: 16px;
    width: 12px;
    margin: auto;
    margin-left: 7px;
}
#clock div.timeClock:last-child:after {
    content: "";
}



    @media screen and (min-width: 768px){
        #giftCardss .encabezado p{
            font-size: 0.875rem;
            width: 100%;
        }
        #giftCards .detalle > article{
            border-bottom: 0 none;
        }
        #giftCards .detalle h2{
            font-size: 1.125rem;
        }
        #giftCards .detalle p{
            font-size: .875rem;
        }
        #giftCards .detalle small{
            font-size: .750rem;
        }.dtoGiftCard .dctoMonto {
            display: block;
            text-align: right;
        }.dtoGiftCard .copiar{
            text-align: left;
        }.dtoGiftCard .copiar #dctoCopiado {
            display: inline-block;
            text-align: left;
            margin-left: 10px;
        }.dtoGiftCard {
             padding: 1rem 1rem 1rem;
        }.dtoGiftCard p.restricciones {
             margin-top: 20px;
        }.dtoGiftCard .copiar .boton.small {
             margin-top: 10px;
        }
    }
#main-mobile {
    padding-bottom: 50px;
}
#main-mobile h1 {
    font-size: 1.5rem;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 20px;
}
#main-mobile .detalle h2 span{
    color: #ffffff;
    font-size: 1.5rem;
    margin-bottom: 30px;
    background-color: #0094de;
    padding: 6px 12px;
    border-radius: 1000px;
}
#main-mobile .columns {
    padding: 1em;
}
#main-mobile .encabezado p{
    color: #666;
    font-size: 0.875rem;
    font-style: italic;
    line-height: 1.4;
    margin: 10px auto;
    text-align: center;
    width: 100%;
}
#main-mobile .detalle > article{
    text-align: center;
    border-bottom: 1px dashed #999;
    padding-bottom: 1rem;
    margin-bottom: 1.5rem;
}
#main-mobile .detalle > article:last-child{
    border-bottom: 0 none;
    padding-bottom: 0;
    margin-bottom: 0;
}
#main-mobile .detalle h2{
    color: #0094de;
    font-size: 1.5rem;
    margin-bottom: 30px;
    padding: 0;
}
#main-mobile .img-pasos{
    margin: 0 auto 20px;
    height: auto;
    max-width: 320px;
    width: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 10px;
}
#main-mobile .detalle p{
    color: #333;
    font-size: 1rem;
    line-height: 1.2;
    margin:0 auto 20px;
    width: 90%;
}

@media screen and (min-width: 768px){
    #main-mobile .detalle > article{
        border-bottom: 0 none;
    }
    #main-mobile .detalle h2{
        font-size: 1.125rem;
    }
    #main-mobile .detalle p{
        font-size: .875rem;
    }
}
.header-content .h1-title{
    color: #fff;
    margin: 0;
    font-size: 42px;
    font-weight: 700;
    line-height: 44px;
    text-align: left !important;
}
.titulo-degradado{
    font-size: 2.5rem !important;
    background: linear-gradient(90deg, #ff6699, #99ccff, #99ff99);
    background-clip: text;
    color: transparent;
}
.descripcion-regalar p{
    text-align: center;
}
.title-h1 {
    text-align: center;
    margin-top: 1rem;
    font-weight: 700;
    line-height: 65px;
}
.card-content {
    display: flex;
    align-items: center;
    width: 100%;
    background: white;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #ffac06;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}


.card-header {
    flex: 1; /* Ocupa la mitad */
    max-width: 50%; /* Límite de tamaño */
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-image {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
}

img.main-img{
    -webkit-border-radius: 8px;
    max-width: 100% ;
    width: auto;
    height: auto;
    display: block;
    object-fit: cover;
}
img.logoDeal,
img.logoCategoria {
    border:none !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    padding: 0 !important;
    margin: 0 !important;
}


.card-body {
    flex: 1;
    max-width: 50%;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.titleOferta {
    font-size: 14px;
    font-weight: bold;
}


.container-precio {
    display: flex;
    align-items: center;
    gap: 10px;
}

.precio-original {
    text-decoration: line-through;
    color: gray;
}
.detalle h1 {
    color: #FB7500;
    font-size: 42px;
    font-weight: 700;
}

.button-comprar {
    background-color: #FB7500;
    color: white;
    padding: 8px 12px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    width: 100%;
}

.button-comprar:hover {
    background-color: #FB7500;
}
.button-home{
    background-color: #FB7500;
    color: white;
    border-radius: 8px;
    border: none;
    padding: 10px 16px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.3s ease;
    width: 95%;
    font-size: 1.5rem;
}
#topMarcas{
    margin-top: 3rem;
    text-align: center;
}

.carrusel-prev, .carrusel-next{
    width: 50px !important;
    height: 50px !important;
}