/* ============================================================================
   模板 · Mediterraneo（西班牙 · 意大利 · 葡萄牙 · 拉美）
   ----------------------------------------------------------------------------
   这几个市场的 B2B 站和北欧正相反：
     · 暖色（陶土红 + 琥珀）、奶白底、圆角 12px、有阴影 —— 温度比精度重要
     · 照片优先：hero 有图就放大图，卡片图比例更高
     · 联系人比表单重要：电话 / WhatsApp 提到首屏正下方，右下角常驻 WhatsApp 浮球
       （西班牙和意大利的 B2B 至今大量走 WhatsApp，这不是消费者站才有的东西）
     · 语气亲近：按钮文案是 Contáctanos / Contattaci，不是「提交询价」
   ========================================================================== */

:root {
  --ink:        #2b1d16;
  --ink-2:      #3d2b22;
  --ink-3:      #5c4a40;
  --muted:      #8a7a70;
  --line:       #eadfd3;
  --line-dark:  #4a382e;
  --bg:         #fffaf3;
  --bg-soft:    #fbf3e8;
  --accent:     #c2410c;          /* 陶土红 */
  --accent-ink: #9a3412;
  --accent-soft:#fde8dc;
  --amber:      #f59e0b;

  --radius:     10px;
  --radius-lg:  12px;
  --shadow:     0 1px 2px rgba(43,29,22,.06), 0 12px 32px rgba(43,29,22,.10);
  --card-shadow-hover: var(--shadow);
  --card-lift:  -3px;

  --base-size:  16.5px;
  --body-lh:    1.7;
  --h-weight:   700;
  --h-tracking: -.02em;
  --section-pad: 88px;

  --header-bg:  rgba(255,250,243,.94);
  --topbar-bg:  #2b1d16;
  --topbar-ink: rgba(255,255,255,.74);

  --hero-bg:    linear-gradient(135deg, #fff4e6 0%, #fffaf3 55%, #fde8dc 100%);
  --hero-ink:   #2b1d16;
  --hero-muted: #5c4a40;
  --hero-eyebrow: #c2410c;
  --hero-grid:  transparent;
  --hero-pad:   88px 0 72px;

  --stats-bg:   #2b1d16;
  --stats-line: #4a382e;
  --stats-ink:  #fff;
  --stats-muted:rgba(255,255,255,.62);

  --dark-band-bg: #2b1d16;
  --cta-bg:     #c2410c;
  --footer-bg:  #2b1d16;
  --footer-ink: rgba(255,255,255,.66);
  --footer-line:#4a382e;
}

body { background: var(--bg); }

/* hero：暖色渐变，图带圆角和阴影 */
.hero h1 { font-size: clamp(2.2rem, 4.6vw, 3.6rem); max-width: 18ch; }
.hero p { font-size: 1.15rem; }
.hero .btn-onDark { background: #fff; color: var(--ink); border-color: var(--line); }
.hero .btn-onDark:hover { border-color: var(--accent); color: var(--accent-ink); }
.hero-media img { box-shadow: var(--shadow); }

/* 按钮：圆一点、大一点 */
.btn { font-weight: 700; }
.btn-lg { padding: 1em 2em; }

/* 数据条：深棕底，琥珀色数字 */
.stat b { color: var(--amber); }

/* 眉标：琥珀 */
.eyebrow { color: var(--accent); }

/* 卡片：圆角、暖阴影、图更高 */
.card { border-color: transparent; box-shadow: 0 1px 3px rgba(43,29,22,.06); background: #fff; }
.card:hover { border-color: transparent; }
.card-media { aspect-ratio: 4 / 3; background: var(--bg-soft); }
.card h3 { font-size: 1.08rem; }
.card .more { color: var(--accent); }

/* 认证：暖色浅底 */
section.band.dark.certs-band { background: var(--bg-soft); color: var(--ink-2); }
section.band.dark.certs-band h2 { color: var(--ink); }
section.band.dark.certs-band .cert { background: #fff; border-color: var(--line); color: var(--ink-2); border-radius: 999px; }

/* 快速联系条：这套里它在首屏正下方，是主角。WhatsApp 那块用它自己的绿 */
.quick { background: #fff; border-color: var(--line); padding: 34px 0; }
.way { border-radius: var(--radius-lg); }
.way-wa { border-color: #25d366; background: #eefaf2; }
.way-wa:hover { border-color: #128c7e; }
.way-wa .way-v { color: #128c7e; }

header.site { backdrop-filter: none; border-bottom: 1px solid var(--line); }
.brand .mark { background: var(--accent); border-radius: 8px; }
nav.main a:hover { background: var(--accent-soft); color: var(--accent-ink); }

.spec-table th { background: var(--bg-soft); }
.tag { border-radius: 999px; }