/* Estilos para Blog Tecnológico */
.tech-blog-post {
    --content-width: 800px;
}

.tech-blog-post .post-header {
    max-width: var(--content-width);
    margin-inline: auto;
}

.tech-blog-post .tech-category {
    color: var(--wp--preset--color--accent-vibrant);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tech-blog-post .post-meta {
    color: var(--wp--preset--color--text-primary);
    opacity: 0.8;
}

.tech-blog-post .post-content {
    max-width: var(--content-width);
    margin-inline: auto;
    font-size: 1.125rem;
    line-height: 1.8;
}

.tech-blog-post .post-content h2 {
    margin-top: 2.5em;
    margin-bottom: 1em;
}

.tech-blog-post .post-content pre {
    background-color: var(--wp--preset--color--primary-deep);
    color: var(--wp--preset--color--surface);
    padding: 1.5rem;
    border-radius: 8px;
    overflow-x: auto;
}

.tech-blog-post .author-bio {
    max-width: var(--content-width);
    margin-inline: auto;
}

/* Estilos para Características Tecnológicas */
.tech-feature-card {
    height: 100%;
    transition: var(--transition-base);
}

.tech-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-lg);
}

.tech-feature-list {
    margin-top: var(--wp--preset--spacing--40);
    padding-left: 1.5rem;
}

.tech-feature-list li {
    margin-bottom: 0.5rem;
    position: relative;
}

.tech-feature-list li::before {
    content: "→";
    position: absolute;
    left: -1.5rem;
    color: var(--wp--preset--color--accent-vibrant);
}

/* Mejoras en la Navegación */
.site-header {
    font-family: var(--wp--preset--font-family--display-font);
}

.wp-block-navigation {
    font-weight: 500;
    letter-spacing: -0.01em;
}

.wp-block-navigation__responsive-container.is-menu-open {
    font-family: var(--wp--preset--font-family--display-font);
}

/* Mejoras en Animaciones */
.fade-in-up {
    animation: fadeInUp 0.6s ease-out forwards;
    opacity: 0;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mejoras en Botones */
.wp-block-button__link {
    font-family: var(--wp--preset--font-family--display-font);
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: var(--transition-base);
}

/* Mejoras en Cards */
.has-shadow-md {
    box-shadow: var(--shadow-md);
    transition: var(--transition-base);
}

.has-shadow-md:hover {
    box-shadow: var(--shadow-lg);
}

/* Estilos del Footer */
.site-footer {
    position: relative;
    overflow: hidden;
}

.site-footer::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(13,37,63,0.6) 0%, rgba(8,26,50,0) 100%);
    pointer-events: none;
}

.footer-columns {
    position: relative;
}

.footer-branding {
    opacity: 0.9;
    transition: var(--transition-base);
}

.footer-branding:hover {
    opacity: 1;
}

.footer-tagline {
    opacity: 0.8;
    font-size: 1.1em;
    margin-bottom: var(--wp--preset--spacing--40);
}

.footer-contact {
    opacity: 0.8;
    transition: var(--transition-base);
}

.footer-contact:hover {
    opacity: 1;
}

.footer-heading {
    margin-bottom: var(--wp--preset--spacing--30) !important;
    font-family: var(--wp--preset--font-family--display-font);
    font-weight: 600;
}

.footer-menu {
    font-family: var(--wp--preset--font-family--display-font);
}

.footer-menu a {
    text-decoration: none;
    opacity: 0.8;
    transition: var(--transition-base);
}

.footer-menu a:hover {
    opacity: 1;
    transform: translateX(5px);
}

.footer-social .wp-block-social-links {
    margin-bottom: var(--wp--preset--spacing--30);
}

.footer-social .wp-block-social-link {
    transition: var(--transition-base);
}

.footer-social .wp-block-social-link:hover {
    transform: translateY(-3px);
}

.footer-social-text {
    opacity: 0.8;
    margin-top: var(--wp--preset--spacing--30);
}

.footer-separator {
    opacity: 0.1;
}

.footer-bottom {
    opacity: 0.8;
    font-size: 0.875rem;
}

.footer-bottom a {
    color: inherit;
    text-decoration: none;
    transition: var(--transition-base);
}

.footer-bottom a:hover {
    color: var(--wp--preset--color--accent-vibrant);
}

/* Mejoras Responsivas */
@media (max-width: 781px) {
    .tech-blog-post {
        --content-width: 100%;
    }

    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        margin-left: 0;
    }

    .footer-bottom {
        text-align: center;
        justify-content: center;
    }

    .footer-bottom > * {
        flex: 0 0 100%;
        text-align: center;
        margin-bottom: var(--wp--preset--spacing--20);
    }
}