:where(.cf-proto), :where(.cf-proto) *, :where(.cf-proto) *::before, :where(.cf-proto) *::after { box-sizing: border-box; border: 0 solid; } :where(.cf-proto) h1, :where(.cf-proto) h2, :where(.cf-proto) h3, :where(.cf-proto) h4, :where(.cf-proto) h5, :where(.cf-proto) h6, :where(.cf-proto) p, :where(.cf-proto) figure, :where(.cf-proto) blockquote, :where(.cf-proto) dl, :where(.cf-proto) dd { margin: 0; } :where(.cf-proto) h1, :where(.cf-proto) h2, :where(.cf-proto) h3, :where(.cf-proto) h4, :where(.cf-proto) h5, :where(.cf-proto) h6 { font-size: inherit; font-weight: inherit; } :where(.cf-proto) ol, :where(.cf-proto) ul, :where(.cf-proto) menu { list-style: none; margin: 0; padding: 0; } :where(.cf-proto) img, :where(.cf-proto) svg, :where(.cf-proto) video, :where(.cf-proto) canvas { display: block; vertical-align: middle; } :where(.cf-proto) img, :where(.cf-proto) video { max-width: 100%; height: auto; } :where(.cf-proto) a { color: inherit; text-decoration: inherit; } :where(.cf-proto) button, :where(.cf-proto) input, :where(.cf-proto) select, :where(.cf-proto) textarea { font: inherit; color: inherit; margin: 0; padding: 0; background: none; } :where(.cf-proto) button { cursor: pointer; } /* El tema y WooCommerce si traen reglas de elemento para tablas y campos (margin-bottom en table, border en th, line-height en td), y un acotador con :where() no las puede vencer porque no suma peso. Estas van a nivel de elemento, con el mismo peso que las del tema, y ganan por orden de aparicion: la hoja se encola despues. */ /* Hello Elementor resetea los botones con un selector de atributo ([type="button"]), que pesa (0,1,0): un selector de elemento no lo vence. Hay que igualarle el peso. Como este bloque se inserta ANTES de las utilidades, un empate lo gana la utilidad, que es justo lo que queremos: aqui solo se deshace lo que el tema impone, sin estorbar a las clases del prototipo. Se limita a las dos propiedades que de verdad descuadran (el borde de 1px y el interlineado): tocar fondo, color o radio aqui le ganaria a las clases del prototipo y dejaria, por ejemplo, el boton de favoritos gris y cuadrado. */ :where(.cf-proto) [type="button"], :where(.cf-proto) [type="submit"] { border-width: 0; line-height: inherit; } :where(.cf-proto) table { margin: 0; border-collapse: collapse; text-indent: 0; } /* Con dos elementos, para vencer al selector de dos que trae el tema; sigue perdiendo contra las clases de relleno de la tabla, que es lo correcto. */ :where(.cf-proto) table th, :where(.cf-proto) table td, :where(.cf-proto) table tr, :where(.cf-proto) table thead, :where(.cf-proto) table tbody { border-width: 0; padding: 0; line-height: inherit; font-weight: inherit; text-align: inherit; background: none; } :where(.cf-proto) fieldset, :where(.cf-proto) legend { margin: 0; padding: 0; border-width: 0; } :where(.cf-proto) label { display: inline; margin: 0; font-weight: inherit; } :where(.cf-proto) input, :where(.cf-proto) textarea, :where(.cf-proto) select { border-width: 0; box-shadow: none; line-height: inherit; border-radius: 0; } /* Next aplica las variables de fuente con clases generadas en . En WordPress no existen, asi que se declaran en la raiz. */ :root { --font-cormorant: "Cormorant Garamond", Georgia, serif; --font-manrope: "Manrope", system-ui, sans-serif; } /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */ :root, :host { --color-white: #fff; --spacing: 0.25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -0.025em; --tracking-wider: 0.05em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15); --ease-out: cubic-bezier(0, 0, 0.2, 1); --blur-sm: 8px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: 0; } .inset-x-0 { inset-inline: 0; } .inset-y-0 { inset-block: 0; } .-top-0\.5 { top: calc(var(--spacing) * -0.5); } .-top-8 { top: calc(var(--spacing) * -8); } .top-0 { top: 0; } .top-2\.5 { top: calc(var(--spacing) * 2.5); } .top-3 { top: calc(var(--spacing) * 3); } .top-14 { top: calc(var(--spacing) * 14); } .top-full { top: 100%; } .-right-0\.5 { right: calc(var(--spacing) * -0.5); } .-right-3 { right: calc(var(--spacing) * -3); } .-right-6 { right: calc(var(--spacing) * -6); } .right-2\.5 { right: calc(var(--spacing) * 2.5); } .right-3 { right: calc(var(--spacing) * 3); } .right-5 { right: calc(var(--spacing) * 5); } .-bottom-10 { bottom: calc(var(--spacing) * -10); } .bottom-0 { bottom: 0; } .bottom-0\.5 { bottom: calc(var(--spacing) * 0.5); } .bottom-5 { bottom: calc(var(--spacing) * 5); } .-left-8 { left: calc(var(--spacing) * -8); } .left-0 { left: 0; } .left-1\/2 { left: calc(1 / 2 * 100%); } .left-3 { left: calc(var(--spacing) * 3); } .left-6 { left: calc(var(--spacing) * 6); } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .order-1 { order: 1; } .order-2 { order: 2; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .mx-auto { margin-inline: auto; } .-my-1\.5 { margin-block: calc(var(--spacing) * -1.5); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: var(--spacing); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-auto { margin-top: auto; } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-auto { margin-left: auto; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .block { display: block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-\[3\/2\] { aspect-ratio: 3/2; } .aspect-\[3\/4\] { aspect-ratio: 3/4; } .aspect-\[4\/3\] { aspect-ratio: 4/3; } .aspect-\[4\/5\] { aspect-ratio: 4/5; } .aspect-\[5\/4\] { aspect-ratio: 5/4; } .aspect-\[16\/10\] { aspect-ratio: 16/10; } .aspect-square { aspect-ratio: 1 / 1; } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); } .size-\[34px\] { width: 34px; height: 34px; } .size-full { width: 100%; height: 100%; } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-9 { height: calc(var(--spacing) * 9); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-13 { height: calc(var(--spacing) * 13); } .h-28 { height: calc(var(--spacing) * 28); } .h-40 { height: calc(var(--spacing) * 40); } .h-44 { height: calc(var(--spacing) * 44); } .h-64 { height: calc(var(--spacing) * 64); } .h-\[85vh\] { height: 85vh; } .h-\[calc\(100\%-2rem\)\] { height: calc(100% - 2rem); } .h-fit { height: fit-content; } .h-full { height: 100%; } .min-h-20 { min-height: calc(var(--spacing) * 20); } .min-h-28 { min-height: calc(var(--spacing) * 28); } .min-h-\[85vh\] { min-height: 85vh; } .min-h-\[560px\] { min-height: 560px; } .min-h-\[620px\] { min-height: 620px; } .min-h-dvh { min-height: 100dvh; } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-4 { width: calc(var(--spacing) * 4); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-24 { width: calc(var(--spacing) * 24); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-60 { width: calc(var(--spacing) * 60); } .w-\[86\%\] { width: 86%; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-\[13rem\] { max-width: 13rem; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: 0; } .min-w-5 { min-width: calc(var(--spacing) * 5); } .flex-1 { flex: 1; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .border-collapse { border-collapse: collapse; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .resize-y { resize: vertical; } .list-disc { list-style-type: disc; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-rows-\[0fr\] { grid-template-rows: 0fr; } .grid-rows-\[1fr\] { grid-template-rows: 1fr; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-start { align-items: flex-start; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .gap-1 { gap: var(--spacing); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-x-1\.5 { column-gap: calc(var(--spacing) * 1.5); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-5 { column-gap: calc(var(--spacing) * 5); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-10 { column-gap: calc(var(--spacing) * 10); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } .divide-line { :where(& > :not(:last-child)) { border-color: var(--border-soft); } } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-hidden { overflow: hidden; } .overflow-y-auto { overflow-y: auto; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-none { border-radius: 0; } .rounded-xl { border-radius: var(--radius-xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-brand { border-color: var(--brand-primary); } .border-brand\/25 { border-color: var(--brand-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--brand-primary) 25%, transparent); } } .border-gold { border-color: var(--brand-gold); } .border-line { border-color: var(--border-soft); } .border-line\/60 { border-color: var(--border-soft); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--border-soft) 60%, transparent); } } .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/15 { border-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .border-white\/50 { border-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .bg-\[\#25D366\] { background-color: #25D366; } .bg-\[\#25D366\]\/15 { background-color: color-mix(in oklab, #25D366 15%, transparent); } .bg-brand { background-color: var(--brand-primary); } .bg-cream { background-color: var(--brand-background); } .bg-cream\/85 { background-color: var(--brand-background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--brand-background) 85%, transparent); } } .bg-cream\/95 { background-color: var(--brand-background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--brand-background) 95%, transparent); } } .bg-gold { background-color: var(--brand-gold); } .bg-ink { background-color: var(--text-primary); } .bg-ink\/45 { background-color: var(--text-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--text-primary) 45%, transparent); } } .bg-ink\/50 { background-color: var(--text-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--text-primary) 50%, transparent); } } .bg-ink\/60 { background-color: var(--text-primary); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--text-primary) 60%, transparent); } } .bg-line { background-color: var(--border-soft); } .bg-rose { background-color: var(--brand-secondary); } .bg-rose-soft { background-color: var(--brand-secondary-soft); } .bg-surface { background-color: var(--brand-white); } .bg-surface\/60 { background-color: var(--brand-white); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--brand-white) 60%, transparent); } } .bg-surface\/80 { background-color: var(--brand-white); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--brand-white) 80%, transparent); } } .bg-surface\/85 { background-color: var(--brand-white); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--brand-white) 85%, transparent); } } .bg-surface\/90 { background-color: var(--brand-white); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--brand-white) 90%, transparent); } } .bg-transparent { background-color: transparent; } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-white\/60 { background-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-cream { background-image: var(--gradient-cream); } .bg-gradient-ink { background-image: var(--gradient-ink); } .bg-gradient-soft { background-image: var(--gradient-soft); } .bg-gradient-surface { background-image: var(--gradient-surface); } .from-ink\/85 { --tw-gradient-from: var(--text-primary); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--text-primary) 85%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-ink\/90 { --tw-gradient-from: var(--text-primary); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--text-primary) 90%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-ink\/40 { --tw-gradient-via: var(--text-primary); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--text-primary) 40%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .object-cover { object-fit: cover; } .object-\[28\%_center\] { object-position: 28% center; } .object-\[72\%_center\] { object-position: 72% center; } .object-center { object-position: center; } .p-1 { padding: var(--spacing); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-7 { padding: calc(var(--spacing) * 7); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .px-1 { padding-inline: var(--spacing); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: var(--spacing); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-7 { padding-block: calc(var(--spacing) * 7); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-14 { padding-block: calc(var(--spacing) * 14); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-20 { padding-block: calc(var(--spacing) * 20); } .pt-1 { padding-top: var(--spacing); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pr-5 { padding-right: calc(var(--spacing) * 5); } .\!pb-8 { padding-bottom: calc(var(--spacing) * 8) !important; } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .font-display { font-family: var(--font-cormorant); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[0\.7rem\] { font-size: 0.7rem; } .text-\[0\.62rem\] { font-size: 0.62rem; } .text-\[0\.65rem\] { font-size: 0.65rem; } .text-\[0\.68rem\] { font-size: 0.68rem; } .text-\[0\.72rem\] { font-size: 0.72rem; } .text-\[0\.95rem\] { font-size: 0.95rem; } .text-\[7rem\] { font-size: 7rem; } .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; } .leading-\[1\.08\] { --tw-leading: 1.08; line-height: 1.08; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[0\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; } .tracking-\[0\.22em\] { --tw-tracking: 0.22em; letter-spacing: 0.22em; } .tracking-\[0\.34em\] { --tw-tracking: 0.34em; letter-spacing: 0.34em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .wrap-anywhere { overflow-wrap: anywhere; } .hyphens-auto { -webkit-hyphens: auto; hyphens: auto; } .whitespace-nowrap { white-space: nowrap; } .text-\[\#128C3E\] { color: #128C3E; } .text-brand { color: var(--brand-primary); } .text-cream { color: var(--brand-background); } .text-cream\/60 { color: var(--brand-background); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--brand-background) 60%, transparent); } } .text-cream\/70 { color: var(--brand-background); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--brand-background) 70%, transparent); } } .text-cream\/80 { color: var(--brand-background); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--brand-background) 80%, transparent); } } .text-cream\/85 { color: var(--brand-background); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--brand-background) 85%, transparent); } } .text-cream\/90 { color: var(--brand-background); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--brand-background) 90%, transparent); } } .text-gold { color: var(--brand-gold); } .text-ink { color: var(--text-primary); } .text-line { color: var(--border-soft); } .text-muted { color: var(--text-secondary); } .text-rose { color: var(--brand-secondary); } .text-rose-soft { color: var(--brand-secondary-soft); } .text-rose-soft\/80 { color: var(--brand-secondary-soft); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--brand-secondary-soft) 80%, transparent); } } .text-white { color: var(--color-white); } .text-white\/80 { color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-white\/90 { color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .underline { text-decoration-line: underline; } .underline-offset-4 { text-underline-offset: 4px; } .accent-brand { accent-color: var(--brand-primary); } .opacity-0 { opacity: 0%; } .opacity-15 { opacity: 15%; } .opacity-25 { opacity: 25%; } .opacity-60 { opacity: 60%; } .opacity-70 { opacity: 70%; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-card { box-shadow: var(--shadow-card); } .shadow-soft { box-shadow: var(--shadow-soft); } .ring-gold\/30 { --tw-ring-color: var(--brand-gold); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--brand-gold) 30%, transparent); } } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .drop-shadow-sm { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .group-focus-within\:visible { &:is(:where(.group):focus-within *) { visibility: visible; } } .group-focus-within\:opacity-100 { &:is(:where(.group):focus-within *) { opacity: 100%; } } .group-hover\:visible { &:is(:where(.group):hover *) { @media (hover: hover) { visibility: visible; } } } .group-hover\:translate-x-1 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:-translate-y-1 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:scale-110 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\:rotate-180 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: 180deg; } } } .group-hover\:text-brand { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--brand-primary); } } } .group-hover\:text-rose\/25 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--brand-secondary); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--brand-secondary) 25%, transparent); } } } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .placeholder\:text-cream\/50 { &::placeholder { color: var(--brand-background); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--brand-background) 50%, transparent); } } } .placeholder\:text-muted { &::placeholder { color: var(--text-secondary); } } .hover\:-translate-y-0\.5 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:-translate-y-1 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:scale-105 { &:hover { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:border-brand { &:hover { @media (hover: hover) { border-color: var(--brand-primary); } } } .hover\:border-brand\/20 { &:hover { @media (hover: hover) { border-color: var(--brand-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--brand-primary) 20%, transparent); } } } } .hover\:border-brand\/25 { &:hover { @media (hover: hover) { border-color: var(--brand-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--brand-primary) 25%, transparent); } } } } .hover\:border-brand\/30 { &:hover { @media (hover: hover) { border-color: var(--brand-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--brand-primary) 30%, transparent); } } } } .hover\:border-rose { &:hover { @media (hover: hover) { border-color: var(--brand-secondary); } } } .hover\:bg-brand-hover { &:hover { @media (hover: hover) { background-color: var(--brand-primary-hover); } } } .hover\:bg-cream { &:hover { @media (hover: hover) { background-color: var(--brand-background); } } } .hover\:bg-cream\/60 { &:hover { @media (hover: hover) { background-color: var(--brand-background); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--brand-background) 60%, transparent); } } } } .hover\:bg-gold { &:hover { @media (hover: hover) { background-color: var(--brand-gold); } } } .hover\:bg-gold\/90 { &:hover { @media (hover: hover) { background-color: var(--brand-gold); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--brand-gold) 90%, transparent); } } } } .hover\:bg-ink-soft { &:hover { @media (hover: hover) { background-color: var(--brand-chocolate); } } } .hover\:bg-rose-soft { &:hover { @media (hover: hover) { background-color: var(--brand-secondary-soft); } } } .hover\:bg-surface { &:hover { @media (hover: hover) { background-color: var(--brand-white); } } } .hover\:bg-white { &:hover { @media (hover: hover) { background-color: var(--color-white); } } } .hover\:bg-white\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } .hover\:text-brand { &:hover { @media (hover: hover) { color: var(--brand-primary); } } } .hover\:text-gold { &:hover { @media (hover: hover) { color: var(--brand-gold); } } } .hover\:text-ink { &:hover { @media (hover: hover) { color: var(--text-primary); } } } .hover\:text-rose { &:hover { @media (hover: hover) { color: var(--brand-secondary); } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:shadow-card { &:hover { @media (hover: hover) { box-shadow: var(--shadow-card); } } } .hover\:brightness-95 { &:hover { @media (hover: hover) { --tw-brightness: brightness(95%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } } } .focus\:not-sr-only { &:focus { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip-path: none; white-space: normal; } } .focus\:fixed { &:focus { position: fixed; } } .focus\:top-4 { &:focus { top: calc(var(--spacing) * 4); } } .focus\:left-4 { &:focus { left: calc(var(--spacing) * 4); } } .focus\:z-50 { &:focus { z-index: 50; } } .focus\:rounded-full { &:focus { border-radius: calc(infinity * 1px); } } .focus\:bg-brand { &:focus { background-color: var(--brand-primary); } } .focus\:px-4 { &:focus { padding-inline: calc(var(--spacing) * 4); } } .focus\:py-2 { &:focus { padding-block: calc(var(--spacing) * 2); } } .focus\:text-sm { &:focus { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .focus\:font-semibold { &:focus { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .focus\:text-white { &:focus { color: var(--color-white); } } .focus-visible\:border-brand { &:focus-visible { border-color: var(--brand-primary); } } .focus-visible\:border-gold { &:focus-visible { border-color: var(--brand-gold); } } .focus-visible\:outline-none { &:focus-visible { --tw-outline-style: none; outline-style: none; } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:opacity-45 { &:disabled { opacity: 45%; } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .disabled\:opacity-60 { &:disabled { opacity: 60%; } } .disabled\:hover\:border-line { &:disabled { &:hover { @media (hover: hover) { border-color: var(--border-soft); } } } } .motion-reduce\:transform { @media (prefers-reduced-motion: reduce) { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } } .motion-reduce\:transform-none { @media (prefers-reduced-motion: reduce) { transform: none; } } .motion-reduce\:hover\:translate-y-0 { @media (prefers-reduced-motion: reduce) { &:hover { @media (hover: hover) { --tw-translate-y: 0; translate: var(--tw-translate-x) var(--tw-translate-y); } } } } .sm\:col-span-2 { @media (width >= 40rem) { grid-column: span 2 / span 2; } } .sm\:ml-auto { @media (width >= 40rem) { margin-left: auto; } } .sm\:flex { @media (width >= 40rem) { display: flex; } } .sm\:grid { @media (width >= 40rem) { display: grid; } } .sm\:inline { @media (width >= 40rem) { display: inline; } } .sm\:size-12 { @media (width >= 40rem) { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } } .sm\:h-12 { @media (width >= 40rem) { height: calc(var(--spacing) * 12); } } .sm\:w-28 { @media (width >= 40rem) { width: calc(var(--spacing) * 28); } } .sm\:min-w-0 { @media (width >= 40rem) { min-width: 0; } } .sm\:flex-1 { @media (width >= 40rem) { flex: 1; } } .sm\:shrink { @media (width >= 40rem) { flex-shrink: 1; } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-3 { @media (width >= 40rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:gap-6 { @media (width >= 40rem) { gap: calc(var(--spacing) * 6); } } .sm\:p-8 { @media (width >= 40rem) { padding: calc(var(--spacing) * 8); } } .sm\:py-12 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 12); } } .sm\:py-16 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 16); } } .sm\:py-20 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 20); } } .sm\:py-24 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 24); } } .sm\:pl-\[4\.25rem\] { @media (width >= 40rem) { padding-left: 4.25rem; } } .sm\:text-left { @media (width >= 40rem) { text-align: left; } } .sm\:text-2xl { @media (width >= 40rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .sm\:text-4xl { @media (width >= 40rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .sm\:text-5xl { @media (width >= 40rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .sm\:text-6xl { @media (width >= 40rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .sm\:opacity-0 { @media (width >= 40rem) { opacity: 0%; } } .sm\:group-focus-within\:opacity-100 { @media (width >= 40rem) { &:is(:where(.group):focus-within *) { opacity: 100%; } } } .sm\:group-hover\:opacity-100 { @media (width >= 40rem) { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:w-72 { @media (width >= 48rem) { width: calc(var(--spacing) * 72); } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-\[1fr_1\.2fr\] { @media (width >= 48rem) { grid-template-columns: 1fr 1.2fr; } } .md\:grid-cols-\[1fr_auto\] { @media (width >= 48rem) { grid-template-columns: 1fr auto; } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:items-center { @media (width >= 48rem) { align-items: center; } } .md\:items-end { @media (width >= 48rem) { align-items: flex-end; } } .md\:justify-between { @media (width >= 48rem) { justify-content: space-between; } } .md\:p-12 { @media (width >= 48rem) { padding: calc(var(--spacing) * 12); } } .lg\:sticky { @media (width >= 64rem) { position: sticky; } } .lg\:top-28 { @media (width >= 64rem) { top: calc(var(--spacing) * 28); } } .lg\:top-40 { @media (width >= 64rem) { top: calc(var(--spacing) * 40); } } .lg\:ml-auto { @media (width >= 64rem) { margin-left: auto; } } .lg\:h-fit { @media (width >= 64rem) { height: fit-content; } } .lg\:w-\[46\%\] { @media (width >= 64rem) { width: 46%; } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-5 { @media (width >= 64rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .lg\:grid-cols-\[0\.8fr_1\.2fr\] { @media (width >= 64rem) { grid-template-columns: 0.8fr 1.2fr; } } .lg\:grid-cols-\[0\.9fr_1\.1fr\] { @media (width >= 64rem) { grid-template-columns: 0.9fr 1.1fr; } } .lg\:grid-cols-\[1\.4fr_2\.8fr\] { @media (width >= 64rem) { grid-template-columns: 1.4fr 2.8fr; } } .lg\:grid-cols-\[1\.05fr_0\.95fr\] { @media (width >= 64rem) { grid-template-columns: 1.05fr 0.95fr; } } .lg\:grid-cols-\[1\.15fr_1fr\] { @media (width >= 64rem) { grid-template-columns: 1.15fr 1fr; } } .lg\:grid-cols-\[1fr_1\.2fr\] { @media (width >= 64rem) { grid-template-columns: 1fr 1.2fr; } } .lg\:grid-cols-\[1fr_1fr\] { @media (width >= 64rem) { grid-template-columns: 1fr 1fr; } } .lg\:grid-cols-\[1fr_360px\] { @media (width >= 64rem) { grid-template-columns: 1fr 360px; } } .lg\:grid-cols-\[260px_1fr\] { @media (width >= 64rem) { grid-template-columns: 260px 1fr; } } .lg\:items-center { @media (width >= 64rem) { align-items: center; } } .lg\:gap-14 { @media (width >= 64rem) { gap: calc(var(--spacing) * 14); } } .lg\:self-start { @media (width >= 64rem) { align-self: flex-start; } } .lg\:bg-transparent { @media (width >= 64rem) { background-color: transparent; } } .lg\:bg-gradient-to-l { @media (width >= 64rem) { --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } .lg\:bg-gradient-to-r { @media (width >= 64rem) { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } .lg\:from-cream { @media (width >= 64rem) { --tw-gradient-from: var(--brand-background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .lg\:from-ink\/70 { @media (width >= 64rem) { --tw-gradient-from: var(--text-primary); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--text-primary) 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .lg\:via-cream\/70 { @media (width >= 64rem) { --tw-gradient-via: var(--brand-background); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--brand-background) 70%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } } .lg\:via-cream\/75 { @media (width >= 64rem) { --tw-gradient-via: var(--brand-background); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--brand-background) 75%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } } .lg\:via-cream\/80 { @media (width >= 64rem) { --tw-gradient-via: var(--brand-background); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--brand-background) 80%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } } .lg\:via-ink\/25 { @media (width >= 64rem) { --tw-gradient-via: var(--text-primary); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--text-primary) 25%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } } .lg\:to-transparent { @media (width >= 64rem) { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .lg\:object-center { @media (width >= 64rem) { object-position: center; } } .lg\:py-28 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 28); } } .lg\:text-7xl { @media (width >= 64rem) { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } } .xl\:flex { @media (width >= 80rem) { display: flex; } } .xl\:hidden { @media (width >= 80rem) { display: none; } } .xl\:grid-cols-4 { @media (width >= 80rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .\[\&_a\]\:font-medium { & a { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .\[\&_a\]\:text-brand { & a { color: var(--brand-primary); } } .\[\&_a\]\:underline { & a { text-decoration-line: underline; } } .\[\&_a\]\:underline-offset-2 { & a { text-underline-offset: 2px; } } .\[\&_h2\]\:mt-6 { & h2 { margin-top: calc(var(--spacing) * 6); } } .\[\&_h2\]\:font-display { & h2 { font-family: var(--font-cormorant); } } .\[\&_h2\]\:text-2xl { & h2 { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .\[\&_h2\]\:font-semibold { & h2 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_h2\]\:text-ink { & h2 { color: var(--text-primary); } } .\[\&_h3\]\:mt-4 { & h3 { margin-top: calc(var(--spacing) * 4); } } .\[\&_h3\]\:text-lg { & h3 { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .\[\&_h3\]\:font-semibold { & h3 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_h3\]\:text-ink { & h3 { color: var(--text-primary); } } .\[\&_li\]\:ml-1 { & li { margin-left: var(--spacing); } } .\[\&_strong\]\:text-ink { & strong { color: var(--text-primary); } } .\[\&_ul\]\:flex { & ul { display: flex; } } .\[\&_ul\]\:list-disc { & ul { list-style-type: disc; } } .\[\&_ul\]\:flex-col { & ul { flex-direction: column; } } .\[\&_ul\]\:gap-2 { & ul { gap: calc(var(--spacing) * 2); } } .\[\&_ul\]\:pl-5 { & ul { padding-left: calc(var(--spacing) * 5); } } .\[\&\>\*\]\:min-w-0 { &>* { min-width: 0; } } :root { --brand-primary: #c9184a; --brand-primary-hover: #a8113b; --brand-secondary: #ff5d73; --brand-secondary-soft: #ffe8ec; --brand-chocolate: #4a241d; --brand-chocolate-dark: #321713; --brand-background: #fff9f5; --brand-white: #ffffff; --brand-gold: #e3a52f; --text-primary: #321713; --text-secondary: #715b56; --border-soft: #f0d8da; --gradient-cream: linear-gradient( 180deg, #fffdfb 0%, var(--brand-background) 45%, #fef2ea 100% ); --gradient-surface: linear-gradient( 180deg, var(--brand-white) 0%, #fffcfa 55%, #fff6f1 100% ); --gradient-soft: linear-gradient( 180deg, #fff3f5 0%, var(--brand-secondary-soft) 50%, #ffdde4 100% ); --gradient-ink: radial-gradient( 115% 85% at 12% 0%, rgba(201, 24, 74, 0.22) 0%, transparent 58% ), radial-gradient( 90% 75% at 100% 100%, rgba(227, 165, 47, 0.13) 0%, transparent 62% ), linear-gradient( 165deg, #5c2d24 0%, var(--brand-chocolate) 42%, var(--brand-chocolate-dark) 100% ); --shadow-soft: 0 4px 24px rgba(50, 23, 19, 0.06); --shadow-card: 0 10px 40px rgba(50, 23, 19, 0.1); --container-max: 1240px; }:where(.cf-proto) *{border-color: var(--border-soft); } html { scroll-behavior: smooth; } body { background: var(--brand-background); color: var(--text-primary); font-family: var(--font-manrope), ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } h1, h2, h3, h4, .font-display { font-family: var(--font-cormorant), Georgia, "Times New Roman", serif; } :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 2px solid var(--brand-primary); outline-offset: 2px; border-radius: 4px; } ::selection { background: var(--brand-secondary-soft); color: var(--brand-primary); } .container-page { width: 100%; max-width: var(--container-max); margin-inline: auto; padding-inline: 1.25rem; } @media (min-width: 768px) { .container-page { padding-inline: 2rem; } } .eyebrow { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: var(--brand-primary); } .rule-gold { height: 1px; background: linear-gradient( to right, transparent, var(--brand-gold), transparent ); } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @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; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @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-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; } } /* Tipografias del prototipo */ @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/9cc5c0547f229dea-s.00y8kskkn0hyx.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/b0947914c9718a1e-s.1xjn85gt7t6qs.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116} @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/d0b60be57f16ee32-s.1xtu7gopqv2u0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB} @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/1f9e983605289f29-s.3aak_kra40y8r.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/01e4147cff8141ee-s.p.3huc2loe0ie8a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/9cc5c0547f229dea-s.00y8kskkn0hyx.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/b0947914c9718a1e-s.1xjn85gt7t6qs.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116} @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/d0b60be57f16ee32-s.1xtu7gopqv2u0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB} @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/1f9e983605289f29-s.3aak_kra40y8r.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/01e4147cff8141ee-s.p.3huc2loe0ie8a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/9cc5c0547f229dea-s.00y8kskkn0hyx.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/b0947914c9718a1e-s.1xjn85gt7t6qs.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116} @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/d0b60be57f16ee32-s.1xtu7gopqv2u0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB} @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/1f9e983605289f29-s.3aak_kra40y8r.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/01e4147cff8141ee-s.p.3huc2loe0ie8a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:Cormorant Garamond Fallback;src:local(Times New Roman);ascent-override:95.27%;descent-override:29.59%;line-gap-override:0.0%;size-adjust:96.98%} @font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116} @font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF} @font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB} @font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116} @font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF} @font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB} @font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116} @font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF} @font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB} @font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116} @font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF} @font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB} @font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(https://chocolateflores.agenciabajocero.com/wp-content/uploads/fuentes-prototipo/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}