@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.ukcaravans.cl/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//www.ukcaravans.cl/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//www.ukcaravans.cl/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//www.ukcaravans.cl/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//www.ukcaravans.cl/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//www.ukcaravans.cl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//www.ukcaravans.cl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//www.ukcaravans.cl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//www.ukcaravans.cl/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(42,61,137);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #339059;
	--btn-accented-bgcolor-hover: #1e6a3d;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 280px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


/*=========================================================
  CONTENEDOR PRINCIPAL
=========================================================*/

.rv-card{
    width:100%;
    background:#ececec;
    border-radius:12px;
    overflow:hidden;
    font-family:Arial, Helvetica, sans-serif;
}


/*=========================================================
  CABECERA
=========================================================*/

.rv-header{
    background:#293C8A;
    padding:18px 22px;
}

.rv-header h2{
    margin:0;
    color:#fff;
    font-size:20px;
    font-weight:400;
    line-height:1.3;
}

.rv-header h2 strong{
    font-weight:700;
}

.rv-subtitle{
    display:block;
    margin-top:6px;
    color:#ffd400;
    font-size:12px;
    font-weight:700;
    line-height:1.3;
}


/*=========================================================
  PRECIO TARJETA PERSONALIZADA
=========================================================*/

.rv-price{
    background:#80227A;
    color:#fff;
    font-size:24px;
    font-weight:700;
    padding:18px 22px;
    line-height:1.2;
}


/*=========================================================
  GRID
=========================================================*/

.rv-specs{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    padding:12px;
    min-height:375px;
    align-content:start;
}


/*=========================================================
  TARJETAS
=========================================================*/

.spec-box{
    background:#fff;
    border-radius:8px;
    padding:12px 14px;
    min-height:auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
}


/*=========================================================
  ETIQUETA
=========================================================*/

.label{
    display:block;
    color:#777;
    font-size:13px;
    font-weight:500;
    line-height:1.2;
    padding-bottom:8px;
    margin-bottom:8px;
    border-bottom:1px solid #ececec;
}


/*=========================================================
  VALOR
=========================================================*/

.value{
    display:block;
    color:#4d5578;
    font-size:16px;
    font-weight:600;
    line-height:1.3;
    margin:0;
    padding:0;
}


/*=========================================================
  RESPONSIVE TARJETA
=========================================================*/

@media(max-width:768px){

    .rv-specs{
        grid-template-columns:1fr;
    }

    .rv-header h2{
        font-size:18px;
    }

    .rv-price{
        font-size:22px;
    }

}


/*=========================================================
  WOODMART - OCULTAR TABS
=========================================================*/

.woocommerce-tabs .wd-nav-wrapper{
    display:none !important;
}


/*=========================================================
  IMÁGENES GALERÍA
=========================================================*/

.woocommerce div.product div.images img,
.woocommerce ul.products li.product img,
.woocommerce-product-gallery__image img{
    border-radius:12px;
    overflow:hidden;
}


/*=========================================================
  ALINEAR FICHA CON IMAGEN
=========================================================*/

.single-product .product-image-summary .summary-inner{
    padding-top:0 !important;
    margin-top:0 !important;
}

.single-product .product-image-summary .summary-inner > *:first-child{
    margin-top:0 !important;
    padding-top:0 !important;
}


/*=========================================================
  BLOQUE PERSONALIZADO
=========================================================*/

.single-product .product-image-summary .rv-card{
    margin-top:0 !important;
    position:relative;
    top:-20px;
}

.rv-card{
    transform:translateY(20px);
}


/*=========================================================
  OCULTAR PRECIO ORIGINAL PRODUCTO INDIVIDUAL
=========================================================*/

.single-product .summary-inner > h1.product_title,
.single-product .summary-inner > p.price{
    display:none !important;
}


/*=========================================================
  BORDES REDONDOS IMÁGENES CATÁLOGO
=========================================================*/

.product-grid-item .product-image-link,
.product-grid-item .attachment-woocommerce_thumbnail,
.product-grid-item img,
.wd-product .product-image-link,
.wd-product img{
    border-radius:16px !important;
    overflow:hidden;
}


/*=========================================================
  TESTIMONIOS
=========================================================*/

.testimonial img,
.wd-testimonial img,
.wpb_wrapper img{
    border-radius:16px !important;
}


/*=========================================================
  CARRUSEL PRODUCTOS
=========================================================*/

