/*
Theme Name: SensoMont
Theme URI: https://sensomont.cl/
Author: SensoMont
Description: Tema de comercio electrónico accesible para SensoMont.
Version: 0.1.1
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: sensomont
*/

:root {
  --sm-color-primary: #032448;
  --sm-color-primary-soft: #1f3a5f;
  --sm-color-secondary: #006a66;
  --sm-color-mint: #dff3e3;
  --sm-color-surface: #f7f9fb;
  --sm-color-text: #191c1e;
  --sm-color-muted: #64748b;
  --sm-color-border: #c4c6cf;
  --sm-radius-sm: 8px;
  --sm-radius-md: 16px;
  --sm-radius-lg: 24px;
  --sm-shadow: 0 18px 50px rgba(3, 36, 72, 0.08);
  --sm-container: 1280px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--sm-color-surface);
  color: var(--sm-color-text);
  font-family: "Open Sans", system-ui, sans-serif;
  line-height: 1.5;
}

img {
  height: auto;
  max-width: 100%;
}

a {
  color: inherit;
}

.sm-container {
  margin-inline: auto;
  max-width: var(--sm-container);
  padding-inline: clamp(20px, 4vw, 60px);
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

:focus-visible {
  outline: 3px solid #36cfc9;
  outline-offset: 3px;
}
/* SensoMont footer legal/cookies layout fix */
footer nav[aria-label="Información legal"],
footer nav[aria-label="Información legal"] {
  align-items:center!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px 24px!important;
  justify-content:center!important;
  line-height:1.6!important;
  margin:0!important;
  max-width:760px!important;
  text-align:center!important;
}
footer nav[aria-label="Información legal"] a,
footer nav[aria-label="Información legal"] .sm-cookie-open,
footer nav[aria-label="Información legal"] a,
footer nav[aria-label="Información legal"] .sm-cookie-open {
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:inherit!important;
  display:inline-flex!important;
  font:inherit!important;
  justify-content:center!important;
  line-height:1.35!important;
  margin:0!important;
  min-height:0!important;
  opacity:1!important;
  padding:0!important;
  position:static!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
footer nav[aria-label="Información legal"] a:hover,
footer nav[aria-label="Información legal"] .sm-cookie-open:hover,
footer nav[aria-label="Información legal"] a:hover,
footer nav[aria-label="Información legal"] .sm-cookie-open:hover {
  color:#fff!important;
  text-decoration:underline!important;
  text-underline-offset:4px!important;
}
@media (min-width:783px) {
  footer nav[aria-label="Información legal"],
  footer nav[aria-label="Información legal"] { justify-content:flex-end!important; }
}
@media (max-width:782px) {
  footer nav[aria-label="Información legal"],
  footer nav[aria-label="Información legal"] {
    gap:8px 16px!important;
    justify-content:center!important;
    margin-inline:auto!important;
    max-width:340px!important;
  }
  footer nav[aria-label="Información legal"] a,
  footer nav[aria-label="Información legal"] .sm-cookie-open,
  footer nav[aria-label="Información legal"] a,
  footer nav[aria-label="Información legal"] .sm-cookie-open {
    font-size:12px!important;
    white-space:normal!important;
  }
}