/* 404 Page Styles */
.error-hero {background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 70%,#ff4f9a 100%);color:#fff;position:relative;overflow:hidden;}
.error-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.18),transparent 60%);mix-blend-mode:overlay;pointer-events:none;}
/* Hero más compacto */
.error-hero.simple-hero.small-hero{padding:3.4rem 0 2.9rem !important;}
@media (max-width:680px){.error-hero.simple-hero.small-hero{padding:3rem 0 2.5rem !important;}}
/* Etiqueta destacada */
.error-hero .eyebrow{letter-spacing:2.5px;text-transform:uppercase;font-size:.8rem;font-weight:700;opacity:.95;margin:0 0 1rem;display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(90deg,rgba(255,255,255,.25),rgba(255,255,255,.08));padding:.45rem .9rem .42rem;border:1px solid rgba(255,255,255,.55);border-radius:999px;backdrop-filter:blur(6px);box-shadow:0 4px 14px -6px rgba(0,0,0,.35);} 
.error-hero .eyebrow:before{content:"⚠";font-size:.9rem;line-height:1;}
/* Eliminar cualquier animación/entrada heredada */
.error-hero .hero-text,.error-hero .hero-title,.error-hero .hero-subtitle{animation:none !important;opacity:1 !important;transform:none !important;}
.error-body-section{padding:3.8rem 0 2.5rem;background:var(--background-gray);} 
.error-body-inner{display:grid;grid-template-columns: 1.25fr 1fr;gap:3.2rem;align-items:start;}
@media (max-width:920px){.error-body-inner{grid-template-columns:1fr;}}
.error-block-title{font-size:1.3rem;font-weight:600;margin:0 0 .65rem;}
.error-block-intro{margin:0 0 1.3rem;color:var(--text-light);line-height:1.55;font-size:.95rem;}
.error-search-box,.error-popular-links,.error-recent-posts,.error-sample-portfolio{background:#fff;border:1px solid var(--border-color);border-radius:18px;padding:1.5rem 1.4rem 1.6rem;box-shadow:var(--shadow-light);margin:0 0 1.7rem;}
.quick-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem .8rem;}
.quick-links a{display:block;background:var(--background-light);border:1px solid var(--border-color);padding:.65rem .75rem;border-radius:10px;font-size:.85rem;font-weight:500;line-height:1.2;position:relative;overflow:hidden;}
.quick-links a:before{content:"→";position:absolute;right:.75rem;top:50%;translate:0 -50%;font-size:.9rem;opacity:.4;transition:translate .35s ease,opacity .35s;}
.quick-links a:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);}
.quick-links a:hover:before{translate:.35rem -50%;opacity:1;}
.mini-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem;font-size:.85rem;}
.mini-item a{text-decoration:none;color:var(--primary-dark);padding:.45rem .55rem;border-radius:8px;display:inline-block;background:rgba(214,51,132,.08);}
.mini-item a:hover{background:var(--primary-color);color:#fff;}
.thumb-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;}
.thumb-card{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;background:#fff;border:1px solid var(--border-color);border-radius:14px;overflow:hidden;position:relative;box-shadow:var(--shadow-light);transition:transform .35s, box-shadow .35s;}
.thumb-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-medium);} 
.thumb-media img{width:100%;height:120px;object-fit:cover;display:block;}
.thumb-fallback{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;font-weight:600;letter-spacing:2px;}
.thumb-title{padding:0 .9rem 1rem;font-size:.8rem;font-weight:600;line-height:1.25;min-height:2.2em;color:var(--text-dark);}
.error-final-cta{padding:3.5rem 0 4.2rem;background:#fff;position:relative;}
.error-final-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(214,51,132,.06),transparent 60%);pointer-events:none;}
.final-cta-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.4rem;}
.final-cta-actions .cta-button{min-width:200px;}
@media (max-width:620px){.final-cta-actions{flex-direction:column;} .final-cta-actions .cta-button{width:100%;}}
/* Accessibility tweaks */
.error-404-page a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:6px;}