:root{--bg:#0a0a0a;--card:#111;--line:#222;--text:#fff;--muted:#bdbdbd;--muted2:#9e9e9e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
.hero{position:relative;min-height:100vh;background:url('obras/Cuadro04.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.hero-content{position:relative;z-index:1;animation:fadeUp 1s ease both}
.hero-kicker{font-size:22px;letter-spacing:2px;margin:0 0 10px}
.hero h1{margin:0;font-size:clamp(48px,10vw,100px)}
.hero-nav{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero-nav a{display:inline-block;margin:10px 0;padding:14px 26px;border-radius:10px;background:#fff;color:#000;text-decoration:none;font-weight:700}
.container{max-width:1300px;margin:0 auto;padding:0 20px}
.section{padding:60px 0}
.section h2{margin:0 0 20px}
.gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px}
.gallery-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:zoom-in;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,opacity .6s ease}
.gallery-card:hover{transform:translateY(-8px);border-color:#3a3a3a;box-shadow:0 20px 50px rgba(0,0,0,.32)}
.gallery-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;transition:transform .45s ease}
.gallery-card:hover img{transform:scale(1.06)}
.hidden-card{opacity:0;transform:translateY(28px)}
.visible-card{opacity:1;transform:translateY(0)}
.card-copy{padding:15px}
.card-copy h3{margin:0;font-size:16px}
.card-meta{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.5}
.card-meta .desc{margin-top:6px;color:var(--muted2)}
.status-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.2px}
.status-disponible{background:rgba(34,197,94,.16);color:#86efac;border:1px solid rgba(34,197,94,.35)}
.status-vendido{background:rgba(239,68,68,.16);color:#fca5a5;border:1px solid rgba(239,68,68,.35)}
.status-coleccion{background:rgba(250,204,21,.14);color:#fde68a;border:1px solid rgba(250,204,21,.30)}
.artist-grid{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center}
.artist-photos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.artist-photo{width:100%;border-radius:18px;object-fit:cover;box-shadow:0 10px 40px rgba(0,0,0,.35);cursor:zoom-in}
.artist-text{color:#ccc;max-width:700px;font-size:18px;line-height:1.6}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.contact-card{display:flex;align-items:center;gap:16px;padding:22px 20px;border-radius:18px;background:var(--card);border:1px solid var(--line);color:#fff;text-decoration:none;min-height:92px;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}
.contact-card:hover{transform:translateY(-4px);border-color:#3a3a3a;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.icon-wrap{width:52px;height:52px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0;transition:background .25s ease,color .25s ease}
.icon-email{color:#EA4335}.icon-instagram{color:#E1306C}.icon-whatsapp{color:#25D366}
.contact-card:hover .icon-email{background:#EA4335;color:#fff}.contact-card:hover .icon-instagram{background:#E1306C;color:#fff}.contact-card:hover .icon-whatsapp{background:#25D366;color:#fff}
.contact-label{display:block;font-size:13px;color:#aaa;margin-bottom:4px;letter-spacing:.4px;text-transform:uppercase}
.contact-value{display:block;font-size:18px;font-weight:700;color:#fff;word-break:break-word}
.seo-copy{padding:0 20px 60px;color:#8f8f8f;font-size:14px;line-height:1.7;max-width:900px}
.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999}
.lightbox-overlay.hidden{display:none}
.lightbox-content{position:relative;max-width:92vw;max-height:92vh;text-align:center}
.lightbox-content img{max-width:100%;max-height:82vh;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.lightbox-close{position:absolute;top:-18px;right:-12px;width:46px;height:46px;border:0;border-radius:999px;background:#fff;color:#000;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.35)}
.lightbox-title{margin-top:14px;font-size:18px;color:#f2f2f2;letter-spacing:.03em}
.lightbox-title-main{font-size:20px;font-weight:700}
.lightbox-title-meta{margin-top:8px;font-size:14px;color:#d0d0d0;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}
.lightbox-title-desc{margin-top:8px;font-size:14px;color:#b8b8b8;max-width:700px}
.site-footer{border-top:1px solid var(--line);padding:20px;text-align:center;color:#777}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1200px){.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1100px){.artist-grid{grid-template-columns:1fr}}
@media (max-width:980px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.artist-photos{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-photos{grid-template-columns:1fr}}
@media (max-width:480px){.gallery-grid{grid-template-columns:1fr}}