/*
Theme Name: HARU ISIDORA Child
Theme URI: https://haruisidora.cl
Description: Tema hijo premium para HARU ISIDORA, optimizado para restaurante y compatible con Hello Elementor.
Author: OpenAI
Author URI: https://openai.com
Template: hello-elementor
Version: 1.0.0
Text Domain: haru-isidora-child
*/

:root{
  --bg:#050505;
  --bg-soft:#0d0d0d;
  --card:#111111;
  --text:#f4f4f1;
  --muted:#bfbfb7;
  --line:rgba(255,255,255,.08);
  --accent:#b7ff33;
  --accent-2:#f4efe2;
  --radius:22px;
  --shadow:0 18px 60px rgba(0,0,0,.30);
  --max:1240px;
}

html{scroll-behavior:smooth}
body.haru-body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.haru-site *{box-sizing:border-box}
.haru-site img{max-width:100%;display:block}
.haru-container{width:min(calc(100% - 32px),var(--max));margin:0 auto}
.haru-section{padding:88px 0}
.haru-grid{display:grid;gap:28px}
.haru-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:16px 26px;border-radius:999px;font-weight:700;
  text-decoration:none;transition:.25s ease;gap:10px;border:1px solid transparent
}
.haru-btn:hover{transform:translateY(-2px)}
.haru-btn-primary{background:var(--accent);color:#081000}
.haru-btn-secondary{background:transparent;color:var(--text);border-color:var(--line)}
.haru-tag{
  display:inline-flex;padding:8px 14px;border-radius:999px;
  background:rgba(183,255,51,.08);border:1px solid rgba(183,255,51,.16);
  color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase
}
.haru-title{font-size:clamp(40px,6vw,88px);line-height:.96;margin:18px 0 18px;letter-spacing:-.04em}
.haru-subtitle{font-size:clamp(16px,2vw,22px);line-height:1.65;color:var(--muted);max-width:700px}
.haru-hero{min-height:96vh;display:flex;align-items:center;position:relative;overflow:hidden}
.haru-hero:before{
  content:"";position:absolute;inset:0;
  background:
   radial-gradient(circle at 85% 18%, rgba(183,255,51,.12), transparent 25%),
   radial-gradient(circle at 10% 20%, rgba(255,255,255,.06), transparent 25%);
  pointer-events:none
}
.haru-nav{
  position:sticky;top:0;z-index:50;background:rgba(5,5,5,.74);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)
}
.haru-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:20px}
.haru-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--text)}
.haru-brand img{width:42px;height:42px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.haru-brand span{font-weight:800;letter-spacing:.04em}
.haru-menu{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.haru-menu a{color:var(--muted);text-decoration:none;font-weight:600}
.haru-menu a:hover{color:var(--text)}
.haru-hero-grid{grid-template-columns:1.05fr .95fr;align-items:center}
.haru-hero-copy{padding:42px 0}
.haru-logo-badge{width:94px;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow)}
.haru-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.haru-info-strip{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.haru-pill{
  padding:14px 18px;border-radius:999px;background:rgba(255,255,255,.03);
  border:1px solid var(--line);color:var(--muted);font-size:14px
}
.haru-hero-media{position:relative}
.haru-frame{
  border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#121212,#090909);
  border:1px solid var(--line);box-shadow:var(--shadow)
}
.haru-hero-main{aspect-ratio:4/5;object-fit:cover;width:100%}
.haru-floating-card{
  position:absolute;right:-20px;bottom:28px;background:rgba(13,13,13,.94);
  border:1px solid var(--line);border-radius:24px;padding:20px 22px;max-width:320px;
  box-shadow:var(--shadow)
}
.haru-floating-card h3{margin:0 0 8px;font-size:18px}
.haru-floating-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.haru-heading-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}
.haru-heading-row h2{font-size:clamp(30px,4vw,54px);line-height:1;margin:0;letter-spacing:-.03em}
.haru-heading-row p{margin:0;color:var(--muted);max-width:620px;line-height:1.7}
.haru-cards{grid-template-columns:repeat(4,1fr)}
.haru-card{
  background:linear-gradient(180deg,#121212,#0b0b0b);
  border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)
}
.haru-card-media{aspect-ratio:1.15/1;overflow:hidden}
.haru-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.haru-card:hover .haru-card-media img{transform:scale(1.05)}
.haru-card-body{padding:22px}
.haru-card-body h3{margin:0 0 8px;font-size:24px}
.haru-price{color:var(--accent);font-size:22px;font-weight:800;margin:0 0 12px}
.haru-card-body p{color:var(--muted);margin:0 0 18px;line-height:1.6}
.haru-menu-layout{grid-template-columns:1fr 1fr;align-items:start}
.haru-menu-panel,.haru-contact-card{
  background:linear-gradient(180deg,#101010,#090909);
  border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow)
}
.haru-menu-panel{padding:28px}
.haru-menu-group + .haru-menu-group{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.haru-menu-group h3{font-size:15px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px}
.haru-menu-item{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px dashed rgba(255,255,255,.07)}
.haru-menu-item:last-child{border-bottom:0}
.haru-menu-item strong{display:block;font-size:18px}
.haru-menu-item span{color:var(--muted);font-size:14px;display:block;margin-top:4px}
.haru-menu-item em{font-style:normal;font-weight:800;color:var(--text);white-space:nowrap}
.haru-gallery{grid-template-columns:1.05fr .95fr}
.haru-gallery-main .haru-frame{height:100%}
.haru-gallery-main img{width:100%;height:100%;object-fit:cover;min-height:540px}
.haru-gallery-side{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.haru-gallery-side .haru-frame img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
.haru-contact-card{padding:34px}
.haru-contact-list{display:grid;gap:18px;margin:24px 0}
.haru-contact-item{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.haru-contact-item strong{display:block;font-size:16px;margin-bottom:8px}
.haru-contact-item span{color:var(--muted);line-height:1.7}
.haru-footer{padding:26px 0;border-top:1px solid var(--line);color:var(--muted)}
.haru-footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.haru-note{font-size:13px;color:var(--muted)}

@media (max-width: 1024px){
  .haru-hero-grid,.haru-menu-layout,.haru-gallery,.haru-cards{grid-template-columns:1fr 1fr}
  .haru-gallery-main{grid-column:1/-1}
  .haru-floating-card{position:static;max-width:none;margin-top:18px}
}
@media (max-width: 767px){
  .haru-section{padding:68px 0}
  .haru-nav-inner{padding:12px 0}
  .haru-menu{display:none}
  .haru-hero{min-height:auto;padding-top:24px}
  .haru-hero-grid,.haru-cards,.haru-menu-layout,.haru-gallery,.haru-gallery-side{grid-template-columns:1fr}
  .haru-title{font-size:48px}
  .haru-card-body h3{font-size:22px}
  .haru-gallery-main img{min-height:340px}
}