.elementor-313 .elementor-element.elementor-element-b5f3dad{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-313 .elementor-element.elementor-element-b5f3dad:not(.elementor-motion-effects-element-type-background), .elementor-313 .elementor-element.elementor-element-b5f3dad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-313 .elementor-element.elementor-element-b1f97be{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-313 .elementor-element.elementor-element-73606a8{--display:flex;--min-height:380px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-313 .elementor-element.elementor-element-73606a8:not(.elementor-motion-effects-element-type-background), .elementor-313 .elementor-element.elementor-element-73606a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-313 .elementor-element.elementor-element-b3104be{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-313 .elementor-element.elementor-element-7d7b781{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-313 .elementor-element.elementor-element-dcc004c .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:30px;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-313 .elementor-element.elementor-element-c056c23{text-align:justify;font-family:"Jost", Sans-serif;font-size:15px;font-weight:300;line-height:1.3em;color:#E2E2E2;}.elementor-313 .elementor-element.elementor-element-113b499{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-313 .elementor-element.elementor-element-113b499 .elementor-divider-separator{width:100%;}.elementor-313 .elementor-element.elementor-element-113b499 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-313 .elementor-element.elementor-element-33221c7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;}.elementor-313 .elementor-element.elementor-element-be38c82{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;padding:0px 0px 0px 0px;}.elementor-313 .elementor-element.elementor-element-be38c82.elementor-element{--align-self:flex-start;}.elementor-313 .elementor-element.elementor-element-5daa460{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-313 .elementor-element.elementor-element-5daa460.elementor-element{--align-self:flex-start;}.elementor-313 .elementor-element.elementor-element-74c80af.elementor-element{--align-self:flex-start;}.elementor-313 .elementor-element.elementor-element-74c80af{text-align:justify;font-family:"Jost", Sans-serif;font-size:15px;font-weight:300;line-height:1.8em;color:#E2E2E2;}.elementor-313 .elementor-element.elementor-element-74c80af p{margin-block-end:0px;}.elementor-313 .elementor-element.elementor-element-a07d1c0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-313 .elementor-element.elementor-element-456d531{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-313 .elementor-element.elementor-element-ff6cbd7 .elementor-button{background-color:#FFC200;font-family:"Raleway", Sans-serif;font-size:15px;font-weight:600;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;}.elementor-313 .elementor-element.elementor-element-ff6cbd7{width:100%;max-width:100%;}.elementor-313 .elementor-element.elementor-element-3d099ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-313 .elementor-element.elementor-element-3d099ff:not(.elementor-motion-effects-element-type-background), .elementor-313 .elementor-element.elementor-element-3d099ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-313 .elementor-element.elementor-element-dfa768e{--display:flex;--gap:50px 50px;--row-gap:50px;--column-gap:50px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#00000017;--border-color:#00000017;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-313 .elementor-element.elementor-element-89bb358{font-family:"Jost", Sans-serif;font-weight:300;color:var( --e-global-color-text );}.elementor-313 .elementor-element.elementor-element-50816eb{--display:flex;--gap:50px 50px;--row-gap:50px;--column-gap:50px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#00000017;--border-color:#00000017;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-313 .elementor-element.elementor-element-c6aaf8e{font-family:"Jost", Sans-serif;font-weight:300;color:var( --e-global-color-text );}.elementor-313 .elementor-element.elementor-element-11c2c3d{--display:flex;--gap:50px 50px;--row-gap:50px;--column-gap:50px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#00000017;--border-color:#00000017;--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-313 .elementor-element.elementor-element-1a0b957{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;background-color:#FFFFFF00;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000017;border-radius:20px 20px 20px 20px;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-transition:0s;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-padding-top:5px;--n-tabs-title-padding-right:35px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:35px;--n-tabs-title-font-size:16px;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-secondary );}.elementor-313 .elementor-element.elementor-element-1a0b957 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF0D;}.elementor-313 .elementor-element.elementor-element-1a0b957.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF0D;border-style:solid;border-width:0px 0px 5px 0px;border-color:var( --e-global-color-secondary );}.elementor-313 .elementor-element.elementor-element-1a0b957.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-313 .elementor-element.elementor-element-1a0b957.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF0D;border-style:solid;border-width:0px 0px 5px 0px;border-color:var( --e-global-color-secondary );}.elementor-313 .elementor-element.elementor-element-1a0b957.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-313 .elementor-element.elementor-element-1a0b957.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Raleway", Sans-serif;font-weight:500;}.elementor-313 .elementor-element.elementor-element-1a0b957 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-secondary );}.elementor-313 .elementor-element.elementor-element-202391d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:50px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-313 .elementor-element.elementor-element-202391d:not(.elementor-motion-effects-element-type-background), .elementor-313 .elementor-element.elementor-element-202391d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-313 .elementor-element.elementor-element-e0262be{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-313 .elementor-element.elementor-element-21fac87{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-313 .elementor-element.elementor-element-21fac87 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:30px;font-weight:400;color:#FFFFFF;}.elementor-313 .elementor-element.elementor-element-8d577fd{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-313 .elementor-element.elementor-element-8d577fd .elementor-divider-separator{width:100%;}.elementor-313 .elementor-element.elementor-element-8d577fd .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-313 .elementor-element.elementor-element-5b9c2b4{--grid-columns:4;--grid-column-gap:0px;}.elementor-313 .elementor-element.elementor-element-5b9c2b4 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-313 .elementor-element.elementor-element-5b9c2b4 .e-loop-item > .elementor-section, .elementor-313 .elementor-element.elementor-element-5b9c2b4 .e-loop-item > .elementor-section > .elementor-container, .elementor-313 .elementor-element.elementor-element-5b9c2b4 .e-loop-item > .e-con, .elementor-313 .elementor-element.elementor-element-5b9c2b4 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-313 .elementor-element.elementor-element-966bb8c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-313 .elementor-element.elementor-element-b6a84a3{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-313 .elementor-element.elementor-element-dcc004c .elementor-heading-title{font-size:1.1em;}.elementor-313 .elementor-element.elementor-element-c056c23{font-size:0.9em;}.elementor-313 .elementor-element.elementor-element-74c80af{font-size:0.9em;}.elementor-313 .elementor-element.elementor-element-1a0b957{--n-tabs-title-font-size:0.7em;}.elementor-313 .elementor-element.elementor-element-202391d{--padding-top:10px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-313 .elementor-element.elementor-element-21fac87 .elementor-heading-title{font-size:1.5em;}.elementor-313 .elementor-element.elementor-element-5b9c2b4{--grid-columns:1;}}@media(min-width:768px){.elementor-313 .elementor-element.elementor-element-b5f3dad{--content-width:75%;}.elementor-313 .elementor-element.elementor-element-b1f97be{--width:60%;}.elementor-313 .elementor-element.elementor-element-73606a8{--width:100%;}.elementor-313 .elementor-element.elementor-element-7d7b781{--width:45%;}.elementor-313 .elementor-element.elementor-element-a07d1c0{--width:100%;}.elementor-313 .elementor-element.elementor-element-3d099ff{--content-width:65%;}.elementor-313 .elementor-element.elementor-element-202391d{--content-width:80%;}}@media(max-width:767px){.elementor-313 .elementor-element.elementor-element-b5f3dad{--content-width:90%;}.elementor-313 .elementor-element.elementor-element-dcc004c .elementor-heading-title{font-size:18px;line-height:24px;}.elementor-313 .elementor-element.elementor-element-c056c23{font-size:15px;}.elementor-313 .elementor-element.elementor-element-74c80af{font-size:15px;}.elementor-313 .elementor-element.elementor-element-456d531{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-313 .elementor-element.elementor-element-ff6cbd7{width:100%;max-width:100%;}.elementor-313 .elementor-element.elementor-element-3d099ff{--content-width:90%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-313 .elementor-element.elementor-element-1a0b957{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-font-size:15px;}.elementor-313 .elementor-element.elementor-element-202391d{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-313 .elementor-element.elementor-element-21fac87 .elementor-heading-title{font-size:1.2em;}.elementor-313 .elementor-element.elementor-element-5b9c2b4{--grid-columns:1;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-b3104be *//* ── 1. CONTENEDOR PRINCIPAL DE LA GALERÍA ── */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery {
    background-color: transparent !important; 
    border: none !important; 
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row-reverse !important; 
    gap: 20px !important;
    align-items: stretch !important; 
}

/* ── 2. IMAGEN PRINCIPAL (A la derecha) Y SOLUCIÓN DE ALTURA ESTRICTA ── */
.elementor-widget-woocommerce-product-images .flex-viewport {
    width: calc(100% - 100px - 20px) !important; 
    height: 500px !important; /* ALTURA MAESTRA */
    background-color: #ffffff !important;
    border: none !important; 
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 16px !important; 
    overflow: hidden !important; 
}

/* Forzamos al "track" del carrusel a respetar la altura */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__wrapper {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* El slide contenedor: Le pasamos la altura estricta para bloquear a WooCommerce */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image {
    height: 500px !important; /* Bloqueamos la altura aquí también */
    margin: 0 !important; 
    padding: 0 !important;
    border: none !important;
    display: block !important;
}

/* EL ENLACE DENTRO DEL SLIDE (La pieza clave) */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image a {
    display: block !important;
    width: 100% !important;
    height: 100% !important; /* Obligamos al enlace a llenar los 500px */
}

/* Ajuste de la imagen dentro de cada slide */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img {
    border-radius: 16px !important;
    width: 100% !important;
    height: 100% !important; 
    min-height: 100% !important; /* Evita que las imágenes pequeñas se achiquen */
    max-height: none !important; /* Anula cualquier límite máximo del tema */
    display: block !important;
    margin: 0 !important;
    object-fit: cover !important; 
}

/* Mantenemos el Zoom nativo funcional */
.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image img.zoomImg {
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
}

.elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image {
    cursor: zoom-in !important;
}

/* ── 3. COLUMNA DE MINIATURAS (A la izquierda) ── */
.elementor-widget-woocommerce-product-images .flex-control-thumbs {
    width: 100px !important; 
    display: flex !important;
    flex-direction: column !important; 
    gap: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-widget-woocommerce-product-images .flex-control-thumbs li {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    float: none !important;
    list-style: none !important;
    margin: 0 !important; 
}

/* ── 4. DISEÑO DE CADA MINIATURA ── */
.elementor-widget-woocommerce-product-images .flex-control-thumbs li img {
    background-color: #ffffff !important;
    border-radius: 12px !important; 
    border: 2px solid transparent !important;
    padding: 0 !important;
    opacity: 1 !important; 
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100px !important; 
    object-fit: cover !important; 
    box-shadow: none !important; 
}

/* Efecto Hover y Selección Activa de la Miniatura */
.elementor-widget-woocommerce-product-images .flex-control-thumbs li img:hover,
.elementor-widget-woocommerce-product-images .flex-control-thumbs li img.flex-active {
    border-color: #666 !important; 
    opacity: 0.8 !important;
}

/* ── 5. LIMPIEZA VISUAL ── */
.woocommerce-product-gallery__trigger {
    display: none !important; 
}

/* --- RESPONSIVE MÓVIL --- */
@media (max-width: 767px) {
    .elementor-widget-woocommerce-product-images .woocommerce-product-gallery {
        flex-direction: column !important;
    }
    
    .elementor-widget-woocommerce-product-images .flex-viewport,
    .elementor-widget-woocommerce-product-images .woocommerce-product-gallery__image {
        width: 100% !important;
        height: 350px !important; /* Ajustamos la altura estricta para móviles */
    }
    
    .elementor-widget-woocommerce-product-images .flex-control-thumbs {
        width: 100% !important;
        flex-direction: row !important; 
        overflow-x: auto !important;
        scrollbar-width: none; 
        gap: 10px !important;
    }
    
    .elementor-widget-woocommerce-product-images .flex-control-thumbs::-webkit-scrollbar {
        display: none;
    }
    
    .elementor-widget-woocommerce-product-images .flex-control-thumbs li {
        width: 80px !important;
        flex: 0 0 80px !important;
    }
    
    .elementor-widget-woocommerce-product-images .flex-control-thumbs li img {
        height: 80px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-be38c82 *//* ── CONTENEDOR PRINCIPAL ── */
.sa-custom-rating {
    display: flex;
    align-items: center;
    gap: 8px; /* Espacio exacto entre estrellas y texto */
    margin-bottom: 0px !important;
}

/* ── ESTRELLAS (Superposición dinámica) ── */
.sa-custom-rating .sa-stars {
    position: relative;
    display: inline-block;
    font-size: 26px !important; /* Tamaño de la imagen */
    line-height: 1;
    letter-spacing: 3px;
}

/* Estrellas apagadas (Fondo) */
.sa-custom-rating .sa-stars-bg {
    color: #e0e0e0; 
}

/* Estrellas encendidas (Frente) */
.sa-custom-rating .sa-stars-fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #f5c518; /* Amarillo dorado de Stone Age */
    white-space: nowrap;
}

/* ── TEXTO DE RESEÑAS ── */
.sa-custom-rating .sa-rating-text {
    font-family: 'Encode Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff; /* Gris oscuro elegante */
    text-decoration: none;
    transition: color 0.3s ease;
}

.sa-custom-rating .sa-rating-text:hover {
    color: #fff; /* Negro al pasar el cursor */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5daa460 *//* ── CONTENEDOR PRINCIPAL ── */
.custom-stock-wrapper {
    display: flex;
    align-items: center;
    font-family: inherit; /* Hereda la fuente de tu web */
    font-size: 16px; 
    margin-bottom: 0px;
}

/* ── EL CÍRCULO (DOT) ── */
.custom-stock-wrapper .stock-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px; /* Separación con el texto */
}

/* ── EL TEXTO DEL ESTADO (Ej: In Stock) ── */
.custom-stock-wrapper .stock-label {
    font-weight: 700;
    margin-right: 12px; /* Separación con la descripción gris */
}

/* ── LA DESCRIPCIÓN GRIS ── */
.custom-stock-wrapper .stock-desc {
    color: #fff; /* Gris sutil de tu imagen */
    font-weight: 400;
}

/* ── COLORES SEGÚN EL ESTADO ── */
/* 1. Hay existencias (Verde) */
.custom-stock-wrapper.instock .stock-dot { background-color: #0fb13c; }
.custom-stock-wrapper.instock .stock-label { color: #0fb13c; }

/* 2. Sin existencias (Rojo) */
.custom-stock-wrapper.outofstock .stock-dot { background-color: #d9534f; }
.custom-stock-wrapper.outofstock .stock-label { color: #d9534f; }

/* 3. Se puede reservar / Backorder (Naranja) */
.custom-stock-wrapper.onbackorder .stock-dot { background-color: #f0ad4e; }
.custom-stock-wrapper.onbackorder .stock-label { color: #f0ad4e; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8aa56bb *//* ====================================================
   ESTILOS GENERALES DEL SHORTCODE DE RESEÑAS (Modo Oscuro)
==================================================== */
.radosys-reviews {
    font-family: 'Encode Sans', sans-serif !important;
    color: #ffffff; /* Texto general blanco */
    max-width: 100%;
    margin: 0 auto;
}

/* ── 1. CAJA DE RESUMEN (Puntuación y Barras) ── */
.rrs-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    background: #1a1a1a; /* Fondo oscuro */
    padding: 30px;
    border-radius: 16px; 
    margin-bottom: 40px;
    border: 1px solid #333333; /* Borde gris oscuro */
}

/* Caja de la izquierda (Nota media) */
.rrs-score-box {
    flex: 1;
    min-width: 180px;
    text-align: center;
    border-right: 1px solid #333333; /* Borde divisor oscuro */
    padding-right: 20px;
}

.rrs-score-num {
    display: block;
    font-family: 'Mukta', sans-serif !important; 
    font-size: 56px;
    font-weight: 700;
    color: #ffffff; /* Número en blanco */
    line-height: 1;
    margin-bottom: 5px;
}

/* Control visual de las estrellas con porcentaje */
.rrs-stars-display {
    display: flex;
    justify-content: center;
    gap: 2px;
    font-size: 22px;
    margin-bottom: 5px;
}

.rrs-star-wrap {
    position: relative;
    display: inline-block;
    color: #444444; /* Estrellas vacías en gris oscuro para que no resalten tanto */
}

.rrs-star-fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #f5c518; /* Color Secundario (Amarillo) - Se mantiene */
    white-space: nowrap;
}

.rrs-total-label {
    font-size: 14px;
    color: #aaaaaa; /* Texto secundario más claro */
}

/* Caja de la derecha (Barras de progreso) */
.rrs-bars {
    flex: 2;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rrs-bar-row {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: #cccccc; /* Texto de las barras */
}

.rrs-bar-label {
    width: 35px;
    font-weight: 600;
    text-align: right;
    font-family: 'Mukta', sans-serif;
}

.rrs-bar-track {
    flex: 1;
    height: 8px;
    background: #333333; /* Fondo de la barra oscura */
    border-radius: 6px;
    overflow: hidden;
}

.rrs-bar-fill {
    height: 100%;
    background: #f5c518; /* Color Secundario (Amarillo) */
    border-radius: 6px;
    transition: width 0.5s ease-in-out;
}

.rrs-bar-count {
    width: 30px;
    color: #aaaaaa; /* Contador de reseñas gris claro */
}

/* ── 2. LISTADO DE RESEÑAS ── */
.rrs-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 40px;
}

.rrs-item {
    padding: 24px 0;
    border-bottom: 1px solid #333333; /* Separador de reseñas oscuro */
}

.rrs-item:last-child {
    border-bottom: none;
}

.rrs-item-header {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 12px;
}

.rrs-avatar {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    object-fit: cover;
    background-color: #2a2a2a; /* Fondo de avatar oscuro */
}

.rrs-item-meta {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rrs-item-author {
    font-family: 'Mukta', sans-serif; 
    font-size: 18px;
    font-weight: 700;
    color: #ffffff; /* Nombre del autor en blanco */
}

/* Badge de compra verificada */
.rrs-verified {
    font-size: 12px;
    color: #0fb13c; /* El verde resalta bien en fondos oscuros */
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.rrs-item-stars {
    font-size: 15px;
    letter-spacing: 2px;
}

.rrs-item-stars .on { color: #f5c518; /* Amarillo */ }
.rrs-item-stars .off { color: #444444; /* Estrella apagada en gris oscuro */ }

.rrs-item-date {
    font-size: 13px;
    color: #aaaaaa; /* Fecha en gris claro */
}

.rrs-item-text {
    font-size: 15px;
    line-height: 1.6;
    color: #cccccc; /* Texto de la reseña */
    margin: 0;
}

.rrs-no-reviews {
    color: #cccccc;
    font-style: italic;
    margin-bottom: 30px;
    background: #1a1a1a; /* Fondo oscuro */
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}

/* ── 3. FORMULARIO DE VALORACIÓN ── */
.rrs-form-wrap {
    background: #1a1a1a; /* Fondo del formulario oscuro */
    padding: 30px;
    border-radius: 16px;
    border: 1px solid #333333; /* Borde oscuro */
    box-shadow: 0 4px 20px rgba(0,0,0,0.3); /* Sombra más intensa para el modo oscuro */
}

.rrs-form-title {
    font-family: 'Mukta', sans-serif !important; 
    font-size: 24px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 24px;
    color: #ffffff; /* Título en blanco */
}

.rrs-row-2 {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}

.rrs-row-2 .rrs-field {
    flex: 1;
    margin-bottom: 0; 
}

.rrs-field {
    margin-bottom: 20px;
}

.rrs-field label {
    display: block;
    font-family: 'Mukta', sans-serif;
    font-weight: 500;
    margin-bottom: 8px;
    color: #ffffff; /* Etiquetas en blanco */
    font-size: 16px;
}

.rrs-field label span {
    color: #d9534f; /* El rojo para asteriscos se mantiene */
}

.rrs-field input[type="text"],
.rrs-field input[type="email"],
.rrs-field textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #444444; /* Bordes de los inputs gris medio */
    border-radius: 8px;
    font-size: 14px;
    color: #ffffff; /* Texto que el usuario escribe en blanco */
    transition: all 0.3s ease;
    font-family: 'Encode Sans', sans-serif;
    box-sizing: border-box;
    background: #2a2a2a; /* Fondo de inputs ligeramente más claro que el fondo general */
}

.rrs-field input:focus,
.rrs-field textarea:focus {
    border-color: #ffffff; /* Borde blanco al enfocarse */
    background: #1a1a1a; /* Fondo se oscurece al escribir */
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1); /* Resplandor blanco sutil */
}

/* Estrellas interactivas en el formulario */
.rrs-star-picker {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    user-select: none;
}

.rrs-pick-star {
    font-size: 28px;
    color: #444444; /* Estrellas vacías oscuras */
    transition: color 0.2s, transform 0.2s;
}

.rrs-pick-star:hover {
    transform: scale(1.1);
}

.rrs-pick-star.hover,
.rrs-pick-star.selected {
    color: #f5c518; /* Amarillo interactivo */
}

.rrs-pick-label {
    margin-left: 12px;
    font-size: 14px;
    color: #aaaaaa;
    font-weight: 500;
}

/* ── 4. BOTÓN DE ENVÍO ── */
.radosys-reviews .rrs-submit {
    background: #ffffff !important; /* Botón blanco para contrastar */
    color: #000000 !important; /* Texto negro */
    border: 2px solid #ffffff !important;
    padding: 14px 24px;
    font-family: 'Mukta', sans-serif;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease !important;
    width: 100%;
    margin-top: 10px;
}

/* Efecto Hover: Invierte los colores destacando el amarillo */
.radosys-reviews .rrs-submit:hover,
.radosys-reviews .rrs-submit:focus,
.radosys-reviews .rrs-submit:active {
    background: #f5c518 !important; /* Secundario Amarillo */
    color: #000000 !important;
    border-color: #f5c518 !important;
    box-shadow: 0 4px 15px rgba(245, 197, 24, 0.3) !important;
    outline: none !important;
    transform: translateY(-2px);
}

/* ── 5. DISEÑO RESPONSIVO (MÓVILES) ── */
@media (max-width: 767px) {
    .rrs-summary {
        flex-direction: column;
        padding: 20px;
        gap: 20px;
    }
    
    .rrs-score-box {
        border-right: none;
        border-bottom: 1px solid #333333; /* Borde adaptado al modo oscuro */
        padding-right: 0;
        padding-bottom: 20px;
        width: 100%;
    }
    
    .rrs-row-2 {
        flex-direction: column;
        gap: 15px;
    }

    .rrs-item-header {
        flex-wrap: wrap; 
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8aa56bb *//* ====================================================
   ESTILOS GENERALES DEL SHORTCODE DE RESEÑAS (Modo Oscuro)
==================================================== */
.radosys-reviews {
    font-family: 'Encode Sans', sans-serif !important;
    color: #ffffff; /* Texto general blanco */
    max-width: 100%;
    margin: 0 auto;
}

/* ── 1. CAJA DE RESUMEN (Puntuación y Barras) ── */
.rrs-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    background: #1a1a1a; /* Fondo oscuro */
    padding: 30px;
    border-radius: 16px; 
    margin-bottom: 40px;
    border: 1px solid #333333; /* Borde gris oscuro */
}

/* Caja de la izquierda (Nota media) */
.rrs-score-box {
    flex: 1;
    min-width: 180px;
    text-align: center;
    border-right: 1px solid #333333; /* Borde divisor oscuro */
    padding-right: 20px;
}

.rrs-score-num {
    display: block;
    font-family: 'Mukta', sans-serif !important; 
    font-size: 56px;
    font-weight: 700;
    color: #ffffff; /* Número en blanco */
    line-height: 1;
    margin-bottom: 5px;
}

/* Control visual de las estrellas con porcentaje */
.rrs-stars-display {
    display: flex;
    justify-content: center;
    gap: 2px;
    font-size: 22px;
    margin-bottom: 5px;
}

.rrs-star-wrap {
    position: relative;
    display: inline-block;
    color: #444444; /* Estrellas vacías en gris oscuro para que no resalten tanto */
}

.rrs-star-fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #f5c518; /* Color Secundario (Amarillo) - Se mantiene */
    white-space: nowrap;
}

.rrs-total-label {
    font-size: 14px;
    color: #aaaaaa; /* Texto secundario más claro */
}

/* Caja de la derecha (Barras de progreso) */
.rrs-bars {
    flex: 2;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rrs-bar-row {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: #cccccc; /* Texto de las barras */
}

.rrs-bar-label {
    width: 35px;
    font-weight: 600;
    text-align: right;
    font-family: 'Mukta', sans-serif;
}

.rrs-bar-track {
    flex: 1;
    height: 8px;
    background: #333333; /* Fondo de la barra oscura */
    border-radius: 6px;
    overflow: hidden;
}

.rrs-bar-fill {
    height: 100%;
    background: #f5c518; /* Color Secundario (Amarillo) */
    border-radius: 6px;
    transition: width 0.5s ease-in-out;
}

.rrs-bar-count {
    width: 30px;
    color: #aaaaaa; /* Contador de reseñas gris claro */
}

/* ── 2. LISTADO DE RESEÑAS ── */
.rrs-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 40px;
}

.rrs-item {
    padding: 24px 0;
    border-bottom: 1px solid #333333; /* Separador de reseñas oscuro */
}

.rrs-item:last-child {
    border-bottom: none;
}

.rrs-item-header {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 12px;
}

.rrs-avatar {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    object-fit: cover;
    background-color: #2a2a2a; /* Fondo de avatar oscuro */
}

.rrs-item-meta {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rrs-item-author {
    font-family: 'Mukta', sans-serif; 
    font-size: 18px;
    font-weight: 700;
    color: #ffffff; /* Nombre del autor en blanco */
}

/* Badge de compra verificada */
.rrs-verified {
    font-size: 12px;
    color: #0fb13c; /* El verde resalta bien en fondos oscuros */
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.rrs-item-stars {
    font-size: 15px;
    letter-spacing: 2px;
}

.rrs-item-stars .on { color: #f5c518; /* Amarillo */ }
.rrs-item-stars .off { color: #444444; /* Estrella apagada en gris oscuro */ }

.rrs-item-date {
    font-size: 13px;
    color: #aaaaaa; /* Fecha en gris claro */
}

.rrs-item-text {
    font-size: 15px;
    line-height: 1.6;
    color: #cccccc; /* Texto de la reseña */
    margin: 0;
}

.rrs-no-reviews {
    color: #cccccc;
    font-style: italic;
    margin-bottom: 30px;
    background: #1a1a1a; /* Fondo oscuro */
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}

/* ── 3. FORMULARIO DE VALORACIÓN ── */
.rrs-form-wrap {
    background: #1a1a1a; /* Fondo del formulario oscuro */
    padding: 30px;
    border-radius: 16px;
    border: 1px solid #333333; /* Borde oscuro */
    box-shadow: 0 4px 20px rgba(0,0,0,0.3); /* Sombra más intensa para el modo oscuro */
}

.rrs-form-title {
    font-family: 'Mukta', sans-serif !important; 
    font-size: 24px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 24px;
    color: #ffffff; /* Título en blanco */
}

.rrs-row-2 {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}

.rrs-row-2 .rrs-field {
    flex: 1;
    margin-bottom: 0; 
}

.rrs-field {
    margin-bottom: 20px;
}

.rrs-field label {
    display: block;
    font-family: 'Mukta', sans-serif;
    font-weight: 500;
    margin-bottom: 8px;
    color: #ffffff; /* Etiquetas en blanco */
    font-size: 16px;
}

.rrs-field label span {
    color: #d9534f; /* El rojo para asteriscos se mantiene */
}

.rrs-field input[type="text"],
.rrs-field input[type="email"],
.rrs-field textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #444444; /* Bordes de los inputs gris medio */
    border-radius: 8px;
    font-size: 14px;
    color: #ffffff; /* Texto que el usuario escribe en blanco */
    transition: all 0.3s ease;
    font-family: 'Encode Sans', sans-serif;
    box-sizing: border-box;
    background: #2a2a2a; /* Fondo de inputs ligeramente más claro que el fondo general */
}

.rrs-field input:focus,
.rrs-field textarea:focus {
    border-color: #ffffff; /* Borde blanco al enfocarse */
    background: #1a1a1a; /* Fondo se oscurece al escribir */
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1); /* Resplandor blanco sutil */
}

/* Estrellas interactivas en el formulario */
.rrs-star-picker {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    user-select: none;
}

.rrs-pick-star {
    font-size: 28px;
    color: #444444; /* Estrellas vacías oscuras */
    transition: color 0.2s, transform 0.2s;
}

.rrs-pick-star:hover {
    transform: scale(1.1);
}

.rrs-pick-star.hover,
.rrs-pick-star.selected {
    color: #f5c518; /* Amarillo interactivo */
}

.rrs-pick-label {
    margin-left: 12px;
    font-size: 14px;
    color: #aaaaaa;
    font-weight: 500;
}

/* ── 4. BOTÓN DE ENVÍO ── */
.radosys-reviews .rrs-submit {
    background: #ffffff !important; /* Botón blanco para contrastar */
    color: #000000 !important; /* Texto negro */
    border: 2px solid #ffffff !important;
    padding: 14px 24px;
    font-family: 'Mukta', sans-serif;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease !important;
    width: 100%;
    margin-top: 10px;
}

/* Efecto Hover: Invierte los colores destacando el amarillo */
.radosys-reviews .rrs-submit:hover,
.radosys-reviews .rrs-submit:focus,
.radosys-reviews .rrs-submit:active {
    background: #f5c518 !important; /* Secundario Amarillo */
    color: #000000 !important;
    border-color: #f5c518 !important;
    box-shadow: 0 4px 15px rgba(245, 197, 24, 0.3) !important;
    outline: none !important;
    transform: translateY(-2px);
}

/* ── 5. DISEÑO RESPONSIVO (MÓVILES) ── */
@media (max-width: 767px) {
    .rrs-summary {
        flex-direction: column;
        padding: 20px;
        gap: 20px;
    }
    
    .rrs-score-box {
        border-right: none;
        border-bottom: 1px solid #333333; /* Borde adaptado al modo oscuro */
        padding-right: 0;
        padding-bottom: 20px;
        width: 100%;
    }
    
    .rrs-row-2 {
        flex-direction: column;
        gap: 15px;
    }

    .rrs-item-header {
        flex-wrap: wrap; 
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8aa56bb *//* ====================================================
   ESTILOS GENERALES DEL SHORTCODE DE RESEÑAS (Modo Oscuro)
==================================================== */
.radosys-reviews {
    font-family: 'Encode Sans', sans-serif !important;
    color: #ffffff; /* Texto general blanco */
    max-width: 100%;
    margin: 0 auto;
}

/* ── 1. CAJA DE RESUMEN (Puntuación y Barras) ── */
.rrs-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    background: #1a1a1a; /* Fondo oscuro */
    padding: 30px;
    border-radius: 16px; 
    margin-bottom: 40px;
    border: 1px solid #333333; /* Borde gris oscuro */
}

/* Caja de la izquierda (Nota media) */
.rrs-score-box {
    flex: 1;
    min-width: 180px;
    text-align: center;
    border-right: 1px solid #333333; /* Borde divisor oscuro */
    padding-right: 20px;
}

.rrs-score-num {
    display: block;
    font-family: 'Mukta', sans-serif !important; 
    font-size: 56px;
    font-weight: 700;
    color: #ffffff; /* Número en blanco */
    line-height: 1;
    margin-bottom: 5px;
}

/* Control visual de las estrellas con porcentaje */
.rrs-stars-display {
    display: flex;
    justify-content: center;
    gap: 2px;
    font-size: 22px;
    margin-bottom: 5px;
}

.rrs-star-wrap {
    position: relative;
    display: inline-block;
    color: #444444; /* Estrellas vacías en gris oscuro para que no resalten tanto */
}

.rrs-star-fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #f5c518; /* Color Secundario (Amarillo) - Se mantiene */
    white-space: nowrap;
}

.rrs-total-label {
    font-size: 14px;
    color: #aaaaaa; /* Texto secundario más claro */
}

/* Caja de la derecha (Barras de progreso) */
.rrs-bars {
    flex: 2;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rrs-bar-row {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: #cccccc; /* Texto de las barras */
}

.rrs-bar-label {
    width: 35px;
    font-weight: 600;
    text-align: right;
    font-family: 'Mukta', sans-serif;
}

.rrs-bar-track {
    flex: 1;
    height: 8px;
    background: #333333; /* Fondo de la barra oscura */
    border-radius: 6px;
    overflow: hidden;
}

.rrs-bar-fill {
    height: 100%;
    background: #f5c518; /* Color Secundario (Amarillo) */
    border-radius: 6px;
    transition: width 0.5s ease-in-out;
}

.rrs-bar-count {
    width: 30px;
    color: #aaaaaa; /* Contador de reseñas gris claro */
}

/* ── 2. LISTADO DE RESEÑAS ── */
.rrs-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 40px;
}

.rrs-item {
    padding: 24px 0;
    border-bottom: 1px solid #333333; /* Separador de reseñas oscuro */
}

.rrs-item:last-child {
    border-bottom: none;
}

.rrs-item-header {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 12px;
}

.rrs-avatar {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    object-fit: cover;
    background-color: #2a2a2a; /* Fondo de avatar oscuro */
}

.rrs-item-meta {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rrs-item-author {
    font-family: 'Mukta', sans-serif; 
    font-size: 18px;
    font-weight: 700;
    color: #ffffff; /* Nombre del autor en blanco */
}

/* Badge de compra verificada */
.rrs-verified {
    font-size: 12px;
    color: #0fb13c; /* El verde resalta bien en fondos oscuros */
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.rrs-item-stars {
    font-size: 15px;
    letter-spacing: 2px;
}

.rrs-item-stars .on { color: #f5c518; /* Amarillo */ }
.rrs-item-stars .off { color: #444444; /* Estrella apagada en gris oscuro */ }

.rrs-item-date {
    font-size: 13px;
    color: #aaaaaa; /* Fecha en gris claro */
}

.rrs-item-text {
    font-size: 15px;
    line-height: 1.6;
    color: #cccccc; /* Texto de la reseña */
    margin: 0;
}

.rrs-no-reviews {
    color: #cccccc;
    font-style: italic;
    margin-bottom: 30px;
    background: #1a1a1a; /* Fondo oscuro */
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}

/* ── 3. FORMULARIO DE VALORACIÓN ── */
.rrs-form-wrap {
    background: #1a1a1a; /* Fondo del formulario oscuro */
    padding: 30px;
    border-radius: 16px;
    border: 1px solid #333333; /* Borde oscuro */
    box-shadow: 0 4px 20px rgba(0,0,0,0.3); /* Sombra más intensa para el modo oscuro */
}

.rrs-form-title {
    font-family: 'Mukta', sans-serif !important; 
    font-size: 24px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 24px;
    color: #ffffff; /* Título en blanco */
}

.rrs-row-2 {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}

.rrs-row-2 .rrs-field {
    flex: 1;
    margin-bottom: 0; 
}

.rrs-field {
    margin-bottom: 20px;
}

.rrs-field label {
    display: block;
    font-family: 'Mukta', sans-serif;
    font-weight: 500;
    margin-bottom: 8px;
    color: #ffffff; /* Etiquetas en blanco */
    font-size: 16px;
}

.rrs-field label span {
    color: #d9534f; /* El rojo para asteriscos se mantiene */
}

.rrs-field input[type="text"],
.rrs-field input[type="email"],
.rrs-field textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #444444; /* Bordes de los inputs gris medio */
    border-radius: 8px;
    font-size: 14px;
    color: #ffffff; /* Texto que el usuario escribe en blanco */
    transition: all 0.3s ease;
    font-family: 'Encode Sans', sans-serif;
    box-sizing: border-box;
    background: #2a2a2a; /* Fondo de inputs ligeramente más claro que el fondo general */
}

.rrs-field input:focus,
.rrs-field textarea:focus {
    border-color: #ffffff; /* Borde blanco al enfocarse */
    background: #1a1a1a; /* Fondo se oscurece al escribir */
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1); /* Resplandor blanco sutil */
}

/* Estrellas interactivas en el formulario */
.rrs-star-picker {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    user-select: none;
}

.rrs-pick-star {
    font-size: 28px;
    color: #444444; /* Estrellas vacías oscuras */
    transition: color 0.2s, transform 0.2s;
}

.rrs-pick-star:hover {
    transform: scale(1.1);
}

.rrs-pick-star.hover,
.rrs-pick-star.selected {
    color: #f5c518; /* Amarillo interactivo */
}

.rrs-pick-label {
    margin-left: 12px;
    font-size: 14px;
    color: #aaaaaa;
    font-weight: 500;
}

/* ── 4. BOTÓN DE ENVÍO ── */
.radosys-reviews .rrs-submit {
    background: #ffffff !important; /* Botón blanco para contrastar */
    color: #000000 !important; /* Texto negro */
    border: 2px solid #ffffff !important;
    padding: 14px 24px;
    font-family: 'Mukta', sans-serif;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease !important;
    width: 100%;
    margin-top: 10px;
}

/* Efecto Hover: Invierte los colores destacando el amarillo */
.radosys-reviews .rrs-submit:hover,
.radosys-reviews .rrs-submit:focus,
.radosys-reviews .rrs-submit:active {
    background: #f5c518 !important; /* Secundario Amarillo */
    color: #000000 !important;
    border-color: #f5c518 !important;
    box-shadow: 0 4px 15px rgba(245, 197, 24, 0.3) !important;
    outline: none !important;
    transform: translateY(-2px);
}

/* ── 5. DISEÑO RESPONSIVO (MÓVILES) ── */
@media (max-width: 767px) {
    .rrs-summary {
        flex-direction: column;
        padding: 20px;
        gap: 20px;
    }
    
    .rrs-score-box {
        border-right: none;
        border-bottom: 1px solid #333333; /* Borde adaptado al modo oscuro */
        padding-right: 0;
        padding-bottom: 20px;
        width: 100%;
    }
    
    .rrs-row-2 {
        flex-direction: column;
        gap: 15px;
    }

    .rrs-item-header {
        flex-wrap: wrap; 
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8aa56bb *//* ====================================================
   ESTILOS GENERALES DEL SHORTCODE DE RESEÑAS (Modo Oscuro)
==================================================== */
.radosys-reviews {
    font-family: 'Encode Sans', sans-serif !important;
    color: #ffffff; /* Texto general blanco */
    max-width: 100%;
    margin: 0 auto;
}

/* ── 1. CAJA DE RESUMEN (Puntuación y Barras) ── */
.rrs-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    background: #1a1a1a; /* Fondo oscuro */
    padding: 30px;
    border-radius: 16px; 
    margin-bottom: 40px;
    border: 1px solid #333333; /* Borde gris oscuro */
}

/* Caja de la izquierda (Nota media) */
.rrs-score-box {
    flex: 1;
    min-width: 180px;
    text-align: center;
    border-right: 1px solid #333333; /* Borde divisor oscuro */
    padding-right: 20px;
}

.rrs-score-num {
    display: block;
    font-family: 'Mukta', sans-serif !important; 
    font-size: 56px;
    font-weight: 700;
    color: #ffffff; /* Número en blanco */
    line-height: 1;
    margin-bottom: 5px;
}

/* Control visual de las estrellas con porcentaje */
.rrs-stars-display {
    display: flex;
    justify-content: center;
    gap: 2px;
    font-size: 22px;
    margin-bottom: 5px;
}

.rrs-star-wrap {
    position: relative;
    display: inline-block;
    color: #444444; /* Estrellas vacías en gris oscuro para que no resalten tanto */
}

.rrs-star-fill {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #f5c518; /* Color Secundario (Amarillo) - Se mantiene */
    white-space: nowrap;
}

.rrs-total-label {
    font-size: 14px;
    color: #aaaaaa; /* Texto secundario más claro */
}

/* Caja de la derecha (Barras de progreso) */
.rrs-bars {
    flex: 2;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rrs-bar-row {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: #cccccc; /* Texto de las barras */
}

.rrs-bar-label {
    width: 35px;
    font-weight: 600;
    text-align: right;
    font-family: 'Mukta', sans-serif;
}

.rrs-bar-track {
    flex: 1;
    height: 8px;
    background: #333333; /* Fondo de la barra oscura */
    border-radius: 6px;
    overflow: hidden;
}

.rrs-bar-fill {
    height: 100%;
    background: #f5c518; /* Color Secundario (Amarillo) */
    border-radius: 6px;
    transition: width 0.5s ease-in-out;
}

.rrs-bar-count {
    width: 30px;
    color: #aaaaaa; /* Contador de reseñas gris claro */
}

/* ── 2. LISTADO DE RESEÑAS ── */
.rrs-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 40px;
}

.rrs-item {
    padding: 24px 0;
    border-bottom: 1px solid #333333; /* Separador de reseñas oscuro */
}

.rrs-item:last-child {
    border-bottom: none;
}

.rrs-item-header {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 12px;
}

.rrs-avatar {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    object-fit: cover;
    background-color: #2a2a2a; /* Fondo de avatar oscuro */
}

.rrs-item-meta {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rrs-item-author {
    font-family: 'Mukta', sans-serif; 
    font-size: 18px;
    font-weight: 700;
    color: #ffffff; /* Nombre del autor en blanco */
}

/* Badge de compra verificada */
.rrs-verified {
    font-size: 12px;
    color: #0fb13c; /* El verde resalta bien en fondos oscuros */
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

.rrs-item-stars {
    font-size: 15px;
    letter-spacing: 2px;
}

.rrs-item-stars .on { color: #f5c518; /* Amarillo */ }
.rrs-item-stars .off { color: #444444; /* Estrella apagada en gris oscuro */ }

.rrs-item-date {
    font-size: 13px;
    color: #aaaaaa; /* Fecha en gris claro */
}

.rrs-item-text {
    font-size: 15px;
    line-height: 1.6;
    color: #cccccc; /* Texto de la reseña */
    margin: 0;
}

.rrs-no-reviews {
    color: #cccccc;
    font-style: italic;
    margin-bottom: 30px;
    background: #1a1a1a; /* Fondo oscuro */
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}

/* ── 3. FORMULARIO DE VALORACIÓN ── */
.rrs-form-wrap {
    background: #1a1a1a; /* Fondo del formulario oscuro */
    padding: 30px;
    border-radius: 16px;
    border: 1px solid #333333; /* Borde oscuro */
    box-shadow: 0 4px 20px rgba(0,0,0,0.3); /* Sombra más intensa para el modo oscuro */
}

.rrs-form-title {
    font-family: 'Mukta', sans-serif !important; 
    font-size: 24px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 24px;
    color: #ffffff; /* Título en blanco */
}

.rrs-row-2 {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
}

.rrs-row-2 .rrs-field {
    flex: 1;
    margin-bottom: 0; 
}

.rrs-field {
    margin-bottom: 20px;
}

.rrs-field label {
    display: block;
    font-family: 'Mukta', sans-serif;
    font-weight: 500;
    margin-bottom: 8px;
    color: #ffffff; /* Etiquetas en blanco */
    font-size: 16px;
}

.rrs-field label span {
    color: #d9534f; /* El rojo para asteriscos se mantiene */
}

.rrs-field input[type="text"],
.rrs-field input[type="email"],
.rrs-field textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #444444; /* Bordes de los inputs gris medio */
    border-radius: 8px;
    font-size: 14px;
    color: #ffffff; /* Texto que el usuario escribe en blanco */
    transition: all 0.3s ease;
    font-family: 'Encode Sans', sans-serif;
    box-sizing: border-box;
    background: #2a2a2a; /* Fondo de inputs ligeramente más claro que el fondo general */
}

.rrs-field input:focus,
.rrs-field textarea:focus {
    border-color: #ffffff; /* Borde blanco al enfocarse */
    background: #1a1a1a; /* Fondo se oscurece al escribir */
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1); /* Resplandor blanco sutil */
}

/* Estrellas interactivas en el formulario */
.rrs-star-picker {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    user-select: none;
}

.rrs-pick-star {
    font-size: 28px;
    color: #444444; /* Estrellas vacías oscuras */
    transition: color 0.2s, transform 0.2s;
}

.rrs-pick-star:hover {
    transform: scale(1.1);
}

.rrs-pick-star.hover,
.rrs-pick-star.selected {
    color: #f5c518; /* Amarillo interactivo */
}

.rrs-pick-label {
    margin-left: 12px;
    font-size: 14px;
    color: #aaaaaa;
    font-weight: 500;
}

/* ── 4. BOTÓN DE ENVÍO ── */
.radosys-reviews .rrs-submit {
    background: #ffffff !important; /* Botón blanco para contrastar */
    color: #000000 !important; /* Texto negro */
    border: 2px solid #ffffff !important;
    padding: 14px 24px;
    font-family: 'Mukta', sans-serif;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease !important;
    width: 100%;
    margin-top: 10px;
}

/* Efecto Hover: Invierte los colores destacando el amarillo */
.radosys-reviews .rrs-submit:hover,
.radosys-reviews .rrs-submit:focus,
.radosys-reviews .rrs-submit:active {
    background: #f5c518 !important; /* Secundario Amarillo */
    color: #000000 !important;
    border-color: #f5c518 !important;
    box-shadow: 0 4px 15px rgba(245, 197, 24, 0.3) !important;
    outline: none !important;
    transform: translateY(-2px);
}

/* ── 5. DISEÑO RESPONSIVO (MÓVILES) ── */
@media (max-width: 767px) {
    .rrs-summary {
        flex-direction: column;
        padding: 20px;
        gap: 20px;
    }
    
    .rrs-score-box {
        border-right: none;
        border-bottom: 1px solid #333333; /* Borde adaptado al modo oscuro */
        padding-right: 0;
        padding-bottom: 20px;
        width: 100%;
    }
    
    .rrs-row-2 {
        flex-direction: column;
        gap: 15px;
    }

    .rrs-item-header {
        flex-wrap: wrap; 
    }
}/* End custom CSS */