/*
Theme Name: Càrniques Celrà
Theme URI: https://carniquescelra.es/
Description: Official Càrniques Celrà child theme, with original brand assets and typography.
Author: Càrniques Celrà
Author URI: https://carniquescelra.es/
Template: hello-elementor
Version: 1.1.0
Text Domain: carniques-celra-child
*/
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/dm-sans-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/dm-sans-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/dm-sans-3.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/dm-sans-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/heebo-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/heebo-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/heebo-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/heebo-4.ttf) format('truetype');
}

:root {
 --celra-white: #ffffff;
 --celra-ink: #20282d;
 --celra-body: #263037;
 --celra-charcoal: #223035;
 --celra-red: #bf1528;
 --celra-line: #dde1e3;
 --celra-heading-font: "DM Sans", sans-serif;
 --celra-body-font: "Heebo", sans-serif;
 --celra-content-width: 1300px;
}
body { font-family: var(--celra-body-font); color: var(--celra-body); background-color: var(--celra-white); font-size: 15px; line-height: 1.6; }
h1,h2,h3,h4,h5,h6 { font-family: var(--celra-heading-font); color: var(--celra-ink); font-weight: 400; }
h1 { font-size: clamp(2.25rem, 4.1vw, 3.5rem); line-height: 1.18; }
h2 { font-size: clamp(1.9rem, 3.2vw, 2.875rem); line-height: 1.22; }
h3 { font-size: clamp(1.5rem, 2.3vw, 2rem); line-height: 1.28; }
a { color: var(--celra-charcoal); text-underline-offset: .2em; }
a:hover,a:focus-visible { color: var(--celra-red); }
button,[type="button"],[type="submit"],.button { font-family: var(--celra-heading-font); font-weight: 500; border-radius: 0; color: var(--celra-white); background: var(--celra-charcoal); border: 1px solid var(--celra-charcoal); padding: 13px 28px; transition: background-color .2s, border-color .2s; }
button:hover,button:focus-visible,[type="button"]:hover,[type="submit"]:hover,.button:hover { background: var(--celra-red); border-color: var(--celra-red); color: var(--celra-white); }
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),select,textarea { font-family: var(--celra-body-font); border: 1px solid var(--celra-line); border-radius: 0; color: var(--celra-body); }
:focus-visible { outline: 2px solid var(--celra-red); outline-offset: 3px; }
.site-header .custom-logo { width: 280px; height: auto; max-width: 100%; }
@media (max-width: 767px) { .site-header .custom-logo { width: 220px; } }
@media (prefers-reduced-motion: reduce) { button,[type="button"],[type="submit"],.button { transition: none; } }