.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), nunito;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-775 .elementor-element.elementor-element-78b34b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;}.elementor-775 .elementor-element.elementor-element-78b34b9 .elementor-heading-title{font-family:var( --e-global-typography-f6e60e5-font-family ), nunito;font-size:var( --e-global-typography-f6e60e5-font-size );font-weight:var( --e-global-typography-f6e60e5-font-weight );font-style:var( --e-global-typography-f6e60e5-font-style );text-decoration:var( --e-global-typography-f6e60e5-text-decoration );letter-spacing:var( --e-global-typography-f6e60e5-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), nunito;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-775 .elementor-element.elementor-element-843ad7e{text-align:center;}.elementor-775 .elementor-element.elementor-element-843ad7e .elementor-heading-title{font-family:var( --e-global-typography-d9c7a26-font-family ), nunito;font-size:var( --e-global-typography-d9c7a26-font-size );font-weight:var( --e-global-typography-d9c7a26-font-weight );letter-spacing:var( --e-global-typography-d9c7a26-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), nunito;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-775 .elementor-element.elementor-element-e98ea40{text-align:center;font-family:var( --e-global-typography-0a35715-font-family ), nunito;font-size:var( --e-global-typography-0a35715-font-size );font-weight:var( --e-global-typography-0a35715-font-weight );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), nunito;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-775 .elementor-element.elementor-element-38ff1c1 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-0a35715-font-family ), nunito;font-size:var( --e-global-typography-0a35715-font-size );font-weight:var( --e-global-typography-0a35715-font-weight );fill:var( --e-global-color-b9b2016 );color:var( --e-global-color-b9b2016 );}.elementor-775 .elementor-element.elementor-element-38ff1c1 .elementor-button:hover, .elementor-775 .elementor-element.elementor-element-38ff1c1 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );}.elementor-775 .elementor-element.elementor-element-38ff1c1 .elementor-button:hover svg, .elementor-775 .elementor-element.elementor-element-38ff1c1 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-775 .elementor-element.elementor-element-9d20285{text-align:center;font-family:var( --e-global-typography-0a35715-font-family ), nunito;font-size:var( --e-global-typography-0a35715-font-size );font-weight:var( --e-global-typography-0a35715-font-weight );}.elementor-775 .elementor-element.elementor-element-f089ccc .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-0a35715-font-family ), nunito;font-size:var( --e-global-typography-0a35715-font-size );font-weight:var( --e-global-typography-0a35715-font-weight );fill:var( --e-global-color-b9b2016 );color:var( --e-global-color-b9b2016 );}.elementor-775 .elementor-element.elementor-element-f089ccc .elementor-button:hover, .elementor-775 .elementor-element.elementor-element-f089ccc .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );}.elementor-775 .elementor-element.elementor-element-f089ccc .elementor-button:hover svg, .elementor-775 .elementor-element.elementor-element-f089ccc .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-775 .elementor-element.elementor-element-19bd319{background-color:var( --e-global-color-secondary );padding:30px 30px 30px 30px;border-radius:29px 29px 29px 29px;}.elementor-775 .elementor-element.elementor-element-1c6f5bf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 19px;font-family:var( --e-global-typography-fac0b17-font-family ), nunito;font-size:var( --e-global-typography-fac0b17-font-size );font-weight:var( --e-global-typography-fac0b17-font-weight );letter-spacing:var( --e-global-typography-fac0b17-letter-spacing );}.elementor-775 .elementor-element.elementor-element-3d7dc4b .elementor-heading-title{font-family:var( --e-global-typography-d9c7a26-font-family ), nunito;font-size:var( --e-global-typography-d9c7a26-font-size );font-weight:var( --e-global-typography-d9c7a26-font-weight );letter-spacing:var( --e-global-typography-d9c7a26-letter-spacing );color:var( --e-global-color-text );}.elementor-775 .elementor-element.elementor-element-b82d0d4{--display:flex;}.elementor-775 .elementor-element.elementor-element-be31a28{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-775 .elementor-element.elementor-element-5d99863{background-color:var( --e-global-color-secondary );padding:20px 20px 20px 20px;text-align:center;}.elementor-775 .elementor-element.elementor-element-5d99863 .elementor-heading-title{font-family:var( --e-global-typography-f6e60e5-font-family ), nunito;font-size:var( --e-global-typography-f6e60e5-font-size );font-weight:var( --e-global-typography-f6e60e5-font-weight );font-style:var( --e-global-typography-f6e60e5-font-style );text-decoration:var( --e-global-typography-f6e60e5-text-decoration );letter-spacing:var( --e-global-typography-f6e60e5-letter-spacing );color:var( --e-global-color-text );}@media(max-width:1024px){.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-775 .elementor-element.elementor-element-78b34b9 .elementor-heading-title{font-size:var( --e-global-typography-f6e60e5-font-size );letter-spacing:var( --e-global-typography-f6e60e5-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-775 .elementor-element.elementor-element-843ad7e .elementor-heading-title{font-size:var( --e-global-typography-d9c7a26-font-size );letter-spacing:var( --e-global-typography-d9c7a26-letter-spacing );}.elementor-775 .elementor-element.elementor-element-e98ea40{font-size:var( --e-global-typography-0a35715-font-size );}.elementor-775 .elementor-element.elementor-element-38ff1c1 .elementor-button{font-size:var( --e-global-typography-0a35715-font-size );}.elementor-775 .elementor-element.elementor-element-9d20285{font-size:var( --e-global-typography-0a35715-font-size );}.elementor-775 .elementor-element.elementor-element-f089ccc .elementor-button{font-size:var( --e-global-typography-0a35715-font-size );}.elementor-775 .elementor-element.elementor-element-1c6f5bf{font-size:var( --e-global-typography-fac0b17-font-size );letter-spacing:var( --e-global-typography-fac0b17-letter-spacing );}.elementor-775 .elementor-element.elementor-element-3d7dc4b .elementor-heading-title{font-size:var( --e-global-typography-d9c7a26-font-size );letter-spacing:var( --e-global-typography-d9c7a26-letter-spacing );}.elementor-775 .elementor-element.elementor-element-5d99863 .elementor-heading-title{font-size:var( --e-global-typography-f6e60e5-font-size );letter-spacing:var( --e-global-typography-f6e60e5-letter-spacing );}}@media(max-width:767px){.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-775 .elementor-element.elementor-element-78b34b9{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-775 .elementor-element.elementor-element-78b34b9 .elementor-heading-title{font-size:var( --e-global-typography-f6e60e5-font-size );letter-spacing:var( --e-global-typography-f6e60e5-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-775 .elementor-element.elementor-element-843ad7e .elementor-heading-title{font-size:var( --e-global-typography-d9c7a26-font-size );letter-spacing:var( --e-global-typography-d9c7a26-letter-spacing );}.elementor-775 .elementor-element.elementor-element-e98ea40{font-size:var( --e-global-typography-0a35715-font-size );}.elementor-775 .elementor-element.elementor-element-38ff1c1 .elementor-button{font-size:var( --e-global-typography-0a35715-font-size );}.elementor-775 .elementor-element.elementor-element-9d20285{font-size:var( --e-global-typography-0a35715-font-size );}.elementor-775 .elementor-element.elementor-element-f089ccc .elementor-button{font-size:var( --e-global-typography-0a35715-font-size );}.elementor-775 .elementor-element.elementor-element-1c6f5bf{font-size:var( --e-global-typography-fac0b17-font-size );letter-spacing:var( --e-global-typography-fac0b17-letter-spacing );}.elementor-775 .elementor-element.elementor-element-3d7dc4b .elementor-heading-title{font-size:var( --e-global-typography-d9c7a26-font-size );letter-spacing:var( --e-global-typography-d9c7a26-letter-spacing );}.elementor-775 .elementor-element.elementor-element-5d99863 .elementor-heading-title{font-size:var( --e-global-typography-f6e60e5-font-size );letter-spacing:var( --e-global-typography-f6e60e5-letter-spacing );}}/* Start custom CSS for shortcode, class: .elementor-element-8d37905 *//* ======================================================
   VISOR 360° PREMIUM EVSUN
====================================================== */

.evsun-360-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Arial', sans-serif;
}

/* Botón superior */
.evsun-360-header {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
}

.evsun-360-btn {
    background: #0d1117;
    color: #ffffff;
    border: 1px solid #30363d;
    padding: 12px 28px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
}

.evsun-360-btn:hover {
    background: #161b22;
    border-color: #00f2fe;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.evsun-360-btn.active {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
    border-color: #00f2fe;
    color: #ffffff;
    box-shadow: 0 0 15px rgba(0, 242, 254, 0.25);
}

/* Escenario */
.evsun-360-stage {
    position: relative;
    background: radial-gradient(circle at center, #ffffff 0%, #edf2f7 100%);
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
}

.evsun-360-viewport {
    position: relative;
    width: 100%;
    height: 520px;
    cursor: grab;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.evsun-360-viewport.dragging {
    cursor: grabbing;
}

/* 🔍 ACERCAMIENTO/ZOOM DEL VEHÍCULO */
.evsun-360-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transform: scale(1.45); /* Eleva la escala para acercar el vehículo */
    transition: transform 0.2s ease-out;
    user-select: none;
    pointer-events: none;
}

.evsun-360-hint {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(15, 23, 42, 0.75);
    color: #ffffff;
    padding: 7px 16px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    backdrop-filter: blur(6px);
    pointer-events: none;
}

/* Panel Lateral de Óvalos Swatches */
.evsun-360-swatches {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.92);
    padding: 14px 10px;
    border-radius: 35px;
    border: 1px solid rgba(226, 232, 240, 0.9);
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    z-index: 10;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

.evsun-360-swatch-label {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #64748b;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    margin-bottom: 4px;
}

.evsun-360-swatch-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Óvalo de Color */
.evsun-360-oval {
    position: relative;
    width: 36px;
    height: 20px;
    border-radius: 12px;
    border: 2px solid #ffffff;
    background: transparent;
    padding: 2px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.evsun-oval-inner {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.evsun-360-oval:hover {
    transform: scale(1.15);
}

.evsun-360-oval.active {
    transform: scale(1.25);
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0f172a, 0 4px 12px rgba(0, 0, 0, 0.25);
}

/* Tooltip con nombre de color */
.evsun-oval-tooltip {
    position: absolute;
    right: 48px;
    top: 50%;
    transform: translateY(-50%) translateX(8px);
    background: #0f172a;
    color: #ffffff;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.evsun-360-oval:hover .evsun-oval-tooltip {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
}

/* Adaptación para móviles */
@media (max-width: 768px) {
    .evsun-360-viewport {
        height: 380px;
    }

    .evsun-360-img {
        transform: scale(1.55);
    }

    .evsun-360-swatches {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        margin: 12px auto;
        flex-direction: row;
        border-radius: 25px;
        padding: 8px 16px;
    }

    .evsun-360-swatch-label {
        writing-mode: horizontal-tb;
        transform: none;
        margin-bottom: 0;
    }

    .evsun-360-swatch-list {
        flex-direction: row;
    }

    .evsun-oval-tooltip {
        display: none;
    }
}
/* ======================================================
   SISTEMA DE GALERÍAS Y INTERIORES PREMIUM EVSUN
====================================================== */

.evsun-media-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Arial', sans-serif;
}

/* 1. BARRA SUPERIOR DE BOTONES DE GALERÍA (Pestañas) */
.evsun-media-tabs-header {
    display: flex;
    gap: 14px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.evsun-media-tab-btn {
    background: #0d1117;
    color: #ffffff;
    border: 1px solid #30363d;
    padding: 12px 28px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.evsun-media-tab-btn:hover {
    background: #161b22;
    border-color: #00f2fe;
    transform: translateY(-2px);
}

.evsun-media-tab-btn.active {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);
    border-color: #00f2fe;
    color: #ffffff;
    box-shadow: 0 0 15px rgba(0, 242, 254, 0.3);
}

/* Transición suave entre galerías */
.evsun-media-tab-pane {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.evsun-media-tab-pane.active {
    opacity: 1;
}

/* 2. ESCENARIO DE LA GALERÍA INTERIOR */
.evsun-interior-stage {
    position: relative;
    background: radial-gradient(circle at center, #ffffff 0%, #edf2f7 100%);
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    padding: 20px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.evsun-interior-main-viewport {
    position: relative;
    width: 100%;
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    overflow: hidden;
    background: #0f172a;
}

/* CAJA DE ZOOM */
.evsun-zoom-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: zoom-in;
    display: flex;
    align-items: center;
    justify-content: center;
}

.evsun-interior-main-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform 0.1s ease-out;
    user-select: none;
}

/* FLECHAS DE NAVEGACIÓN */
.evsun-nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(15, 23, 42, 0.65);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    z-index: 10;
    backdrop-filter: blur(8px);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.evsun-nav-arrow:hover {
    background: #000000;
    border-color: #00f2fe;
    transform: translateY(-50%) scale(1.1);
}

.evsun-nav-arrow.prev { left: 20px; }
.evsun-nav-arrow.next { right: 20px; }

/* BOTÓN DE CONTROL "AMPLIAR" */
.evsun-interior-floating-controls {
    position: absolute;
    bottom: 16px;
    right: 20px;
    z-index: 10;
}

.evsun-control-btn {
    background: rgba(15, 23, 42, 0.75);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    backdrop-filter: blur(8px);
    transition: all 0.3s ease;
}

.evsun-control-btn:hover {
    background: #000;
    border-color: #00f2fe;
}

/* 3. TIRA DE MINIATURAS (thumb strip con compresión) */
.evsun-interior-thumbs-wrapper {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
    overflow-x: auto;
    padding: 10px 0;
}

.evsun-thumb-item {
    width: 90px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    opacity: 0.5; /* Opacidad para comprimir visualmente las no enfocadas */
    transform: scale(0.9);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.evsun-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.evsun-thumb-item:hover {
    opacity: 0.8;
    transform: scale(0.98);
}

.evsun-thumb-item.active {
    opacity: 1; /* Resalta al 100% la imagen enfocada */
    transform: scale(1.1);
    border-color: #00f2fe;
    box-shadow: 0 4px 12px rgba(0, 242, 254, 0.3);
}

/* Panel de Swatches Interior */
.evsun-interior-swatches-panel {
    position: absolute;
    right: 35px;
    top: 70px;
}

/* 4. MODAL FULLSCREEN (LIGHTBOX) */
.evsun-lightbox-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.92);
    backdrop-filter: blur(10px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.evsun-lightbox-modal.open {
    opacity: 1;
    pointer-events: auto;
}

.evsun-lightbox-img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

.evsun-lightbox-close {
    position: absolute;
    top: 30px;
    right: 40px;
    color: #ffffff;
    font-size: 38px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.2s ease;
}

.evsun-lightbox-close:hover {
    color: #00f2fe;
}

/* RESPONSIVE MÓVIL */
@media (max-width: 768px) {
    .evsun-interior-main-viewport {
        height: 340px;
    }
    .evsun-interior-swatches-panel {
        position: relative;
        right: auto;
        top: auto;
        margin: 0 auto;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-870329c *//* CONTENEDOR PRINCIPAL Y BOTONERA MAESTRA */
.evsun-master-container { width: 100%; max-width: 100%; box-sizing: border-box; }
.evsun-master-tabs-wrapper { display: flex; gap: 10px; margin-bottom: 30px; justify-content: center; flex-wrap: wrap; }
.evsun-master-tab-content { display: none; }
.evsun-master-tab-content.active { display: block; animation: evsunFadeIn 0.4s; }

/* GRID ESCRITORIO (Lado a Lado) */
.evsun-master-grid { display: flex; gap: 20px; align-items: flex-start; width: 100%; flex-wrap: nowrap; }

/* COLUMNA IZQUIERDA (Datos Generales) */
.evsun-col-general { flex: 0 0 330px; width: 330px; }

/* COLUMNA DERECHA (Versiones) */
.evsun-col-versiones { flex: 1 1 auto; display: flex; gap: 15px; overflow-x: auto; padding-bottom: 15px; }
.evsun-version-card { flex: 0 0 300px; width: 300px; display: block !important; /* Forza que se vean en PC */ }

/* TABLAS Y DISEÑO */
.evsun-table-wrapper { box-sizing: border-box; background: #fff; border-radius: 8px; padding: 15px; border: 1px solid #eaeaea; }
.evsun-table-highlight { border: 2px solid #111; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }

.evsun-table { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0; padding: 0; }
.evsun-table th, .evsun-table td { padding: 12px 10px; border: 1px solid #eaeaea; text-align: left; font-size: 14px; word-wrap: break-word; vertical-align: middle; }
.evsun-category-title { background: #f8f9fa; font-weight: bold; color: #111; font-size: 15px; }
.evsun-label { width: 45%; color: #555; }
.evsun-value { width: 55%; font-weight: 600; color: #111; }

/* CABECERAS Y TEXTOS */
.evsun-desktop-version-header { text-align: center; margin-bottom: 15px; border-bottom: 2px solid #eaeaea; padding-bottom: 10px; }
.evsun-desktop-version-title { font-weight: bold; font-size: 1.1em; color: #222; margin: 0; }
.evsun-version-price { font-size: 1.2em; font-weight: 600; color: #0073aa; margin: 5px 0 0 0; }

/* BOTONES */
.evsun-tab-btn { padding: 10px 20px; border-radius: 30px; border: 1px solid #ccc; background: #f8f9fa; color: #333; cursor: pointer; font-weight: bold; white-space: nowrap; transition: all 0.3s ease; font-size: 14px; }
.evsun-tab-btn:hover { background: #e2e6ea; }
.evsun-tab-btn.active { background: #0a192f; color: #fff; border-color: #0a192f; }

/* BOTONERA MÓVIL (Oculta en PC) */
.evsun-mobile-tabs { display: none; }

/* --- RESPONSIVIDAD --- */
@media (max-width: 1024px) {
    .evsun-col-general { flex: 0 0 280px; width: 280px; }
    .evsun-version-card { flex: 0 0 280px; width: 280px; }
}

@media (max-width: 768px) {
    .evsun-master-grid { flex-direction: column; gap: 10px; }
    .evsun-col-general { flex: 1 1 auto; width: 100%; margin-bottom: 15px; }
    .evsun-col-versiones { display: block; width: 100%; overflow: visible; padding-bottom: 0; }
    
    .evsun-mobile-tabs { display: flex; gap: 10px; margin-bottom: 15px; overflow-x: auto; padding-bottom: 10px; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .evsun-mobile-tabs::-webkit-scrollbar { display: none; }
    
    /* En móvil ocultamos las tablas de versiones y mostramos solo la activa */
    .evsun-version-card { display: none !important; width: 100%; flex: 1 1 auto; margin-bottom: 15px; }
    .evsun-version-card.active-mobile { display: block !important; animation: evsunFadeIn 0.3s; }
    
    .evsun-desktop-version-header { display: none; }
    .evsun-table th, .evsun-table td { padding: 10px 8px; font-size: 13px; }
}

@keyframes evsunFadeIn { from { opacity: 0; } to { opacity: 1; } }/* End custom CSS */