/*
Theme Name: HazLoTuyo Linkfolio V5
Theme URI: https://hazlotuyo.pro/
Author: OpenAI for Alex
Author URI: https://hazlotuyo.pro/
Description: Tema WordPress con panel propio de ajustes para una home tipo linkfolio HazLoTuyo, optimizado para móvil y con footer/legal editable.
Version: 5.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: hazlotuyo-linkfolio-v5
*/
:root{--bg:#060606;--panel:#101010;--text:#f5f5f5;--muted:#b8b8b8;--accent:#e10600;--border:rgba(255,255,255,.08);--border-soft:rgba(255,255,255,.06);--shadow:0 18px 60px rgba(0,0,0,.35);--max:1220px;--narrow:860px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:radial-gradient(circle at 85% 12%, rgba(225,6,0,.13), transparent 0 30%),radial-gradient(circle at 14% 88%, rgba(225,6,0,.08), transparent 0 26%),var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{text-decoration:none;color:var(--text)}img{display:block;max-width:100%;height:auto}
.container{width:min(calc(100% - 32px), var(--max));margin:0 auto}.narrow{width:min(calc(100% - 32px), var(--narrow));margin:0 auto}
.site-header{display:none}
.hero{padding:68px 0 34px;text-align:center}.hero-logo{display:flex;justify-content:center;align-items:center;margin:0 auto 20px}
.hero-logo img,.hero-logo svg{max-width:320px;width:100%;height:auto;filter:drop-shadow(0 0 16px rgba(225,6,0,.18))}
.logo-fallback{font-size:2rem;font-weight:900;letter-spacing:.02em}
.hero h1{margin:0 0 10px;font-size:clamp(2.35rem,6vw,4.8rem);line-height:1.02}
.hero-tagline{margin:0 0 10px;font-size:clamp(1.05rem,2vw,1.42rem);font-weight:700}
.hero-copy{margin:0 auto 24px;max-width:760px;color:var(--muted);font-size:clamp(.98rem,1.2vw,1.08rem)}
.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px}
.socials a{border:1px solid var(--border);padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.02);transition:.18s ease}
.socials a:hover{border-color:rgba(225,6,0,.5);background:rgba(225,6,0,.12);transform:translateY(-1px)}
.buttons{display:grid;gap:14px}
.button-link{min-height:64px;display:flex;justify-content:center;align-items:center;padding:16px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));box-shadow:var(--shadow);font-weight:800;letter-spacing:.01em;text-align:center;transition:.18s ease}
.button-link:hover{transform:translateY(-2px);border-color:rgba(225,6,0,.7);background:linear-gradient(180deg, rgba(225,6,0,.18), rgba(255,255,255,.03))}
.visuals{padding:30px 0 12px}.section-kicker{text-align:center;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:#8d8d8d;margin-bottom:16px}
.visual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.visual-card{position:relative;overflow:hidden;min-height:320px;border:1px solid var(--border);background:#111;border-radius:10px}
.visual-card img,.placeholder{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}
.placeholder{background:linear-gradient(140deg, rgba(225,6,0,.14), transparent 45%),linear-gradient(180deg, #0f0f0f, #171717)}
.overlay{position:absolute;left:0;right:0;bottom:0;padding:18px 14px 14px;background:linear-gradient(180deg, transparent, rgba(0,0,0,.88))}
.overlay h3{margin:0;font-size:1rem;line-height:1.2}
.manifesto{padding:28px 0 18px;text-align:center}
.manifesto p{margin:0 auto;max-width:900px;color:#ff3030;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(1rem,1.6vw,1.12rem);letter-spacing:.02em}
.contact{padding:32px 0 64px;text-align:center}.contact h2{margin:0 0 10px;font-size:1.7rem}.contact p{margin:0 0 16px;color:var(--muted)}
.mail{display:inline-block;padding:14px 18px;border-radius:14px;border:1px solid rgba(225,6,0,.55);background:rgba(225,6,0,.08);font-weight:800;transition:.18s ease}
.mail:hover{background:rgba(225,6,0,.16);transform:translateY(-1px)}
.page-wrap{padding:56px 0 80px}.entry-title{font-size:clamp(2rem,4vw,3rem);margin:0 0 20px}.entry-content{color:#e9e9e9}.entry-content p{margin:0 0 1em}.featured{margin-bottom:24px}.blog-card{padding:18px 0;border-bottom:1px solid var(--border)}.blog-card h2{margin:0 0 8px;font-size:1.35rem}
.site-footer{border-top:1px solid var(--border-soft);background:rgba(255,255,255,.02);padding:18px 0 30px}
.footer-inner{display:grid;gap:14px}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 16px;color:#b7b7b7;font-size:.95rem}
.footer-legal{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;padding-top:6px}
.footer-legal a{color:#d7d7d7;font-size:.92rem;border-bottom:1px solid transparent}.footer-legal a:hover{color:#fff;border-bottom-color:rgba(225,6,0,.65)}
.hazv5-admin-table th{width:250px;text-align:left;vertical-align:top;padding:14px 12px 14px 0}.hazv5-admin-table td{padding:10px 0}
.hazv5-admin-table input[type="text"],.hazv5-admin-table input[type="url"],.hazv5-admin-table input[type="email"]{width:100%;max-width:760px}
.hazv5-admin-table textarea{width:100%;max-width:760px;min-height:90px}
.hazv5-help{max-width:920px;background:#fff;border:1px solid #dcdcde;padding:14px 16px;margin-top:18px}
@media (max-width:920px){.visual-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.container,.narrow{width:min(calc(100% - 24px), var(--max))}.hero{padding-top:44px}.hero-logo img,.hero-logo svg{max-width:250px}.hero h1{font-size:clamp(2rem,11vw,3rem)}.hero-copy{max-width:100%}.socials{gap:8px}.socials a{padding:9px 13px;font-size:.94rem}.buttons{gap:12px}.button-link{min-height:58px;padding:14px 16px;border-radius:14px;font-size:.98rem}.visuals{padding-top:22px}.visual-grid{grid-template-columns:1fr}.visual-card{min-height:260px}.manifesto{padding-top:22px}.contact{padding-top:28px}.footer-top{flex-direction:column;justify-content:center;text-align:center}.footer-legal{gap:8px 14px}}
.back-home-wrap{
  padding: 8px 0 26px;
  text-align: center;
}

.back-home-button{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 14px 20px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.1);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  color: #e10600;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
  transition: .18s ease;
}

.back-home-button:hover{
  transform: translateY(-2px);
  border-color: rgba(225,6,0,.7);
  background: linear-gradient(180deg, rgba(225,6,0,.18), rgba(255,255,255,.03));
}

@media (max-width: 640px){
  .back-home-wrap{
    padding: 4px 0 22px;
  }

  .back-home-button{
    width: 100%;
    min-height: 56px;
  }
}