.wd-carousel-item{
    height:auto !important;
    overflow:visible !important;
    padding-bottom:20px !important;
    display:flex !important;
}


/*=========================================================
  TARJETA PRODUCTO
=========================================================*/

.product-grid-item{
    height:auto !important;
    width:100% !important;
}

.product-grid-item .product-wrapper{
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:100% !important;
    width:100% !important;
    background:#ffffff !important;
    border-radius:18px !important;
    overflow:hidden !important;
    box-shadow:0 8px 22px rgba(0,0,0,.12) !important;
    gap:0 !important;
}


/*=========================================================
  IMAGEN PRODUCTO
=========================================================*/

.product-grid-item .product-element-top{
    margin:0 !important;
    padding:0 !important;
    margin-bottom:0 !important;
    overflow:hidden !important;
    border-radius:18px 18px 0 0 !important;
}

.product-grid-item .product-image-link{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    line-height:0 !important;
    overflow:hidden !important;
    border-radius:18px 18px 0 0 !important;
}

.product-grid-item .product-image-link img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    border-radius:18px 18px 0 0 !important;
}


/*=========================================================
  BLOQUE INFERIOR
=========================================================*/

.product-grid-item .product-element-bottom,
.product-grid-item:hover .product-element-bottom,
.product-grid-item:not(:hover) .product-element-bottom{
    display:flex !important;
    flex-direction:column !important;

    width:100% !important;
    height:auto !important;
    min-height:100% !important;

    margin:0 !important;
    padding:0 !important;

    gap:0 !important;
    row-gap:0 !important;

    background:#293C8A !important;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;
    -webkit-transform:none !important;

    top:auto !important;
    bottom:auto !important;

    transition:none !important;
}


/*=========================================================
  TÍTULO
=========================================================*/

.product-grid-item .wd-entities-title,
.product-grid-item:hover .wd-entities-title,
.product-grid-item:not(:hover) .wd-entities-title{
    order:1 !important;

    width:100% !important;

    margin:0 !important;
    padding:22px 20px 8px !important;

    background:#293C8A !important;

    min-height:82px !important;

    display:flex !important;
    align-items:center !important;

    box-sizing:border-box !important;

    border:0 !important;
    border-radius:0 !important;

    transform:none !important;
    -webkit-transform:none !important;

    transition:none !important;
}

.product-grid-item .wd-entities-title a,
.product-grid-item:hover .wd-entities-title a,
.product-grid-item:not(:hover) .wd-entities-title a{
    display:block !important;

    width:100% !important;

    margin:0 !important;

    color:#ffffff !important;

    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.3 !important;

    text-decoration:none !important;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;
    -webkit-transform:none !important;

    transition:none !important;
}


/*=========================================================
  CAPACIDAD
=========================================================*/

.product-grid-item .wd-product-cats,
.product-grid-item:hover .wd-product-cats,
.product-grid-item:not(:hover) .wd-product-cats{
    order:2 !important;

    width:100% !important;

    margin:0 !important;
    margin-top:-1px !important;

    padding:0 20px 20px !important;

    background:#293C8A !important;

    box-sizing:border-box !important;

    line-height:1.3 !important;

    border:0 !important;
    border-radius:0 !important;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;
    -webkit-transform:none !important;

    transition:none !important;
}

.product-grid-item .wd-product-cats,
.product-grid-item .wd-product-cats a,
.product-grid-item .wd-product-cats span,
.product-grid-item:hover .wd-product-cats,
.product-grid-item:hover .wd-product-cats a,
.product-grid-item:hover .wd-product-cats span{
    color:#FFD400 !important;

    font-size:14px !important;
    font-weight:700 !important;

    text-decoration:none !important;

    opacity:1 !important;
    visibility:visible !important;

    transition:none !important;
}


/*=========================================================
  =========================================================
  PRECIO WOODMART
  MORADO PERMANENTE
  =========================================================
=========================================================*/

.product-grid-item .wrap-price,
.product-grid-item:hover .wrap-price,
.product-grid-item:not(:hover) .wrap-price,
.woocommerce ul.products .product-grid-item .wrap-price,
.woocommerce-page ul.products .product-grid-item .wrap-price,
.products .product-grid-item .wrap-price{

    order:3 !important;

    display:block !important;

    width:100% !important;

    height:auto !important;
    min-height:82px !important;
    max-height:none !important;

    margin:0 !important;
    margin-top:auto !important;

    padding:20px !important;

    box-sizing:border-box !important;

    background:#80227A !important;
    background-color:#80227A !important;

    border:0 !important;
    border-radius:0 0 18px 18px !important;

    position:relative !important;

    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;
    -webkit-transform:none !important;

    transition:none !important;

    overflow:visible !important;
}


