/*
Theme Name: Playhost
Theme URI: http://demo.bravisthemes.com/playhost/
Author: Bravis-Themes
Author URI: https://themeforest.net/user/bravis-themes/
Description: Playhost is a WordPress theme perfect for affiliate, cloud, game hosting, game server, modern, premium hosting, pricing table, reseller, server, swiper slider. The theme comes with creative 05 homepage design layouts for more websites. WordPress theme is made by Elementor page builder which is very easy to customize and it has a lot of features and a very strong admin panel for any client to make a good website. Get Hostco Theme now!
Version: 1.0.2
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: playhost
Tags: affiliate, cloud, game hosting, game server, modern, premium hosting, pricing table, reseller, server, swiper slider
*/
body.archive .woocommerce-product-content,
.product-template-default .woocommerce-product-content{
    display:flex;
    flex-direction:column;
}
body.archive .woocommerce-add-to-cart.pxl-r-0,
.product-template-default .woocommerce-add-to-cart.pxl-r-0{
    position: initial !important;
    width: 100% !important;
    transform: none !important;
}
body.archive span.pxl-cart-text.pxl-hidden,
.product-template-default span.pxl-cart-text.pxl-hidden{
    opacity: 1;
    visibility: visible !important;
    color:white!important;
}
body.archive span.pxl-cart-icon,
.product-template-default span.pxl-cart-icon{
    display: none !important;
}
body.archive a.button.add_to_cart_button,
.product-template-default a.button.add_to_cart_button{
    color: white;
    background-color: transparent;
    background-image: linear-gradient(to right, #e51284, #575aff);
    font-size: 14px;
    font-weight: 700;
    width: auto;
    padding: 0 19px !important;
}
body.archive ul.products li.product .price,
.product-template-default ul.products li.product .price {
    font-size: 17px!important;
    font-weight: 600;
    color: #FFFFFF9C;
    margin-bottom: 0;
    display: flex;
    align-items: baseline;
    margin: 0 0 15px;
    font-family: "Manrope", sans-serif;
}
body.archive ul.products li.product .woocommerce-product-title a, 
body.archive .woocommerce .woocommerce-product-title a,
.product-template-default .woocommerce .woocommerce-product-title a,
.product-template-default ul.products li.product .woocommerce-product-title a
 {
    color: inherit;
    font-size: 18px;
    color: white;
    font-family: "Oxanium", sans-serif;
    font-weight: 700;
    height: 3rem;
    display: block;
}
body.archive .woocommerce-product-inner.item-layout-grid,
.product-template-default .woocommerce-product-inner.item-layout-grid {
    /* height: 2rem; */
    /* display: block; */
    border: 2px solid transparent;
    transition: all 0.8s ease;
    border-radius: 10px;
}
body.archive .woocommerce-product-inner.item-layout-grid:hover,
.product-template-default .woocommerce-product-inner.item-layout-grid:hover{
    border: 4px solid #e51384;
    padding:10px;
}
.product-template-default .product strong,
.product-template-default .product span,
.product-template-default .product .reset_variations{
    color: white!important;
}
.woocommerce div.product form.cart .variations select {
    background: url(https://websoluciones.cl/wp/wp-content/uploads/2024/12/chevron-down-solid.svg) no-repeat;
    background-size: 16px;
    background-position: calc(100% - 12px) 50%;
}
.product-template-default .woocommerce-product-inner:hover .woocommerce-product-header img {
    transform: none;
}
.product-template-default .woocommerce-product-inner .woocommerce-product-header img {
    transition: none;
}
.product-template-default section.related .woocommerce-product-inner .woocommerce-product-header {
    max-width: fit-content;
    min-width: fit-content;
}
.product-template-default .product p {
    color: white;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    background-color: #3d3d3d;
    color: white!important  ;
}
button.wc-forward:hover{
    color: white!important;
}
.product-template-default a.button:hover, .product-template-default a.button:hover, .product-template-default a.wc-forward:hover, .product-template-default a.wc-forward:hover{
    color: white!important;
}    
.single-product #pxl-content-area div.product .woocommerce-gallery-inner, .single-product > div.product .woocommerce-gallery-inner {
    display: flex;
    position: relative;
    justify-content: center;
}
@media (min-width: 768px) {
    #wpgs-gallery.wcgs-woocommerce-product-gallery {
        max-width: 70%!important;
    }
}
.swiper-slide.swiper-slide-active.swiper-slide-next {
    height: auto !important;
}
div#swiper-wrapper-4fc755ec20dacdcb {
    height: auto !important;
}
.single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li.active > a, .single-product > div.product .woocommerce-tabs ul.wc-tabs li.active > a, .single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a:hover, .single-product > div.product .woocommerce-tabs ul.wc-tabs li a:hover {
    color: white;
}
.onsale {
    visibility: hidden; /* Oculta el texto original "Sale" */
  }
  
  .onsale::before {
    content: "Oferta";
    background-color: var(--primary-color);
    visibility: visible;
    padding: 2px 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
  }
  .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    background: transparent;
}
.dgwt-wcas-style-pirx.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    color: black;
}
.woofc-icon-cart4:before {
    content: "\e909";
    color: #6c7cfc;
}
.woofc-count.woofc-count-top-right {
    top: 47px;
    right: 60px;
    bottom: auto;
    left: auto;
}
.woofc-count.woofc-count-shake {
    background-color: transparent;
}
body.woocommerce-cart  .wc-block-components-product-metadata,
body.woocommerce-checkout .wc-block-components-product-metadata .wc-block-components-product-metadata__description>p,
body.woocommerce-checkout .wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data
{
    display: none;
}
.woocommerce .woocommerce-product-inner .woocommerce-product-header {
    overflow: visible;
    border:0!important;
}
.woocommerce ul.products li.product .price ins {
    color: white;
}
@media screen and (min-width: 1199px) {
    #menu-item-6023 {
        display: none!important;
    }
}
body.woocommerce-cart a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background-image: linear-gradient(to right, #e51284, #575aff);
    color: white;
    font-weight: bold;
}
span.descuento-oferta {
    position: absolute;
    z-index: 999;
    background-color: #5723d8;
    border-radius: 50px;
    padding: 15px;
    top: 10px;
    left: 13px;
    color:white;
    font-weight:700;
}
.product .summary.entry-summary span.descuento-oferta{
    display:none;
}
#pxl-page-title-default {
    background-position: center center!important;
}
#pxl-page-title-default::before {
    content: ''; /* Necesario para que se genere el pseudo-elemento */
    position: absolute; /* Lo posicionamos encima del fondo */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 21%);
    pointer-events: none; /* Asegura que esta capa no interfiera con la interacción del contenido */
    z-index: 0; /* Asegura que el pseudo-elemento quede debajo del contenido */
}

