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

:root {
  --blanco-lino: #faf8f4;
  --arena: #f0ebe1;
  --texto: #1a1612;
  --texto-secundario: #6b5f52;
  --azul-mar: #2e6b8c;
  --dorado: #c9a05a;
  --blanco: #ffffff;
  --sombra: 0 4px 32px rgba(26, 22, 18, 0.07);
  --sombra-elevada: 0 8px 48px rgba(26, 22, 18, 0.12);
  --radio: 6px;
  --radio-grande: 12px;
  --borde: 1px solid rgba(201, 160, 90, 0.2);
  --transicion: cubic-bezier(0.2, 0.9, 0.3, 1);
  --fuente-titular: 'Cormorant Garamond', Georgia, serif;
  --fuente-cuerpo: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --fuente-mono: ui-monospace, 'SF Mono', 'Cascadia Code', monospace;
  --max-ancho: 1200px;
  --padding-seccion: clamp(4rem, 8vw, 8rem);
  --gap: clamp(1.5rem, 3vw, 2.5rem);
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--fuente-cuerpo);
  font-size: clamp(16px, 1.8vw, 18px);
  line-height: 1.7;
  color: var(--texto);
  background-color: var(--blanco-lino);
  overflow-x: hidden;
}

img, video, canvas {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button, input, textarea, select {
  font: inherit;
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
}

ul, ol {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--fuente-titular);
  font-weight: 400;
  line-height: 1.2;
  color: var(--texto);
}

::selection {
  background: rgba(46, 107, 140, 0.15);
  color: var(--texto);
}

:focus-visible {
  outline: 2px solid var(--azul-mar);
  outline-offset: 3px;
}