/*
Theme Name: Novenatech
Theme URI: https://novenatech.cl/
Description: Sitio Kinetco diseñado y desarrollado por Novenatech. Tema hijo personalizado sobre Phygio, de Kodesolution. Requiere el tema padre Phygio instalado.
Author: Novenatech
Author URI: https://novenatech.cl/
Version: 1.0.0
Template: phygio
Text Domain: novenatech
Requires PHP: 8.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Update URI: https://novenatech.cl/
*/

/* Personalizaciones de Kinetco. El diseño de Phygio permanece en el padre. */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url('assets/fonts/Manrope-Variable.woff2') format('woff2');
}

/* Comparación de las dos portadas: identidad compartida, geometría de la demo. */
body:is(.page-id-1574, .page-id-547) {
    --body-font-family: 'Manrope', sans-serif;
    --heading-font-family: 'Manrope', sans-serif;
    --section-title-font-family: 'Manrope', sans-serif;
    --section-title-subtitle-font-family: 'Manrope', sans-serif;
    --theme-color1: #05696B;
    --theme-color1-rgb: 5, 105, 107;
    --theme-color1-lighter: #087F81;
    --theme-color1-darker: #044F51;
    --theme-color2: #17383A;
    --theme-color2-rgb: 23, 56, 58;
    --theme-color3: #E8F1EF;
    --theme-color3-rgb: 232, 241, 239;
    --theme-color4: #C6D8D5;
    --theme-color4-rgb: 198, 216, 213;
    --theme-color1-text-color: #FFFFFF;
    --theme-color2-text-color: #FFFFFF;
    --theme-color3-text-color: #17383A;
    --theme-color4-text-color: #17383A;
    --theme-color-light: #E8F1EF;
    --body-bg: #FFFFFF;
    --text-color: #4F696B;
    --headings-color: #17383A;
    --link-color: #05696B;
    --link-hover-color: #044F51;
    --hover-theme-color: #05696B;
    font-family: var(--body-font-family);
    background-color: var(--body-bg);
}

/* Fondo neutro de Home, definido directamente por el bloque del proveedor. */
body.page-id-1574 .elementor-element.elementor-element-31b95ce {
    background-color: #FFFFFF;
}

/* Navegación exclusiva de la vista de diseño para invitados, sin iniciar sesión. */
.novenatech-design-preview {
    padding-bottom: 110px;
}
.kinetco-preview-nav {
    position: fixed;
    z-index: 999999;
    inset: auto 16px max(16px, env(safe-area-inset-bottom));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 760px;
    margin-inline: auto;
    padding: 14px 18px;
    border: 1px solid #C6D8D5;
    border-radius: 18px;
    background: #FFFFFF;
    color: #17383A;
    box-shadow: 0 8px 36px #17383A26;
    font-family: 'Manrope', sans-serif;
    line-height: 1.4;
}
.kinetco-preview-note strong,
.kinetco-preview-note span {
    display: block;
}
.kinetco-preview-note strong { font-size: 14px; }
.kinetco-preview-note span { font-size: 12px; color: #4F696B; }
.kinetco-preview-options { display: flex; gap: 8px; }
.kinetco-preview-options a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid #C6D8D5;
    border-radius: 10px;
    color: #05696B;
    background: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}
.kinetco-preview-options a[aria-current="page"],
.kinetco-preview-options a:hover {
    background: #05696B;
    border-color: #05696B;
    color: #FFFFFF;
}
.kinetco-preview-options a:focus-visible { outline: 3px solid #17383A; outline-offset: 3px; }
@media (max-width: 600px) {
    .novenatech-design-preview { padding-bottom: 155px; }
    .kinetco-preview-nav { flex-direction: column; align-items: stretch; gap: 10px; padding: 12px; inset-inline: 10px; }
    .kinetco-preview-note { text-align: center; }
    .kinetco-preview-options a { flex: 1; }
}