/*
 * Refuerzo visual de la versión 1.0.4.
 * Este archivo sobrescribe estilos heredados del tema padre y del constructor
 * visual para asegurar consistencia de marca ARUK en todas las páginas.
 */

body .aruk-site-header,
body .aruk-site-header * {
    box-sizing: border-box;
}

body .aruk-site-header {
    background: rgba(246, 241, 234, 0.94) !important;
}

body .aruk-brand,
body .aruk-brand:link,
body .aruk-brand:visited {
    display: inline-flex !important;
    align-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body .aruk-brand img,
body .custom-logo-link img,
body .site-branding img,
body .header-logo img,
body .logo img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 180px !important;
    max-width: min(42vw, 180px) !important;
    height: auto !important;
    object-fit: contain !important;
}

body .aruk-header-cta .aruk-btn,
body .aruk-btn,
body .aruk-btn:link,
body .aruk-btn:visited,
body button.aruk-btn,
body input[type='submit'].aruk-btn,
body .aruk-btn--ghost,
body .aruk-btn--ghost:link,
body .aruk-btn--ghost:visited,
body .aruk-btn--outline,
body .aruk-btn--outline:link,
body .aruk-btn--outline:visited,
body .pagelayer-btn,
body .pfx-btn,
body .btn,
body button,
body input[type='submit'],
body input[type='button'] {
    color: #ffffff !important;
}

body .aruk-btn,
body button.aruk-btn,
body input[type='submit'].aruk-btn,
body .aruk-header-cta .aruk-btn {
    background: #320c6a !important;
    border-color: #320c6a !important;
}

body .aruk-btn:hover,
body .aruk-btn:focus,
body .aruk-btn--ghost:hover,
body .aruk-btn--ghost:focus,
body .aruk-btn--outline:hover,
body .aruk-btn--outline:focus,
body .aruk-header-cta .aruk-btn:hover,
body .aruk-header-cta .aruk-btn:focus,
body .pagelayer-btn:hover,
body .pagelayer-btn:focus,
body .pfx-btn:hover,
body .pfx-btn:focus,
body .btn:hover,
body .btn:focus,
body button:hover,
body button:focus,
body input[type='submit']:hover,
body input[type='submit']:focus,
body input[type='button']:hover,
body input[type='button']:focus {
    color: #ffffff !important;
}

body .aruk-btn--ghost,
body .aruk-btn--outline {
    background: #320c6a !important;
    border-color: #320c6a !important;
    box-shadow: none !important;
}

body .aruk-section--tinted {
    background: linear-gradient(135deg, rgba(230, 214, 205, 0.96) 0%, rgba(244, 236, 230, 0.98) 100%) !important;
    color: #241c35 !important;
}

body .aruk-section--tinted h2,
body .aruk-section--tinted h3,
body .aruk-section--tinted p,
body .aruk-section--tinted .aruk-kicker,
body .aruk-section--tinted .aruk-section-intro__eyebrow,
body .aruk-section--tinted .aruk-list li,
body .aruk-section--tinted .aruk-stat-line {
    color: #241c35 !important;
}

body .aruk-features-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

body .aruk-feature-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 18px !important;
    min-height: 320px !important;
    padding: 30px 26px 32px 30px !important;
    background: rgba(255, 255, 255, 0.92) !important;
}

body .aruk-feature-card h3 {
    max-width: 10ch !important;
    margin: 0 !important;
    color: #320c6a !important;
    font-size: clamp(24px, 1.8vw, 34px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.02em !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    text-wrap: balance !important;
}

body .aruk-feature-card p {
    margin-top: auto !important;
    color: #5b5467 !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
}

body .aruk-split__image,
body .aruk-page-hero__image {
    aspect-ratio: 1 / 0.92 !important;
    min-height: 0 !important;
    height: auto !important;
}

body .aruk-split__image img,
body .aruk-page-hero__image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body .aruk-site-footer {
    background: linear-gradient(180deg, #e8d9d0 0%, #ddc8bc 100%) !important;
    color: #5b5467 !important;
}

body .aruk-site-footer a,
body .aruk-site-footer__nav-title,
body .aruk-site-footer__gallery-title {
    color: #320c6a !important;
}

body [class*='orange'],
body [style*='#ff6b35'],
body [style*='#FF6B35'],
body [style*='rgb(255, 107, 53)'],
body [style*='rgba(255, 107, 53'],
body .pagelayer-service-btn,
body .pagelayer-btn-holder .pagelayer-btn,
body .popularfx-service-box .popularfx-btn,
body .popularfx-btn,
body .pfx-service-box,
body .pfx-highlight,
body .pfx-accent {
    background-color: #e6d6cd !important;
    border-color: #e6d6cd !important;
}

body .popularfx-service-box *,
body .pfx-service-box *,
body .pfx-highlight *,
body .pfx-accent *,
body [class*='orange'] * {
    color: #241c35 !important;
}

body .aruk-page-hero,
body .aruk-section--cream,
body .aruk-contact-notice,
body .aruk-contact-map,
body .aruk-service-card::before,
body .aruk-card::before,
body .aruk-value-card::before,
body .aruk-feature-card::before,
body .aruk-contact-card::before,
body .aruk-blog-card::before,
body .aruk-team-card::before,
body .aruk-testimonial::before,
body .aruk-nav a::after {
    --aruk-force-beige: #e6d6cd;
}

@media (max-width: 980px) {
    body .aruk-features-grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    body .aruk-feature-card {
        min-height: auto !important;
    }

    body .aruk-feature-card h3 {
        max-width: none !important;
    }
}
