.elementor-5578 .elementor-element.elementor-element-3be8d6dc{--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-5578 .elementor-element.elementor-element-15d1dde6 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-primary );}.elementor-5578 .elementor-element.elementor-element-2e784eec{--display:flex;}.elementor-5578 .elementor-element.elementor-element-45f5e314{--box-border-color:var( --e-global-color-accent );--item-text-hover-decoration:underline;}.elementor-5578 .elementor-element.elementor-element-45f5e314 .elementor-toc__header-title{text-align:start;}.elementor-5578 .elementor-element.elementor-element-45f5e314 .elementor-toc__header{flex-direction:row;}.elementor-5578 .elementor-element.elementor-element-1dcabdf{--display:flex;}.elementor-5578 .elementor-element.elementor-element-49f82485{--spacer-size:50px;}.elementor-5578 .elementor-element.elementor-element-2b63f6e{--display:flex;}.elementor-5578 .elementor-element.elementor-element-b99e2cd{--display:flex;}.elementor-5578 .elementor-element.elementor-element-a80de8c{--display:flex;}.elementor-5578 .elementor-element.elementor-element-75f357e{--display:flex;}.elementor-5578 .elementor-element.elementor-element-b702e1e{--display:flex;}.elementor-5578 .elementor-element.elementor-element-2d02e18e{--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:flex-start;--align-items:center;}.elementor-5578 .elementor-element.elementor-element-2d02e18e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5578 .elementor-element.elementor-element-5d3d4125{--spacer-size:118px;}.elementor-5578 .elementor-element.elementor-element-46736de4 .elementor-author-box__avatar img{border-radius:65px;}.elementor-5578 .elementor-element.elementor-element-46736de4 .elementor-author-box__name{color:#111110;}.elementor-5578 .elementor-element.elementor-element-57c20643{text-align:center;}.elementor-5578 .elementor-element.elementor-element-50fe0b03{--display:flex;}.elementor-5578 .elementor-element.elementor-element-22efda04{--alignment:center;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;--e-share-buttons-primary-color:#B69E6A;--e-share-buttons-secondary-color:#FFFFFF;}.elementor-5578 .elementor-element.elementor-element-22efda04 .elementor-share-btn{font-size:calc(0.9px * 10);height:3.5em;}.elementor-5578 .elementor-element.elementor-element-22efda04 .elementor-share-btn__icon{--e-share-buttons-icon-size:2.5em;}.elementor-5578 .elementor-element.elementor-element-22efda04 .elementor-share-btn:hover{--e-share-buttons-primary-color:#A17102;}.elementor-5578 .elementor-element.elementor-element-62090c17{--display:flex;}@media(max-width:1024px){ .elementor-5578 .elementor-element.elementor-element-22efda04{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(min-width:768px){.elementor-5578 .elementor-element.elementor-element-2d02e18e{--width:97.556%;}}@media(max-width:767px){body.rtl .elementor-5578 .elementor-element.elementor-element-46736de4.elementor-author-box--layout-image-left .elementor-author-box__avatar,
					 body:not(.rtl) .elementor-5578 .elementor-element.elementor-element-46736de4:not(.elementor-author-box--layout-image-above) .elementor-author-box__avatar{margin-right:0px;margin-left:0;}body:not(.rtl) .elementor-5578 .elementor-element.elementor-element-46736de4.elementor-author-box--layout-image-right .elementor-author-box__avatar,
					 body.rtl .elementor-5578 .elementor-element.elementor-element-46736de4:not(.elementor-author-box--layout-image-above) .elementor-author-box__avatar{margin-left:0px;margin-right:0;}.elementor-5578 .elementor-element.elementor-element-46736de4.elementor-author-box--layout-image-above .elementor-author-box__avatar{margin-bottom:0px;} .elementor-5578 .elementor-element.elementor-element-22efda04{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS for html, class: .elementor-element-f54d142 *//* ============================================================
   ESTILOS DE TABLAS PREMIUM — RELOJES SOLARES ALTA GAMA 2025
   Pegar en: Elementor Pro → Bloque 3 → Avanzado → CSS Personalizado
   ============================================================ */

/* ============================================================
   1. ESTILO GENERAL ESCRITORIO
   ============================================================ */

.tye-article-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 40px 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.05rem;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    border-radius: 4px;
    overflow: hidden;
}

.tye-article-content table thead th {
    background-color: #1a1a1a;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.82rem;
    letter-spacing: 1.5px;
    padding: 18px 20px;
    text-align: left;
    font-weight: 600;
    border-bottom: 3px solid #C5A059;
}

.tye-article-content table tbody td {
    padding: 18px 20px;
    border-bottom: 1px solid #eee;
    color: #333;
    line-height: 1.6;
    vertical-align: top;
}

/* Primera columna (concepto / hito / #) */
.tye-article-content table tbody td:first-child {
    font-family: 'Georgia', serif;
    font-weight: bold;
    color: #8e7341;
    font-size: 1.05rem;
}

/* Filas alternas */
.tye-article-content table tbody tr:nth-child(even) {
    background-color: #fdfbf7;
}

/* Fila de totales / destacada (última fila tabla costes) */
.tye-article-content table tbody tr:last-child td {
    background-color: #1a1a1a;
    color: #fff;
    border-bottom: none;
}

.tye-article-content table tbody tr:last-child td:first-child {
    color: #C5A059;
}

.tye-article-content table tbody tr:last-child td strong {
    color: #C5A059;
}


/* ============================================================
   2. ESTILO MÓVIL — MODO FICHA VERTICAL
   ============================================================ */

@media (max-width: 768px) {

    .tye-article-content .tye-table-wrapper {
        overflow: visible !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .tye-article-content table {
        min-width: 0 !important;
        width: 100% !important;
        display: block !important;
        box-sizing: border-box;
        box-shadow: none;
    }

    .tye-article-content table tbody,
    .tye-article-content table tr,
    .tye-article-content table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .tye-article-content table thead { display: none; }

    .tye-article-content table tr {
        margin-bottom: 35px;
        border: 1px solid #e0d8c3;
        border-radius: 12px;
        background: #fff !important;
        box-shadow: 0 10px 25px rgba(0,0,0,0.08);
        overflow: hidden;
    }

    /* Título de la ficha — barra negra superior */
    .tye-article-content table td:first-child {
        background-color: #1a1a1a;
        color: #C5A059 !important;
        text-align: center;
        font-size: 1.15rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2px;
        line-height: 1.4;
        padding: 18px 15px !important;
        width: 100% !important;
        border-bottom: 4px solid #C5A059;
        white-space: normal;
        word-wrap: break-word;
    }

    .tye-article-content table td:first-child::before {
        display: none !important;
        content: none !important;
    }

    /* Datos del cuerpo */
    .tye-article-content table td {
        padding: 16px 20px !important;
        border-bottom: 1px solid #f0f0f0;
        text-align: left;
        font-size: 1.05rem;
        color: #333;
    }

    .tye-article-content table td:not(:first-child)::before {
        display: block;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 0.8rem;
        color: #999;
        margin-bottom: 6px;
        letter-spacing: 1px;
    }

    /* Fila de totales en móvil */
    .tye-article-content table tr:last-child td {
        background-color: #1a1a1a !important;
        color: #fff !important;
    }

    .tye-article-content table tr:last-child td:first-child {
        color: #C5A059 !important;
        border-bottom-color: #C5A059;
    }

    .tye-article-content table tr:last-child td::before {
        color: #C5A059 !important;
    }

    .tye-article-content table tr:last-child td strong {
        color: #C5A059 !important;
    }


    /* ==========================================================
       ETIQUETAS MÓVIL — TABLA 1: EVOLUCIÓN DE PRECISIÓN
       (Sección II — 5 columnas)
       ========================================================== */

    /* La primera columna (Hito/Calibre) es el título de ficha,
       ya cubierta por el estilo de td:first-child de arriba. */

    /* Usamos data-label para las etiquetas — ya están en el HTML
       mediante el atributo data-label de cada <td> */

    .tye-article-content table td[data-label="Año"]::before           { content: "Año:"; }
    .tye-article-content table td[data-label="Frecuencia"]::before    { content: "Frecuencia:"; }
    .tye-article-content table td[data-label="Precisión"]::before     { content: "Precisión:"; }
    .tye-article-content table td[data-label="Innovación clave"]::before { content: "Innovación clave:"; }


    /* ==========================================================
       ETIQUETAS MÓVIL — TABLA 2: COSTE TOTAL A 20 AÑOS
       (Sección III — 4 columnas)
       ========================================================== */

    .tye-article-content table td[data-label="Solar de Lujo"]::before      { content: "Solar de Lujo:"; color: #8e7341; font-weight: 900; }
    .tye-article-content table td[data-label="Automático de Lujo"]::before { content: "Automático de Lujo:"; }
    .tye-article-content table td[data-label="Smartwatch Premium"]::before  { content: "Smartwatch Premium:"; }


    /* ==========================================================
       ETIQUETAS MÓVIL — TABLA 3: TOP 5 RELOJES SOLARES
       (Sección IV — 5 columnas)
       ========================================================== */

    .tye-article-content table td[data-label="#"]::before        { content: "Posición:"; }
    .tye-article-content table td[data-label="Modelo"]::before   { content: "Modelo:"; }
    .tye-article-content table td[data-label="Estilo"]::before   { content: "Estilo:"; }
    .tye-article-content table td[data-label="Material"]::before { content: "Material:"; }
    .tye-article-content table td[data-label="Precio est."]::before { content: "Precio estimado:"; color: #8e7341; font-weight: 900; }

}
/* ============================================================
   FIN — TABLAS PREMIUM RELOJES SOLARES ALTA GAMA 2025
   ============================================================ *//* End custom CSS */