/*
Theme Name: LaroCorp Tech
Theme URI: https://store.larocorp.com
Description: Tema hijo de Storefront para LaroCorp Tech. Paleta navy/royal/cyan calcada de www.larocorp.com.
Author: LaroCorp
Author URI: https://www.larocorp.com
Template: storefront
Version: 1.0.0
Text Domain: larocorp-tech
*/

/* ============ Variables de marca LaroCorp ============ */
:root {
  --laro-navy:      #041133;
  --laro-navy-2:    #0A1F4D;
  --laro-royal:     #0B4D8A;
  --laro-royal-2:   #1B78E0;
  --laro-cyan:      #00d4ff;
  --laro-cyan-soft: rgba(0,212,255,0.12);
  --laro-green:     #22c55e;
  --laro-text:      #041133;
  --laro-text-soft: #475569;
  --laro-text-mute: #94a3b8;
  --laro-bg:        #ffffff;
  --laro-bg-soft:   #F1F5F9;
  --laro-border:    #E6EAF0;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap');

body, .site, .site-content, .site-info { font-family: 'Inter', -apple-system, sans-serif; color: var(--laro-text); }
h1,h2,h3,h4,h5,h6, .button, .woocommerce ul.products li.product .button { font-family: 'Montserrat', sans-serif; font-weight: 700; letter-spacing: -0.2px; }
.button { letter-spacing: 0.3px; text-transform: none !important; }

/* Header / nav */
.site-header { background: #ffffff !important; border-bottom: 1px solid var(--laro-border); padding-top: 0; padding-bottom: 0; }
.site-branding .site-title a, .site-title { color: var(--laro-navy) !important; }
.main-navigation ul li a { color: var(--laro-navy) !important; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 14px; }
.main-navigation ul li:hover > a, .main-navigation ul li.current-menu-item > a { color: var(--laro-royal) !important; }

/* Top-bar navy */
.laro-topbar { background: var(--laro-navy); color: #ffffff; font-size: 12px; padding: 8px 0; }
.laro-topbar a { color: #ffffff; }
.laro-topbar .ti { color: var(--laro-cyan); margin-right: 4px; }
.laro-topbar .col-full { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }

/* Boton primario CTA */
.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce input.button.alt,
.button.wc-forward, .added_to_cart, .woocommerce a.button {
  background: var(--laro-royal) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 6px !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
}
.button.alt:hover, .woocommerce a.button:hover { background: var(--laro-navy) !important; }

/* Producto / cards */
.woocommerce ul.products li.product {
  background: #ffffff;
  border: 1px solid var(--laro-border);
  border-radius: 12px;
  padding: 0 0 12px;
  overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease;
}
.woocommerce ul.products li.product:hover { box-shadow: 0 8px 24px rgba(4,17,51,0.08); }
.woocommerce ul.products li.product .price { color: var(--laro-royal); font-family:'Montserrat',sans-serif; font-weight: 700; font-size: 18px; padding: 0 12px; }
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--laro-navy); font-size: 14px; font-weight: 600; padding: 0 12px; }
.woocommerce ul.products li.product .price del { color: var(--laro-text-mute); font-size: 12px; }
.woocommerce span.onsale { background: var(--laro-navy) !important; color: var(--laro-cyan) !important; font-family:'Montserrat',sans-serif; font-weight: 600; border-radius: 4px; padding: 4px 8px; min-height: auto; min-width: auto; line-height: 1; }
.woocommerce ul.products li.product img { padding: 18px; background: var(--laro-bg-soft); }

/* Single product */
.woocommerce div.product .product_title { color: var(--laro-navy); font-size: 26px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--laro-royal); font-family:'Montserrat',sans-serif; font-weight: 700; }
.woocommerce-tabs ul.tabs li.active a { color: var(--laro-navy); border-bottom: 2px solid var(--laro-royal) !important; }

/* Footer navy */
.site-footer { background: var(--laro-navy) !important; color: #94a3b8 !important; padding: 36px 0 14px; }
.site-footer h1, .site-footer h2, .site-footer h3 { color: var(--laro-cyan) !important; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; }
.site-footer a { color: #ffffff !important; }
.site-footer a:hover { color: var(--laro-cyan) !important; }
.site-info { border-top: 1px solid rgba(255,255,255,0.08); padding-top: 12px; font-size: 11px; color: #94a3b8; }

/* Forms */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .select2-container--default .select2-selection--single {
  border: 1px solid var(--laro-border); border-radius: 8px; padding: 10px 12px; font-family: 'Inter', sans-serif;
}

/* Layout */
.col-full { max-width: 1200px; }

/* Helpers */
.laro-accent-cyan { color: var(--laro-cyan); }
.laro-accent-royal { color: var(--laro-royal); }
.laro-bg-navy { background: var(--laro-navy); color: #fff; }
.laro-stat-num { font-family:'Montserrat',sans-serif; font-size: 22px; font-weight: 700; color: var(--laro-cyan); }