.owl-carousel .woocommerce-product-inner .woocommerce-add-to-cart {
    position: initial;
    top: 50%;
    transform: none;
    transition: none;
    width: 100%;
    transform-origin: initial;
}
.owl-carousel span.pxl-cart-text.pxl-hidden {
    opacity: 1;
    visibility: visible;
    color: white;
}
a.button.product_type_variable.add_to_cart_button {
    display: flex;
    width: 100%;
}
span.pxl-cart-icon {
    display: none !important;
}

/*carrusel productos home con etiqueta*/
.carrusel-productos .woocommerce-product-inner:hover .woocommerce-add-to-cart {
    -webkit-transform: none!important;
    -khtml-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
}
.carrusel-productos a.button.product_type_variable.add_to_cart_button {
    font-family: "Oxanium", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    width: auto;
    padding: 0px 20px;
    transition: all 0s;
}
.carrusel-productos .owl-item.active {
    padding: 10px;
}
.carrusel-productos h8.woocommerce-product-title {
    color: #FFFFFF;
    font-family: "Oxanium", Sans-serif;
    font-size: 18px;
    font-weight: 700;
}
.carrusel-productos span.woocommerce-Price-amount.amount {
    font-family: "Manrope", Sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #FFFFFF9C !important;
}
.carrusel-productos span.price {
    color: #FFFFFF9C !important;
}
.carrusel-productos .woocommerce-product-inner.item-layout-grid{
    border: 2px solid transparent;
    transition: all 0.7s ease;
}
.carrusel-productos .woocommerce-product-inner.item-layout-grid:hover{
    border: 5px solid #E51284;
    border-radius: 10px;
    padding: 10px;
}
.carrusel-productos .woocommerce-product-inner .woocommerce-product-header {
    overflow: hidden;
    border: 0 !important;
}
.carrusel-productos .owl-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 40%;
}
.carrusel-productos .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #e51284;
    text-decoration: none;
}
.carrusel-productos .eicon-chevron-right:before,
.carrusel-productos .eicon-chevron-left:before {
    content: "\e87d";
    font-size: 40px;
}
.carrusel-productos .eicon-chevron-left:before {
    content: "\e87e";
    font-size: 40px;
}

@media screen and (min-width: 1100px) {
    .carrusel-productos button.owl-prev {
        margin-left: -30px !important;
    }
    .carrusel-productos button.owl-next {
        margin-right: -30px !important;
    }
    
}
/*FORMULARIO NEWSLETTER HOME*/
button#wpforms-submit-6310 {
    background-color: #6c7cfc;
    color: #ffffff;
    width: 100%;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 15px;
}
input#wpforms-6310-field_1 {
    height: 48px;
    border-radius: 5px;
}
@media screen and (min-width: 1100px) {
    .menu-item-6343{
        display: none!important;
    }
}