/*
Theme Name: AEOSEO Blog
Version: 1.0.6
*/

/* RESET */
*{margin:0!important;padding:0!important;box-sizing:border-box!important}
html,body{margin:0!important;padding:0!important}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;background:#fff!important;color:#1C1C1C!important;line-height:1.6!important}

/* CONTAINER GLOBAL */
.site-wrapper{max-width:1200px!important;margin:0 auto!important;padding:0 40px!important}
.container{max-width:1200px!important;margin:0 auto!important;padding:0 40px!important}

/* HEADER */
header.site-header{background:#fff!important;border-bottom:1px solid #E5E7EB!important;padding:20px 0!important;position:sticky!important;top:0!important;z-index:1000!important;box-shadow:0 2px 8px rgba(0,0,0,.05)!important;margin:0!important}
header.site-header nav{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0!important;padding:0!important}
header.site-header .logo{display:block!important;margin:0!important;padding:0!important;line-height:0!important}
header.site-header .logo img{display:block!important;margin:0!important;padding:0!important;width:220px!important;height:69px!important}
.nav-links{display:flex!important;gap:32px!important;align-items:center!important;list-style:none!important;margin:0!important;padding:0!important}
.nav-links li{margin:0!important;padding:0!important;list-style:none!important}
.nav-links a{text-decoration:none!important;color:#1C1C1C!important;font-weight:500!important;font-size:15px!important;transition:color .2s!important}
.nav-links a:hover{color:#A855F7!important}

/* HERO */
.blog-hero{background:linear-gradient(180deg,#F5F3FF 0%,#FAFBFF 50%,#FFF 100%)!important;padding:100px 0 60px!important;text-align:center!important;position:relative!important;overflow:hidden!important;margin:0!important}
.blog-hero::before{content:''!important;position:absolute!important;width:900px!important;height:900px!important;background:radial-gradient(circle,rgba(168,85,247,.12) 0%,transparent 70%)!important;top:-400px!important;right:-300px!important;border-radius:50%!important;pointer-events:none!important}
.blog-hero h1{font-size:56px!important;font-weight:800!important;margin:0 0 16px 0!important;padding:0!important;color:#1C1C1C!important;position:relative!important;z-index:1!important}
.blog-hero h1 span{background:linear-gradient(135deg,#A855F7,#10B981)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}
.blog-hero p{font-size:20px!important;color:#666!important;max-width:750px!important;margin:0 auto 32px auto!important;padding:0!important;position:relative!important;z-index:1!important}

/* NEWSLETTER */
.newsletter-form{display:flex!important;gap:12px!important;max-width:600px!important;margin:0 auto 40px auto!important;padding:0!important;position:relative!important;z-index:1!important}
.newsletter-form input{flex:1!important;padding:14px 20px!important;border:2px solid #E5E7EB!important;border-radius:8px!important;font-size:15px!important;margin:0!important}
.newsletter-form input:focus{outline:none!important;border-color:#A855F7!important}
.newsletter-form button{background:linear-gradient(135deg,#A855F7,#7C3AED)!important;color:#fff!important;padding:14px 32px!important;border-radius:8px!important;font-weight:600!important;border:none!important;cursor:pointer!important;margin:0!important}
.newsletter-form button:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px rgba(168,85,247,.3)!important}

/* DIVIDER */
.gradient-divider{height:4px!important;background:linear-gradient(90deg,#A855F7 0%,#10B981 50%,#3B82F6 100%)!important;margin:0!important;padding:0!important}

/* CATEGORIES */
.categories{padding:40px 0!important;margin:0!important}
.categories .container,.categories .site-wrapper{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:12px!important}
.category-tag{padding:10px 20px!important;border-radius:20px!important;background:#fff!important;border:2px solid #E5E7EB!important;font-weight:600!important;font-size:14px!important;text-decoration:none!important;color:#1C1C1C!important;display:inline-block!important;margin:0!important;transition:all .2s!important}
.category-tag:hover{border-color:#A855F7!important;color:#A855F7!important;transform:translateY(-2px)!important}
.category-tag.active{background:linear-gradient(135deg,#A855F7,#7C3AED)!important;color:#fff!important;border-color:#A855F7!important}

/* POSTS GRID */
.posts-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))!important;gap:48px!important;padding:60px 0!important;margin:0!important}
.post-card{background:#fff!important;border-radius:12px!important;border:1px solid #E5E7EB!important;text-decoration:none!important;display:block!important;overflow:hidden!important;transition:all .3s!important;margin:0!important;padding:0!important}
.post-card:hover{transform:translateY(-6px)!important;box-shadow:0 16px 32px rgba(0,0,0,.12)!important;border-color:transparent!important}
.post-image{height:220px!important;position:relative!important;margin:0!important;padding:0!important}
.post-card:nth-child(6n+1) .post-image{background:linear-gradient(135deg,#F3E8FF,#E9D5FF)!important}
.post-card:nth-child(6n+2) .post-image{background:linear-gradient(135deg,#D1FAE5,#A7F3D0)!important}
.post-card:nth-child(6n+3) .post-image{background:linear-gradient(135deg,#DBEAFE,#BFDBFE)!important}
.post-card:nth-child(6n+4) .post-image{background:linear-gradient(135deg,#FEE2E2,#FECACA)!important}
.post-card:nth-child(6n+5) .post-image{background:linear-gradient(135deg,#FEF3C7,#FDE68A)!important}
.post-card:nth-child(6n+6) .post-image{background:linear-gradient(135deg,#F3E8FF,#DBEAFE)!important}
.post-category{position:absolute!important;top:16px!important;left:16px!important;padding:6px 14px!important;border-radius:6px!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase!important;background:rgba(255,255,255,.9)!important;margin:0!important}
.post-card:nth-child(6n+1) .post-category{color:#7C3AED!important}
.post-card:nth-child(6n+2) .post-category{color:#047857!important}
.post-card:nth-child(6n+3) .post-category{color:#1D4ED8!important}
.post-card:nth-child(6n+4) .post-category{color:#DC2626!important}
.post-card:nth-child(6n+5) .post-category{color:#D97706!important}
.post-card:nth-child(6n+6) .post-category{color:#A855F7!important}
.post-content{padding:24px!important;margin:0!important}
.post-meta{font-size:13px!important;color:#666!important;margin:0 0 12px 0!important;padding:0!important}
.post-title{font-size:20px!important;font-weight:700!important;color:#1C1C1C!important;margin:0 0 12px 0!important;padding:0!important;line-height:1.3!important}
.post-excerpt{font-size:15px!important;color:#666!important;margin:0 0 16px 0!important;padding:0!important}
.post-author{display:flex!important;gap:12px!important;padding:16px 0 0 0!important;border-top:1px solid #E5E7EB!important;margin:0!important}
.author-avatar{width:36px!important;height:36px!important;border-radius:50%!important;background:linear-gradient(135deg,#F3E8FF,#D1FAE5)!important;flex-shrink:0!important}
.author-name{font-size:14px!important;font-weight:600!important}

/* PAGINATION */
.pagination{display:flex!important;justify-content:center!important;gap:12px!important;padding:40px 0!important;margin:0!important}
.pagination a,.pagination span{padding:12px 20px!important;border-radius:8px!important;border:2px solid #E5E7EB!important;color:#1C1C1C!important;font-weight:600!important;text-decoration:none!important}
.pagination a:hover,.pagination .current{background:linear-gradient(135deg,#A855F7,#7C3AED)!important;color:#fff!important;border-color:#A855F7!important}

/* WHATSAPP */
.whatsapp-float{position:fixed!important;bottom:30px!important;right:30px!important;z-index:9999!important;background:linear-gradient(135deg,#25D366,#128C7E)!important;width:60px!important;height:60px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 24px rgba(37,211,102,.4)!important;cursor:pointer!important;transition:all .3s!important;text-decoration:none!important}
.whatsapp-float:hover{transform:scale(1.1) translateY(-5px)!important;box-shadow:0 12px 32px rgba(37,211,102,.6)!important}
.whatsapp-float::before{content:''!important;position:absolute!important;width:60px!important;height:60px!important;background:rgba(37,211,102,.3)!important;border-radius:50%!important;animation:pulse 2s infinite!important}
.whatsapp-float svg{width:32px!important;height:32px!important;fill:#fff!important;position:relative!important;z-index:1!important}
@keyframes pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}

/* RESPONSIVE */
@media (max-width:768px){
    .site-wrapper,.container{padding:0 24px!important}
    header.site-header .logo img{width:180px!important;height:56px!important}
    .blog-hero h1{font-size:36px!important}
    .newsletter-form{flex-direction:column!important}
    .posts-grid{grid-template-columns:1fr!important;gap:32px!important}
    .nav-links{display:none!important}
    .whatsapp-float{width:56px!important;height:56px!important;bottom:20px!important;right:20px!important}
    .whatsapp-float svg{width:28px!important;height:28px!important}
}

/* LIMPAR WP */
.wp-block-post-template,.wp-block-query,#primary,#main,.site-main,article{margin:0!important;padding:0!important}
img{max-width:100%!important;height:auto!important}

/* REMOVER ADMIN BAR */
#wpadminbar{display:none!important}
html{margin-top:0!important}