/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 17 2025 | 19:08:09 */

.bloque-category .btn-category .elementor-button{
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:47% 47% 0 0 !important;
    position:absolute;
    bottom:0;
    right:0;
    left:0;
    height:50px;
    transition:.3s all ease
}
#elementor-popup-modal-9126 {
  z-index: 999999
}
.bloque-category:hover .btn-category .elementor-button{
   height:320px
}

.header-brickoven{
    border-bottom:2px solid #1111110D !important;
    background:#00000047;
	position:absolute
}

.header-brickoven.elementor-sticky--effects {
    background:#222222;
    border-bottom:2px solid #dc602a !important
}
.xoo-wsc-basket {
  z-index:39  !important
}
.oferta-fijo {
    position:fixed;
    left:0;
    bottom:0;
    padding:20px 20px 0px 20px;
    background:#dc602a; 
    width:210px;
    height:140px;
    display:flex;
    align-items:center;
    border-radius:0px 300px 0px 0px;
    z-index:40;
    overflow:hidden
}

.oferta-fijo::before{
    content:'';
    width:200px;
    height:170px;
    position:absolute;
    background: transparent url('https://ctbrickovensupply.com/wp-content/uploads/2025/12/copo-de-nieve.png') center/70px space;
    opacity:0.5
}

.oferta-fijo h3{
    margin:0;
    color:#fff;
    font-weight:600
}

.header-brickoven .lupa svg path {
    stroke: #fff !important;
}

.header-brickoven .user svg path,
.header-brickoven .cart-icon svg path{
    fill: #fff !important;
}

.quantity {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.quantity input.qty {
    width: 60px;
    text-align: center;
    height: 40px;
}

.quantity .qty-btn {
    cursor: pointer;
    width: 36px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    background: #eee;
    user-select: none;
    font-weight: bold;
}

.quantity .qty-btn:hover {
    background: #e0e0e0;
}

.btn-add-to-cart .cart{
    justify-content:center;
    align-items:center
}

.btn-add-to-cart .single_add_to_cart_button{
    width:100%;
    padding:12px !important;
    border-radius:30px !important;
    background: #dc602a !important;
    transition:.3s all ease
}

.btn-add-to-cart .single_add_to_cart_button:hover{
    background:#222222 !important
}

.bloque-producto .quantity input{
    padding:7px
}

.bloque-producto .qty-btn{
    background:#fff !important;
    border:none;
    border-radius:40px;
}

.bloque-producto .qty-btn:hover{
    color:#dc602a
}
.bloque-producto .qty{
    background:#fff !important;
    border:none
}

.bloque-producto{
    transition:.3s all ease
}

.bloque-producto:hover{
    box-shadow:0px 0px 5px 1px #00000014
}

.bloque-producto .contenedor-img{
    overflow:hidden;
}

.bloque-producto .contenedor-img img{
    transition:.3s all ease
}

.bloque-producto:hover .contenedor-img img{
    transform:scale(1.05)
}

/*------------------------------- Translate*/

.gtranslate_wrapper a span{
    color:#fff !important
}

.gtranslate_wrapper a img{
    border-radius:2em;
    width:20px !important;
    height:20px !important;
    object-fit:cover !important
}

.gt_black_overlay{
    z-index:99 !important
}

.gt_languages a span{
    color:#2E2E2E !important
}

.gt_white_content{
    width:300px !important;
    height:150px !important;
    border-radius:10px;
    text-align:center !important
}

.gt_white_content::before{
    content:"Select language";
    font-size:1.3em;
    display:inline-block
}

.gt_white_content a{
    text-align:left
}

/* ------------------ Blog*/

.blog-slider-wrapper {
    width: 100%;
    position: relative;
}

/* Carrusel */
.blog-slider {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding-left: max(20px, calc((100% - 1200px) / 2));
    padding-right: 20px;
    scrollbar-width: none;
}

.blog-slider::-webkit-scrollbar {
    display: none;
}

/* Card */
.blog-card {
    flex: 0 0 auto;
    width: 40%;
    text-decoration: none;
    color: inherit;
}

.blog-card-img {
    overflow: hidden;
    border-radius: 12px;
}

.blog-card-img img {
    width: 100%;
    height: 350px;
    display: block;
    object-fit:cover;
    transition: transform .3s ease;
}

.blog-card:hover img {
    transform: scale(1.05);
}

.blog-card-title {
    margin-top: 12px;
    font-size: 1.6rem;
    font-weight: 600;
}

/* Scrollbar */
.custom-scroll-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.custom-track {
    width: min(1200px, 90%);
    height: 4px;
    background: #e5e5e5;
    border-radius: 4px;
    position: relative;
}

.custom-thumb {
    position: absolute;
    height: 100%;
    background: #111;
    border-radius: 4px;
    left: 0;
    width: 0;
    cursor: pointer;
}
.custom-thumb {
    cursor: grab;
}

.custom-thumb:active {
    cursor: grabbing;
}
button.slider-arrow{
    position:absolute;
    top:0;
    bottom:0;
    width:45px;
    height:45px;
    padding:0;
    font-size:35px;
    border-radius:3em;
    background:#fff;
    color:#222;
    box-shadow: 0px 0px 2px 2px #39393926;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.3s all ease;
	margin: auto 0;
    z-index:5
}

button.slider-arrow.prev {
    left:0;
    transform: translateX(10px)
}

button.slider-arrow.next {
    right:0;
    transform: translateX(-10px)
}

button.slider-arrow span{
    height:100%;
    transform: translateY(-8px)
}

button.slider-arrow:hover{
    background:#dc602a;
    color:#fff
}

@media(max-width:1024px){
	
	.bloque-category:hover .btn-category .elementor-button{
		height:200px
	}
    .blog-card-img img {
        height:250px
    }

    .blog-card-title {
        font-size:20px;
        margin:15px 0px 0px 0px
    }
}

@media(max-width:774px){
    
    .oferta-fijo {   
        padding:10px 10px 0px 10px;
        background:#dc602a; 
        width:130px;
        height:80px;
        display:flex;
        align-items:center;
        border-radius:0px 300px 0px 0px;
        z-index:40;
        overflow:hidden
    }

    .oferta-fijo::before{
        opacity:0.3
    }

    .oferta-fijo h3{
        font-size: 18px
    }
    
    .blog-card{
        width: 100%
    }
    
}