/*
Theme Name: VELAR Relojes
Theme URI: https://velarelojes.es
Author: Incorau.es
Author URI: https://incorau.es
Description: Tema premium VELAR - negro + dorado, con WooCommerce. VELAR. Tiempo con estilo.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: velar
Tags: e-commerce, black, gold, woocommerce
*/
*{margin:0;padding:0;box-sizing:border-box}
:root{--gold:#d4af37;--gold2:#f5d67b;--black:#0a0a0a;--dark:#141414;--grey:#a8a8a8}
body{font-family:Inter,Arial,sans-serif;background:#0a0a0a;color:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}
header.site-header{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.92);border-bottom:1px solid #222}
.nav{max-width:1200px;margin:auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:900;letter-spacing:3px;font-size:22px}.logo span{color:#d4af37}
.nav-links{display:flex;gap:24px;font-size:14px;color:#ddd}
.btn{background:linear-gradient(135deg,#d4af37,#f5d67b);color:#000!important;padding:12px 22px;border-radius:999px;font-weight:800;border:0;cursor:pointer;display:inline-block}
.btn-outline{border:1px solid #d4af37;color:#d4af37!important;padding:12px 22px;border-radius:999px;font-weight:700}
.hero{max-width:1200px;margin:auto;padding:40px 20px 60px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{font-family:Georgia,serif;font-size:56px;line-height:.95}.hero h1 em{color:#d4af37;font-style:normal}
.hero p{color:#a8a8a8;margin:18px 0 24px}
.badge{display:inline-block;background:#1a1a1a;border:1px solid #333;padding:6px 12px;border-radius:999px;font-size:12px;margin-bottom:16px}
.price{font-size:32px;font-weight:900}.old{color:#777;text-decoration:line-through;font-size:20px;margin-left:10px}
.marquee{background:#d4af37;color:#000;padding:10px 0;text-align:center;font-weight:800;font-size:13px}
.section{max-width:1200px;margin:auto;padding:60px 20px}
.section h2{font-family:Georgia,serif;font-size:38px;margin-bottom:8px}.section .sub{color:#a8a8a8;margin-bottom:28px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#141414;border:1px solid #222;border-radius:20px;overflow:hidden}
.card img{width:100%;height:280px;object-fit:cover;display:block}
.card-body{padding:20px}.card-body h3{font-size:20px}.card-body p{color:#a8a8a8;font-size:14px;margin:8px 0 14px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.split img{width:100%;border-radius:20px;border:1px solid #222}
footer.site-footer{border-top:1px solid #222;padding:40px 20px;color:#aaa}.foot{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}
.whatsapp{position:fixed;right:18px;bottom:18px;background:#25D366;color:#000!important;font-weight:900;padding:14px 18px;border-radius:999px;z-index:99}
/* WooCommerce - que no parezca WP */
.woocommerce ul.products li.product{background:#141414;border:1px solid #222;border-radius:20px;padding:0 0 20px;overflow:hidden}
.woocommerce ul.products li.product a img{border-radius:20px 20px 0 0}
.woocommerce ul.products li.product .price{color:#d4af37!important;font-size:22px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff!important;padding:0 16px}
.woocommerce div.product .summary{color:#ddd}
.woocommerce div.product .price{color:#d4af37!important;font-size:32px}
.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:linear-gradient(135deg,#d4af37,#f5d67b)!important;color:#000!important;border-radius:999px!important;font-weight:800!important}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:#1a1a1a!important;color:#fff!important;border:1px solid #333!important;border-radius:999px!important}
.woocommerce-checkout,.woocommerce-cart{background:#0a0a0a}
.woocommerce-checkout input,.woocommerce-checkout textarea,.woocommerce-checkout select,.woocommerce-cart input{background:#1a1a1a!important;color:#fff!important;border:1px solid #333!important}
.woocommerce-info,.woocommerce-message{border-top-color:#d4af37!important;background:#141414!important;color:#fff!important}
.woocommerce-error{border-top-color:#c00!important}
@media(max-width:800px){.hero,.split{grid-template-columns:1fr}.hero h1{font-size:40px}.grid{grid-template-columns:1fr}.nav-links{display:none}.foot{grid-template-columns:1fr}}