/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .m-27 {
    margin: calc(var(--spacing) * 27);
  }
  .m-42 {
    margin: calc(var(--spacing) * 42);
  }
  .m-75 {
    margin: calc(var(--spacing) * 75);
  }
  .m-149 {
    margin: calc(var(--spacing) * 149);
  }
  .m-527 {
    margin: calc(var(--spacing) * 527);
  }
  .m-589 {
    margin: calc(var(--spacing) * 589);
  }
  .m-815 {
    margin: calc(var(--spacing) * 815);
  }
  .m-1484 {
    margin: calc(var(--spacing) * 1484);
  }
  .flex {
    display: flex;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
}
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,200;0,6..72,300;0,6..72,400;0,6..72,500;0,6..72,600;0,6..72,700;0,6..72,800;1,6..72,200;1,6..72,300;1,6..72,400;1,6..72,500;1,6..72,600;1,6..72,700;1,6..72,800&family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Quicksand:wght@300..700&display=swap');
:root {
  --color1: #F8F8F8;
  --color2: #F0C1AE;
  --color2rgb: 240, 193, 174;
  --color3: #C19077;
  --color4: #213E50;
  --color5: #1D1C22;
}
::selection {
  color: rgba(var(--color2rgb), 1);
}
::-moz-selection {
  color: rgba(var(--color2rgb), 1);
}
h1, p {
  cursor: default;
}
body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-color: var(--color5);
  font-family: 'Raleway', sans-serif;
}
div#content {
  margin: auto;
  margin-top: 5vh;
  width: 90vw;
  height: 90vh;
  min-width: 390px;
  overflow: hidden;
  border-radius: 16px;
  background-image: url('../images/background.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  color: var(--color1);
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
header {
  height: 60px;
  font-size: 14px;
}
header nav {
  height: 100%;
  border-bottom: 1px solid var(--color5);
  padding: 10px 4vw 0px 4vw;
}
header nav a, header nav a:hover, header nav a:visited {
  color: var(--color2);
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  height: 20px;
  padding: 20px 0;
  text-align: center;
  letter-spacing: 0.24em;
  vertical-align: middle;
  margin-right: 32px;
  float: left;
}
header nav a.active {
  color: var(--color3);
  border-bottom: 3px solid var(--color3);
}
header nav a:hover {
  color: var(--color3);
}
header nav a.btn {
  float: right;
  height: 10px;
  padding: 10px;
  margin: 10px 0;
  border: solid 1px rgba(var(--color2rgb), 0.5);
  font-size: 10px;
}
header nav a.btn:hover {
  color: var(--color2);
  border: solid 1px rgba(var(--color2rgb), 1);
}
header nav a.btn i {
  margin: 0 0 0 5px;
}
main section {
  margin-top: 16vh;
  margin-left: 4vw;
}
main section h1 {
  width: 44vw;
  margin: 0;
  padding: 1vw;
  font-size: 3.2em;
  font-weight: 400;
  border-left: 3px solid rgba(var(--color2rgb), 0.5);
  color: var(--color2);
}
main section h1 i {
  font-family: 'Newsreader', serif;
  font-weight: 400;
  font-style: italic;
}
main section p {
  width: 44vw;
  padding: 1vw;
  font-size: 0.8em;
  line-height: 1.6em;
  text-align: justify;
  text-justify: newspaper;
}
main section ul {
  list-style: none;
  margin: 0;
  padding: 1vw;
}
main section ul li {
  display: inline;
}
main section ul li a {
  color: var(--color2);
  text-decoration: none;
  text-transform: uppercase;
}
main section ul li a.btn {
  height: 10px;
  padding: 10px;
  border: solid 1px rgba(var(--color2rgb), 0);
  font-size: 10px;
  letter-spacing: 0.24em;
}
main section ul li a.btn.active {
  border: solid 1px rgba(var(--color2rgb), 0.5);
  font-weight: 700;
}
main section ul li a.btn:hover {
  border: solid 1px rgba(var(--color2rgb), 1);
  font-weight: 700;
}
main section ul li a.btn i {
  margin: 0 0 0 10px;
  font-size: 16px;
  color: var(--color3);
}
footer {
  margin-top: 5vh;
  margin-left: 5vw;
  font-size: 1.2em;
}
footer ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0 -30px;
}
footer ul li {
  display: inline-block;
  margin-right: 10px;
}
footer ul li a {
  color: var(--color3);
  text-decoration: none;
  padding: 10px;
}
footer ul li a:hover {
  color: var(--color2);
}
@media (max-width: 1028px) {
  main section h1 {
    font-size: 2.8em;
  }
}
@media (max-width: 900px) {
  main section h1 {
    font-size: 2.4em;
  }
}
@media (max-width: 770px) {
  main section h1 {
    font-size: 2em;
  }
}
@media (width <=642px) {
  div#content {
    background-position: top 0px left 50%;
  }
}
.culinar-ia {
  font-family: 'DM Serif Display', serif !important;
  text-transform: lowercase !important;
  color: #E05225 !important;
  background-color: #F4F4F4 !important;
  margin: 10px 0 !important;
  padding: 10px !important;
  border-radius: 50px !important;
  letter-spacing: 0 !important;
  -webkit-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}
.culinar-ia:hover {
  color: #F4F4F4 !important;
  background-color: #E05225 !important;
  -webkit-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
    }
  }
}