/*! Marea Theme — generado por tools/build-css.js. No editar a mano. */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}
::before,::after{--mrea-content:''}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:'Poppins',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none;cursor:pointer}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
[role="button"],button{cursor:pointer}
:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}
/**
 * ============================================================================
 * Marea — hoja de estilos fuente
 * ============================================================================
 * De aquí sale /assets/css/marea.css, que es la que carga el sitio.
 * No edites el archivo compilado: edita éste y vuelve a compilar.
 *
 *   npm run build   →  compila (no necesita instalar nada, ver tools/build-css.js)
 *
 * Las directivas @tailwind de abajo funcionan igual si algún día instalas
 * Tailwind de verdad con `npm install`: el resultado es el mismo.
 * Por eso este archivo no usa @apply, sólo CSS estándar.
 */





/* ==========================================================================
   TIPOGRAFÍA — Poppins servida desde el propio servidor
   ==========================================================================
   Sin peticiones a Google Fonts: carga más rápido, funciona sin conexión a
   terceros y no comparte datos de tus visitantes.

   El tema se entrega SIN los archivos de fuente, así que de fábrica usa la
   tipografía del sistema (San Francisco en Mac/iPhone, Segoe UI en Windows,
   Roboto en Android): cero peticiones y carga instantánea.

   Para usar Poppins de verdad:
     1. Descarga los cuatro pesos en https://fonts.google.com/specimen/Poppins
        (o `npm install @fontsource/poppins && npm run fonts`).
     2. Deja los archivos en /assets/fonts como poppins-400.woff2,
        poppins-500.woff2, poppins-600.woff2 y poppins-700.woff2.
     3. Vuelve a compilar con `npm run build`.
   El bloque de abajo se incluye solo si esos archivos existen.
   ========================================================================== */

/* Fuentes del sistema (no hay archivos en /assets/fonts). */

/* ==========================================================================
   BASE
   ========================================================================== */


  :root {
    /* La paleta también como variables CSS, por si un bloque o un plugin
       necesita usarla fuera de las clases del tema. */
    --color-azul-marea: #2b4a63;
    --color-marron-cacao: #6d4c41;
    --color-arena-palapa: #e8dcc4;
    --color-blanco-crema: #f9f6f0;
    --color-verde-matcha: #9bbe4a;
    --color-rosa-fresa: #d94856;
    --color-morado-taro: #d3aedb;
  }

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

  body {
    background-color: #f9f6f0;
    color: #6d4c41;
    font-family: 'Poppins', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Evita que una palabra larga rompa la maqueta en pantallas estrechas. */
    overflow-wrap: break-word;
  }

  /* Deja sitio a la barra fija en las páginas que no son la portada. */
  body.has-solid-header {
    padding-top: 4rem;
  }
  @media (min-width: 640px) {
    body.has-solid-header {
      padding-top: 72px;
    }
  }

  :focus-visible {
    outline: 2px solid #2b4a63;
    outline-offset: 2px;
  }