/*=========================================================
  PRECIO - TODOS LOS CONTENEDORES
=========================================================*/

.product-grid-item .wrap-price .product-rating-price,
.product-grid-item .wrap-price .wrapp-product-price,
.product-grid-item .product-rating-price,
.product-grid-item .wrapp-product-price,
.product-grid-item:hover .product-rating-price,
.product-grid-item:hover .wrapp-product-price,
.product-grid-item:not(:hover) .product-rating-price,
.product-grid-item:not(:hover) .wrapp-product-price{

    display:block !important;

    width:100% !important;

    height:auto !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
    background-color:transparent !important;

    position:static !important;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;
    -webkit-transform:none !important;

    top:auto !important;
    bottom:auto !important;

    transition:none !important;
}


/*=========================================================
  PRECIO PRINCIPAL
=========================================================*/

.product-grid-item .wrap-price .price,
.product-grid-item .wrapp-product-price .price,
.product-grid-item .product-rating-price .price,
.product-grid-item:hover .wrap-price .price,
.product-grid-item:hover .wrapp-product-price .price,
.product-grid-item:hover .product-rating-price .price,
.product-grid-item:not(:hover) .wrap-price .price,
.product-grid-item:not(:hover) .wrapp-product-price .price,
.product-grid-item:not(:hover) .product-rating-price .price{

    display:block !important;

    width:100% !important;

    height:auto !important;
    min-height:36px !important;

    margin:0 !important;
    padding:2px 0 5px !important;

    background:transparent !important;
    background-color:transparent !important;

    color:#ffffff !important;

    font-size:24px !important;
    font-weight:700 !important;
    line-height:1.25 !important;

    white-space:nowrap !important;

    position:static !important;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;
    -webkit-transform:none !important;

    transition:none !important;
}


/*=========================================================
  ELEMENTOS INTERNOS DEL PRECIO
=========================================================*/

.product-grid-item .wrap-price .price *,
.product-grid-item .wrap-price bdi,
.product-grid-item .wrap-price .woocommerce-Price-amount,
.product-grid-item .wrap-price .woocommerce-Price-currencySymbol,
.product-grid-item .woocommerce-Price-amount,
.product-grid-item .woocommerce-Price-amount bdi,
.product-grid-item:hover .wrap-price .price *,
.product-grid-item:not(:hover) .wrap-price .price *{

    display:inline !important;

    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;
    background-color:transparent !important;

    color:#ffffff !important;

    font-size:24px !important;
    font-weight:700 !important;
    line-height:1.25 !important;

    position:static !important;

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;
    -webkit-transform:none !important;

    transition:none !important;
}


/*=========================================================
  ELIMINAR CUALQUIER HOVER DE WOODMART SOBRE PRECIO
=========================================================*/

.product-grid-item:hover .wrap-price,
.product-grid-item:hover .wrap-price *,
.product-grid-item:hover .product-rating-price,
.product-grid-item:hover .wrapp-product-price,
.product-grid-item:hover .price,
.product-grid-item:hover .woocommerce-Price-amount,
.product-grid-item:hover .woocommerce-Price-amount bdi{

    opacity:1 !important;
    visibility:visible !important;

    transform:none !important;
    -webkit-transform:none !important;

    background-color:inherit !important;

    transition:none !important;
}


/*=========================================================
  VOLVER A FIJAR MORADO DESPUÉS DEL HOVER
=========================================================*/

.product-grid-item:hover .wrap-price{
    background:#80227A !important;
    background-color:#80227A !important;
}

.product-grid-item:not(:hover) .wrap-price{
    background:#80227A !important;
    background-color:#80227A !important;
}


/*=========================================================
  DESACTIVAR TRANSICIONES WOODMART
=========================================================*/

.product-grid-item .wrap-price,
.product-grid-item .wrap-price *,
.product-grid-item .product-rating-price,
.product-grid-item .wrapp-product-price,
.product-grid-item .price{

    transition:none !important;
}


