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

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(238,238,34);
	--wd-entities-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", 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: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(89,94,224);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: rgb(23,23,23);
	--btn-default-bgcolor-hover: rgb(25,25,25);
	--btn-accented-bgcolor: rgb(90,95,222);
	--btn-accented-bgcolor-hover: rgb(82,87,203);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://www.goldenage.cl/wp-content/uploads/2026/03/Ksy3D7tuxupxbVrxBGt1Lt64KBEaYIKwQISrlLqxEJEFZ87MSjstcS1Kc9c5f4hUW1KQjKEOEhx3bQ15iiXjLaMqxU_BMHuiypeVIYJCcRX7xCfSjf8MBODSBgXrRB1Q4sE5yX6DCelWPfnhiSMP_nhtj3VX7nHvqGc-Znef-ZmwSz-s6lUnXIeSahGibIL.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: rgb(16,16,16);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(0,0,0);
	background-image: url(https://www.goldenage.cl/wp-content/uploads/2021/09/hardware-footer-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.page .main-page-wrapper {
	background-color: rgb(16,16,16);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--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: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.main-page-wrapper {
margin-top: -40px;
}

.whb-header {
margin-bottom: 0px;
}





.bulk_table {
	display:none !important;
}

/* =====================================================
   GOLDEN AGE — RAP CARDS
   Corte vertical dentado + separación 3D en hover
   Clase del contenedor: rap-card
   ===================================================== */

.rap-card {
    position: relative;
    perspective: 850px;
    overflow: visible !important;
    z-index: 1;

    /* AJUSTES DEL EFECTO */
    --separacion: 8px;
    --profundidad: 40px;
    --rotacion: 2deg;

    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        filter .45s ease;
}


/* Imagen original */
.rap-card img.ga-original {
    display: block;
    width: 100%;
    height: auto;
}


/* Ocultamos visualmente el original cuando
   las dos capas ya fueron creadas.
   Sigue ocupando espacio y mantiene la altura. */
.rap-card.ga-ready img.ga-original {
    opacity: 0;
}


/* =====================================================
   DOS CAPAS GENERADAS AUTOMÁTICAMENTE
   ===================================================== */

.rap-card > img.ga-left,
.rap-card > img.ga-right {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;

    object-fit: fill;
    display: block;

    pointer-events: none;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;

    transition:
        transform .5s cubic-bezier(.16,.84,.32,1),
        filter .5s ease;

    will-change: transform;
}


/* =====================================================
   LADO IZQUIERDO
   ===================================================== */

.rap-card > img.ga-left {
    z-index: 2;

    clip-path: polygon(
        0 0,
        50% 0,

        49.2% 7%,
        50.8% 14%,
        49.1% 21%,
        50.9% 28%,
        49.2% 35%,
        50.8% 42%,
        49.1% 49%,
        50.9% 56%,
        49.2% 63%,
        50.8% 70%,
        49.1% 77%,
        50.9% 84%,
        49.2% 91%,
        50% 100%,

        0 100%
    );

    -webkit-clip-path: polygon(
        0 0,
        50% 0,
        49.2% 7%,
        50.8% 14%,
        49.1% 21%,
        50.9% 28%,
        49.2% 35%,
        50.8% 42%,
        49.1% 49%,
        50.9% 56%,
        49.2% 63%,
        50.8% 70%,
        49.1% 77%,
        50.9% 84%,
        49.2% 91%,
        50% 100%,
        0 100%
    );
}


/* =====================================================
   LADO DERECHO
   ===================================================== */

.rap-card > img.ga-right {
    z-index: 3;

    clip-path: polygon(
        50% 0,
        100% 0,
        100% 100%,
        50% 100%,

        49.2% 91%,
        50.9% 84%,
        49.1% 77%,
        50.8% 70%,
        49.2% 63%,
        50.9% 56%,
        49.1% 49%,
        50.8% 42%,
        49.2% 35%,
        50.9% 28%,
        49.1% 21%,
        50.8% 14%,
        49.2% 7%
    );

    -webkit-clip-path: polygon(
        50% 0,
        100% 0,
        100% 100%,
        50% 100%,
        49.2% 91%,
        50.9% 84%,
        49.1% 77%,
        50.8% 70%,
        49.2% 63%,
        50.9% 56%,
        49.1% 49%,
        50.8% 42%,
        49.2% 35%,
        50.9% 28%,
        49.1% 21%,
        50.8% 14%,
        49.2% 7%
    );
}


@media (hover: hover) {

    .rap-card:hover {
        transform:
            translateY(-10px)
            scale(1);

        z-index: 50;
    }

    /* PEDAZO IZQUIERDO */
    .rap-card:hover > img.ga-left {

        /* gira desde la zona interior */
        transform-origin: right center;

        transform:
            translateX(-10px)
            translateY(-2px)
            translateZ(45px)

            /* apertura como tu dibujo */
            rotateZ(-3deg)

            /* inclinación 3D hacia afuera */
            rotateY(-5deg)

            /* ligeramente hacia el espectador */
            rotateX(10deg);

        filter:
            brightness(1.04)
            drop-shadow(-8px 12px 8px rgba(0,0,0,.25))
            drop-shadow(-18px 25px 18px rgba(0,0,0,.45));
    }


    /* PEDAZO DERECHO */
    .rap-card:hover > img.ga-right {

        transform-origin: left center;

        transform:
            translateX(10px)
            translateY(-2px)
            translateZ(45px)

            /* apertura contraria */
            rotateZ(3deg)

            /* inclinación 3D contraria */
            rotateY(5deg)

            /* ligeramente hacia el espectador */
            rotateX(10deg);

        filter:
            brightness(1.04)
            drop-shadow(8px 12px 8px rgba(0,0,0,.25))
            drop-shadow(18px 25px 18px rgba(0,0,0,.45));
    }
}
/* =====================================================
   MÓVIL
   No hacemos la separación porque no existe hover
   ===================================================== */

@media (hover: none) {

    .rap-card {
        perspective: 1200;
    }

    .rap-card > img.ga-left,
    .rap-card > img.ga-right {
        transition: none;
    }
}