/* ==========================================================================
   COMPONENTES
   ========================================================================== */



  /* --- Salto al contenido (sólo visible al navegar con teclado) ----------- */
  .mrea-skip {
    position: absolute;
    left: 1rem;
    top: 1rem;
    z-index: 100;
    transform: translateY(-6rem);
    border-radius: 0.85rem;
    background-color: #2b4a63;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #f9f6f0;
    transition: transform 0.2s ease-in-out;
  }
  .mrea-skip:focus {
    transform: translateY(0);
  }

  /* --- Barra superior ---------------------------------------------------- */
  /* Sobre la portada nace transparente con texto blanco; al hacer scroll (o al
     abrir el menú móvil) toma el fondo crema translúcido con desenfoque. */
  .mrea-header {
    color: #ffffff;
  }
  .mrea-header.is-solid {
    background-color: rgb(249 246 240 / 0.85);
    backdrop-filter: blur(12px) saturate(140%);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    border-bottom: 1px solid rgb(43 74 99 / 0.1);
    color: #2b4a63;
    box-shadow: 0 1px 20px -12px rgb(26 44 59 / 0.5);
  }

  /* Con la barra de administración de WordPress visible, la cabecera baja. */
  body.admin-bar .mrea-header {
    top: 32px;
  }
  @media (max-width: 782px) {
    body.admin-bar .mrea-header {
      top: 46px;
    }
  }

  .mrea-brand__tag {
    opacity: 0.75;
  }

  .mrea-nav__link:hover,
  .mrea-burger:hover,
  .mrea-lang:hover {
    background-color: color-mix(in srgb, currentColor 12%, transparent);
  }

  /* Selector de idioma: el idioma activo se marca con un relleno suave. */
  .mrea-lang__opt {
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out;
  }
  .mrea-lang__opt[data-lang-active] {
    opacity: 1;
    font-weight: 700;
    background-color: color-mix(in srgb, currentColor 16%, transparent);
  }

  /* --- Portada ------------------------------------------------------------ */
  /* Una sombra muy suave detrás del texto: así el título sigue legible aunque
     mañana se suba una foto más clara o con el cielo quemado. */
  .mrea-hero h1,
  .mrea-hero p {
    text-shadow: 0 1px 14px rgb(26 44 59 / 0.45);
  }

  /* --- Logotipo ----------------------------------------------------------- */
  /* Van las dos versiones en el HTML y aquí se decide cuál se ve: la azul
     sobre fondo claro y la crema sobre la portada y el pie. La oculta no la
     descarga el navegador ni la anuncian los lectores de pantalla. */
  .mrea-logo__crema {
    display: none;
  }
  .mrea-header:not(.is-solid) .mrea-logo__oscuro,
  .mrea-footer .mrea-logo__oscuro {
    display: none;
  }
  .mrea-header:not(.is-solid) .mrea-logo__crema,
  .mrea-footer .mrea-logo__crema {
    display: block;
  }

  /* --- Panel de navegación móvil ----------------------------------------- */
  @keyframes mrea-slide {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .mrea-mobile:not([hidden]) {
    animation: mrea-slide 0.25s ease-out both;
  }

  /* --- Botones y tarjetas ------------------------------------------------- */
  .mrea-btn__icon,
  .mrea-card__arrow {
    transition: transform 0.3s ease-in-out;
  }
  .mrea-btn:hover .mrea-btn__icon,
  .mrea-card:hover .mrea-card__arrow {
    transform: translateX(3px);
  }

  /* --- Imágenes ----------------------------------------------------------- */
  /* Si una foto no carga, queda el fondo arena con su icono: la proporción se
     mantiene y la maqueta no da saltos. */
  .mrea-media.is-broken {
    background-image: linear-gradient(135deg, #e8dcc4 0%, #f2e9d8 100%);
  }

  /* --- Aparición al hacer scroll ------------------------------------------ */
  /* Sólo se activan si hay JavaScript (clase puesta en el <head>), así que sin
     JS el contenido se ve completo desde el primer momento. */
  .mrea-js .reveal {
    opacity: 0;
    transform: translateY(18px);
  }
  .mrea-js .reveal.is-visible {
    opacity: 1;
    transform: none;
    transition: opacity 0.7s ease-out, transform 0.7s ease-out;
  }
  .mrea-js .reveal--d1.is-visible { transition-delay: 0.08s; }
  .mrea-js .reveal--d2.is-visible { transition-delay: 0.16s; }
  .mrea-js .reveal--d3.is-visible { transition-delay: 0.24s; }
  .mrea-js .reveal--d4.is-visible { transition-delay: 0.32s; }

  @keyframes mrea-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(6px); }
  }
  .mrea-bounce {
    display: block;
    animation: mrea-bounce 2.4s ease-in-out infinite;
  }

  /* --- Cambio de idioma ---------------------------------------------------- */
  /* Los textos traducidos se desvanecen, se sustituyen y vuelven a aparecer. */
  [data-i18n],
  [data-i18n-html] {
    transition: opacity 0.3s ease-in-out;
  }
  .mrea-swapping [data-i18n],
  .mrea-swapping [data-i18n-html] {
    opacity: 0;
  }

  /* --- Notas sobre fondo azul (pie de página) ------------------------------ */
  /* Doble clase a propósito: así gana a las utilidades de color de fondo. */
  .mrea-note.mrea-note--dark {
    border-color: rgb(232 220 196 / 0.45);
    background-color: rgb(255 255 255 / 0.07);
  }
  .mrea-note--dark p,
  .mrea-note--dark span,
  .mrea-note--dark svg {
    color: #e8dcc4;
  }

  /* --- Mapa insertado ------------------------------------------------------ */
  .mrea-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
  }

  /* --- Texto largo de entradas y páginas ----------------------------------- */
  .mrea-prose {
    font-size: 1rem;
    line-height: 1.75;
    color: #6d4c41;
  }
  .mrea-prose > * + * { margin-top: 1.15em; }
  .mrea-prose h2 {
    margin-top: 2.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.3;
    color: #2b4a63;
  }
  .mrea-prose h3 {
    margin-top: 2rem;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
    color: #2b4a63;
  }
  .mrea-prose a {
    color: #2b4a63;
    text-decoration: underline;
    text-decoration-color: rgb(43 74 99 / 0.3);
    text-underline-offset: 4px;
  }
  .mrea-prose a:hover { text-decoration-color: #2b4a63; }
  .mrea-prose ul,
  .mrea-prose ol { margin-left: 1.25rem; list-style-position: outside; }
  .mrea-prose ul { list-style-type: disc; }
  .mrea-prose ol { list-style-type: decimal; }
  .mrea-prose li + li { margin-top: 0.4em; }
  .mrea-prose img { border-radius: 1.15rem; }
  .mrea-prose blockquote {
    border-left: 2px solid #9bbe4a;
    padding-left: 1.25rem;
    font-size: 1.125rem;
    color: #2b4a63;
  }

  /* --- Paginación del blog ------------------------------------------------- */
  .page-numbers {
    display: inline-flex;
    height: 2.75rem;
    min-width: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.85rem;
    padding: 0 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #2b4a63;
    transition: background-color 0.2s ease-in-out;
  }
  .page-numbers:hover { background-color: #e8dcc4; }
  .page-numbers.current {
    background-color: #2b4a63;
    color: #f9f6f0;
  }

  .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }


/* ==========================================================================
   ACCESIBILIDAD — respeta a quien pide menos movimiento
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  .mrea-js .reveal,
  .mrea-js .reveal.is-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .mrea-bounce,
  .mrea-mobile:not([hidden]) {
    animation: none;
  }

  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
  }
}

/* ---- utilidades ---- */
.-right-3{right:-0.75rem}.-top-3{top:-0.75rem}.-z-10{z-index:-10}.absolute{position:absolute}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1/1}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bg-arena{background-color:rgb(232 220 196)}.bg-arena\/45{background-color:rgb(232 220 196 / 0.45)}.bg-azul{background-color:rgb(43 74 99)}.bg-crema{background-color:rgb(249 246 240)}.bg-crema\/90{background-color:rgb(249 246 240 / 0.9)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--mrea-gradient-stops))}.bg-matcha\/20{background-color:rgb(155 190 74 / 0.2)}.bg-nota{background-color:rgb(252 243 226)}.bg-nota\/95{background-color:rgb(252 243 226 / 0.95)}.bg-rosa\/15{background-color:rgb(217 72 86 / 0.15)}.bg-taro\/30{background-color:rgb(211 174 219 / 0.3)}.bg-white\/10{background-color:rgb(255 255 255 / 0.1)}.block{display:block}.border-azul\/10{border-color:rgb(43 74 99 / 0.1)}.border-azul\/25{border-color:rgb(43 74 99 / 0.25)}.border-cacao\/40{border-color:rgb(109 76 65 / 0.4)}.border-cacao\/45{border-color:rgb(109 76 65 / 0.45)}.border-cacao\/50{border-color:rgb(109 76 65 / 0.5)}.border-dashed{border-style:dashed}.border-l-2{border-left-width:2px;border-style:solid}.border-matcha{border-color:rgb(155 190 74)}.border-t{border-top-width:1px;border-style:solid}.border-white\/15{border-color:rgb(255 255 255 / 0.15)}.border-white\/20{border-color:rgb(255 255 255 / 0.2)}.border-white\/25{border-color:rgb(255 255 255 / 0.25)}.border-white\/70{border-color:rgb(255 255 255 / 0.7)}.border-y{border-top-width:1px;border-bottom-width:1px;border-style:solid}.border{border-width:1px;border-style:solid}.bottom-2{bottom:0.5rem}.bottom-4{bottom:1rem}.decoration-azul\/30{text-decoration-color:rgb(43 74 99 / 0.3)}.duration-200{transition-duration:200ms}.duration-300{transition-duration:300ms}.duration-500{transition-duration:500ms}.duration-700{transition-duration:700ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,0.2,1)}.fixed{position:fixed}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex{display:flex}.font-bold{font-weight:700}.font-display{font-family:'Poppins', ui-sans-serif, system-ui, 'Segoe UI', Arial, sans-serif}.font-medium{font-weight:500}.font-semibold{font-weight:600}.from-azul-900\/85{--mrea-gradient-from:rgb(26 44 59 / 0.85);--mrea-gradient-stops:var(--mrea-gradient-from),var(--mrea-gradient-to,rgb(255 255 255 / 0))}.gap-0\.5{gap:0.125rem}.gap-1{gap:0.25rem}.gap-1\.5{gap:0.375rem}.gap-10{gap:2.5rem}.gap-2{gap:0.5rem}.gap-2\.5{gap:0.625rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-3{column-gap:0.75rem}.gap-y-1{row-gap:0.25rem}.grid{display:grid}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-16{height:4rem}.h-3\.5{height:0.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.hidden{display:none}.inline-flex{display:inline-flex}.inset-0{inset:0px}.inset-x-0{left:0px;right:0px}.inset-x-2{left:0.5rem;right:0.5rem}.isolate{isolation:isolate}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.leading-\[1\.1\]{line-height:1.1}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:76rem}.max-w-xl{max-width:36rem}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[88svh\]{min-height:88svh}.min-w-\[44px\]{min-width:44px}.min-w-0{min-width:0px}.mt-0\.5{margin-top:0.125rem}.mt-1{margin-top:0.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:0.5rem}.mt-3{margin-top:0.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.mx-auto{margin-left:auto;margin-right:auto}.not-italic{font-style:normal}.object-cover{object-fit:cover}.opacity-40{opacity:0.4}.order-1{order:1}.order-2{order:2}.overflow-hidden{overflow:hidden}.p-3{padding:0.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.pb-20{padding-bottom:5rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.place-items-center{place-items:center}.pointer-events-none{pointer-events:none}.pt-2{padding-top:0.5rem}.pt-28{padding-top:7rem}.pt-3{padding-top:0.75rem}.pt-6{padding-top:1.5rem}.px-1{padding-left:0.25rem;padding-right:0.25rem}.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:0.25rem;padding-bottom:0.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.relative{position:relative}.ring-1{--mrea-ring-offset-shadow:0 0 0 var(--mrea-ring-offset-width,0px) var(--mrea-ring-offset-color,rgb(255 255 255 / 0));--mrea-ring-shadow:0 0 0 calc(1px + var(--mrea-ring-offset-width,0px)) var(--mrea-ring-color,rgb(43 74 99 / 0.5));box-shadow:var(--mrea-ring-offset-shadow, 0 0 #0000), var(--mrea-ring-shadow, 0 0 #0000), var(--mrea-shadow, 0 0 #0000)}.ring-azul\/10{--mrea-ring-color:rgb(43 74 99 / 0.1)}.rotate-180{--mrea-rot:180deg;transform:translate(var(--mrea-tx, 0), var(--mrea-ty, 0)) rotate(var(--mrea-rot, 0deg)) scale(var(--mrea-sx, 1), var(--mrea-sy, 1))}.rounded-2xl{border-radius:1.15rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.65rem}.rounded-none{border-radius:0px}.rounded-xl{border-radius:0.85rem}.rounded{border-radius:0.4rem}.scroll-mt-20{scroll-margin-top:5rem}.shadow-azul-900\/20{--mrea-shadow-color:rgb(26 44 59 / 0.2)}.shadow-azul\/10{--mrea-shadow-color:rgb(43 74 99 / 0.1)}.shadow-lg{--mrea-shadow:0 10px 15px -3px rgb(26 44 59 / 0.1), 0 4px 6px -4px rgb(26 44 59 / 0.1);box-shadow:var(--mrea-ring-offset-shadow, 0 0 #0000), var(--mrea-ring-shadow, 0 0 #0000), var(--mrea-shadow, 0 0 #0000)}.shadow-sm{--mrea-shadow:0 1px 2px 0 rgb(26 44 59 / 0.06);box-shadow:var(--mrea-ring-offset-shadow, 0 0 #0000), var(--mrea-ring-shadow, 0 0 #0000), var(--mrea-shadow, 0 0 #0000)}.shrink-0{flex-shrink:0}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[9px\]{font-size:9px}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-arena{color:rgb(232 220 196)}.text-arena\/70{color:rgb(232 220 196 / 0.7)}.text-arena\/85{color:rgb(232 220 196 / 0.85)}.text-azul{color:rgb(43 74 99)}.text-azul\/35{color:rgb(43 74 99 / 0.35)}.text-azul\/60{color:rgb(43 74 99 / 0.6)}.text-balance{text-wrap:balance}.text-base{font-size:1rem;line-height:1.5rem}.text-cacao-900{color:rgb(78 52 46)}.text-cacao{color:rgb(109 76 65)}.text-cacao\/80{color:rgb(109 76 65 / 0.8)}.text-center{text-align:center}.text-crema{color:rgb(249 246 240)}.text-left{text-align:left}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-matcha-700{color:rgb(85 112 28)}.text-pretty{text-wrap:pretty}.text-right{text-align:right}.text-rosa-700{color:rgb(184 59 71)}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-taro-700{color:rgb(122 76 135)}.text-white{color:rgb(255 255 255)}.text-white\/70{color:rgb(255 255 255 / 0.7)}.text-white\/90{color:rgb(255 255 255 / 0.9)}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.to-azul-900\/90{--mrea-gradient-to:rgb(26 44 59 / 0.9)}.top-0{top:0px}.tracking-\[0\.14em\]{letter-spacing:0.14em}.tracking-\[0\.16em\]{letter-spacing:0.16em}.tracking-\[0\.18em\]{letter-spacing:0.18em}.tracking-tight{letter-spacing:-0.025em}.tracking-wide{letter-spacing:0.025em}.tracking-wider{letter-spacing:0.05em}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.underline-offset-4{text-underline-offset:4px}.underline{text-decoration-line:underline}.uppercase{text-transform:uppercase}.via-azul\/70{--mrea-gradient-stops:var(--mrea-gradient-from),rgb(43 74 99 / 0.7),var(--mrea-gradient-to,rgb(255 255 255 / 0))}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-16{width:4rem}.w-3\.5{width:0.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.z-10{z-index:10}.z-50{z-index:50}.after\:absolute::after{content:"";position:absolute}.after\:inset-0::after{content:"";inset:0px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--mrea-ring-offset-shadow:0 0 0 var(--mrea-ring-offset-width,0px) var(--mrea-ring-offset-color,rgb(255 255 255 / 0));--mrea-ring-shadow:0 0 0 calc(2px + var(--mrea-ring-offset-width,0px)) var(--mrea-ring-color,rgb(43 74 99 / 0.5));box-shadow:var(--mrea-ring-offset-shadow, 0 0 #0000), var(--mrea-ring-shadow, 0 0 #0000), var(--mrea-shadow, 0 0 #0000)}.focus-visible\:ring-azul:focus-visible{--mrea-ring-color:rgb(43 74 99)}.focus-visible\:ring-current:focus-visible{--mrea-ring-color:currentColor}.focus-visible\:ring-offset-2:focus-visible{--mrea-ring-offset-width:2px}.focus-visible\:ring-offset-transparent:focus-visible{--mrea-ring-offset-color:transparent}.focus-visible\:ring-white:focus-visible{--mrea-ring-color:rgb(255 255 255)}.group:hover .group-hover\:scale-105{--mrea-sx:1.05;--mrea-sy:1.05;transform:translate(var(--mrea-tx, 0), var(--mrea-ty, 0)) rotate(var(--mrea-rot, 0deg)) scale(var(--mrea-sx, 1), var(--mrea-sy, 1))}.hover\:-translate-y-1:hover{--mrea-ty:-0.25rem;transform:translate(var(--mrea-tx, 0), var(--mrea-ty, 0)) rotate(var(--mrea-rot, 0deg)) scale(var(--mrea-sx, 1), var(--mrea-sy, 1))}.hover\:bg-arena\/70:hover{background-color:rgb(232 220 196 / 0.7)}.hover\:bg-azul-700:hover{background-color:rgb(34 57 77)}.hover\:bg-crema:hover{background-color:rgb(249 246 240)}.hover\:bg-white:hover{background-color:rgb(255 255 255)}.hover\:bg-white\/10:hover{background-color:rgb(255 255 255 / 0.1)}.hover\:bg-white\/20:hover{background-color:rgb(255 255 255 / 0.2)}.hover\:border-azul\/50:hover{border-color:rgb(43 74 99 / 0.5)}.hover\:border-white\/60:hover{border-color:rgb(255 255 255 / 0.6)}.hover\:decoration-azul:hover{text-decoration-color:rgb(43 74 99)}.hover\:scale-\[1\.03\]:hover{--mrea-sx:1.03;--mrea-sy:1.03;transform:translate(var(--mrea-tx, 0), var(--mrea-ty, 0)) rotate(var(--mrea-rot, 0deg)) scale(var(--mrea-sx, 1), var(--mrea-sy, 1))}.hover\:shadow-azul\/10:hover{--mrea-shadow-color:rgb(43 74 99 / 0.1)}.hover\:shadow-md:hover{--mrea-shadow:0 4px 6px -1px rgb(26 44 59 / 0.1), 0 2px 4px -2px rgb(26 44 59 / 0.1);box-shadow:var(--mrea-ring-offset-shadow, 0 0 #0000), var(--mrea-ring-shadow, 0 0 #0000), var(--mrea-shadow, 0 0 #0000)}.hover\:shadow-xl:hover{--mrea-shadow:0 20px 25px -5px rgb(26 44 59 / 0.12), 0 8px 10px -6px rgb(26 44 59 / 0.1);box-shadow:var(--mrea-ring-offset-shadow, 0 0 #0000), var(--mrea-ring-shadow, 0 0 #0000), var(--mrea-shadow, 0 0 #0000)}.hover\:text-white:hover{color:rgb(255 255 255)}.hover\:underline:hover{text-decoration-line:underline}
@media (min-width: 640px){.sm\:aspect-\[21\/9\]{aspect-ratio:21/9}.sm\:block{display:block}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:gap-x-6{column-gap:1.5rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:h-\[72px\]{height:72px}.sm\:h-7{height:1.75rem}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-6{padding:1.5rem}.sm\:pt-32{padding-top:8rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:py-28{padding-top:7rem;padding-bottom:7rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:w-auto{width:auto}}
@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}}
@media (min-width: 1024px){.lg\:aspect-auto{aspect-ratio:auto}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:gap-12{gap:3rem}.lg\:gap-16{gap:4rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:h-full{height:100%}.lg\:min-h-\[420px\]{min-height:420px}.lg\:order-1{order:1}.lg\:order-2{order:2}}