/*=========================================================
  OCULTAR ELEMENTOS EXTRA
=========================================================*/

.product-grid-item .fade-in-block,
.product-grid-item .wd-product-footer,
.product-grid-item .price-label,
.product-grid-item .star-rating,
.product-grid-item .product-labels,
.product-grid-item .wd-compare-btn,
.product-grid-item .wd-wishlist-btn,
.product-grid-item .quick-shop-btn{
    display:none !important;
}


/*=========================================================
  ASEGURAR ANCHO
=========================================================*/

.product-grid-item .product-element-bottom > *{
    max-width:100% !important;
    box-sizing:border-box !important;
}


/*=========================================================
  PÁRRAFOS Y ELEMENTOS
=========================================================*/

.product-grid-item .product-element-bottom p,
.product-grid-item .product-element-bottom div,
.product-grid-item .product-element-bottom h3{
    margin-top:0;
    margin-bottom:0;
}


/*=========================================================
  CARRUSEL
=========================================================*/

.wd-carousel{
    padding-bottom:10px;
}


/*=========================================================
  RESPONSIVE
=========================================================*/

@media(max-width:768px){

    .product-grid-item .wd-entities-title{
        min-height:auto !important;
        padding:18px 16px 8px !important;
    }

    .product-grid-item .wd-entities-title a{
        font-size:17px !important;
    }

    .product-grid-item .wd-product-cats{
        padding:0 16px 16px !important;
    }

    .product-grid-item .wrap-price,
    .product-grid-item:hover .wrap-price,
    .product-grid-item:not(:hover) .wrap-price{

        display:block !important;

        min-height:70px !important;

        height:auto !important;
        max-height:none !important;

        padding:16px !important;

        background:#80227A !important;
        background-color:#80227A !important;

        opacity:1 !important;
        visibility:visible !important;

        transform:none !important;
        -webkit-transform:none !important;

        transition:none !important;
    }

    .product-grid-item .product-rating-price,
    .product-grid-item .wrapp-product-price,
    .product-grid-item .wrap-price .price{
        min-height:32px !important;
    }

    .product-grid-item .wrapp-product-price .price,
    .product-grid-item .wrapp-product-price .price *,
    .product-grid-item .product-rating-price .price,
    .product-grid-item .product-rating-price .price *,
    .product-grid-item .wrap-price .price,
    .product-grid-item .wrap-price .price *{

        font-size:22px !important;
        line-height:1.25 !important;

        white-space:normal !important;
        overflow:visible !important;
        word-break:break-word !important;
    }

}


/*=========================================================
  REGLA FINAL ABSOLUTA
=========================================================*/

html body .products .product-grid-item .wrap-price,
html body .woocommerce ul.products .product-grid-item .wrap-price,
html body .woocommerce-page ul.products .product-grid-item .wrap-price,
html body .product-grid-item .wrap-price,
html body .product-grid-item:hover .wrap-price,
html body .product-grid-item:not(:hover) .wrap-price{

    background:#80227A !important;
    background-color:#80227A !important;

    opacity:1 !important;
    visibility:visible !important;

    display:block !important;

    transform:none !important;
    -webkit-transform:none !important;

    transition:none !important;
}


/*=========================================================
  FIN
=========================================================*/

/* =====================================================
   UK CARAVANS - FONDO PRECIO FIJO
===================================================== */

.product-grid-item .product-wrapper,
.product-grid-item .product-element-bottom {
    background: #293C8A !important;
}

/* Zona del precio */
.product-grid-item .wrap-price {
    background: #80227A !important;
    background-color: #80227A !important;
}

/* Forzar también el contenedor interno */
.product-grid-item .wrap-price .wrapp-product-price,
.product-grid-item .wrap-price .product-rating-price {
    background: transparent !important;
}

/* Precio */
.product-grid-item .wrap-price .price,
.product-grid-item .wrap-price .price *,
.product-grid-item .wrap-price bdi,
.product-grid-item .wrap-price .woocommerce-Price-amount {
    color: #ffffff !important;
}

/* Hover */
.product-grid-item:hover .product-wrapper,
.product-grid-item:hover .product-element-bottom,
.product-grid-item:hover .wrap-price {
    background: #80227A !important;
    background-color: #80227A !important;
}

/* Estado normal */
.product-grid-item:not(:hover) .wrap-price {
    background: #80227A !important;
    background-color: #80227A !important;
}