/* Generado por herramientas/armar_css.py (y purgado) — no editar a mano. */
/* ===== fuentes.css ===== */
/* =============================================
   Fuentes servidas desde el propio sitio (antes venían de Google Fonts y
   bloqueaban el primer dibujo ~0,8 s). Mismos archivos que entrega Google,
   sólo el juego latino. Las páginas las precargan con <link rel="preload">.
   ============================================= */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url('../fonts/inter-latin.woff2') format('woff2');
}

@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/work-sans-latin.woff2') format('woff2');
}

/* ===== normalize.css ===== */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

aside,
footer,
header,
main,
menu,
nav,
section {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden] {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
/**
 * Address inconsistent and variable font size in all browsers.
 */
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/**
 * Address differences between Firefox and other browsers.
 */
/**
 * Contain overflow in all browsers.
 */
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
select {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce
 *    specificity and defer to the .w-button selector
 */
button,
html input[type="button"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input
 * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed
 *    (similar to normalize.css >=4.0.0)
 */
input[type='search'] {
  -webkit-appearance: none;
  /* 1 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

/* ===== webflow.css ===== */
@font-face {
  font-family: 'webflow-icons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');
  font-weight: normal;
  font-style: normal;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}
.w-inline-block {
  max-width: 100%;
  display: inline-block;
}
.w-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898EC;
  color: white;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
}
input.w-button {
  -webkit-appearance: button;
}
h1,
h2,
h3 {
  font-weight: bold;
  margin-bottom: 10px;
}
h1 {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}
h2 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}
h3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}
p {
  margin-top: 0;
  margin-bottom: 10px;
}
ul,
ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}
.w-embed:before,
.w-embed:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.w-embed:after {
  clear: both;
}
button,
[type='button'] {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button;
}
label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}
/**
 * ## Note
 * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well.
 * For example percentage units do not work on descendants of elements that
 * have any dimensions expressed in viewport units. It also doesn’t handle them at
 * all in `calc()`.
 */
/**
 * Wrapper around all lightbox elements
 *
 * 1. Since the lightbox can receive focus, IE also gives it an outline.
 * 2. Fixes flickering on Chrome when a transition is in progress
 *    underneath the lightbox.
 */
/**
 * Neat trick to bind the rubberband effect to our canvas instead of the whole
 * document on iOS. It also prevents a bug that causes the document underneath to scroll.
 */
/* .w-lightbox-content */
/*
 * 1. Remove default margin set by user-agent on the <figure> element.
 */
/**
 * IE adds image dimensions as width and height attributes on the IMG tag,
 * but we need both width and height to be set to auto to enable scaling.
 */
/**
 * 1. Reset if style is set by user on "All Images"
 */
/*
 * Without specifying the with and height inside the SVG, all versions of IE render the icon too small.
 * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows.
 * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer)
 */
/**
 * 1. All IE versions add extra space at the bottom without this.
 */
/*
 * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)`
 *    which doesn’t work in Safari anyway.
 * 2. Chrome renders images pixelated when switching to GPU. Making sure
 *    the parent is also rendered on the GPU (by setting translate3d for
 *    example) fixes this behavior.
 */
/*
 * Spinner
 *
 * Absolute pixel values are used to avoid rounding errors that would cause
 * the white spinning element to be misaligned with the track.
 */
/*
 * Utility classes
 */
@media (min-width: 768px) {
  /* .w-lightbox-content */
}
.w-nav {
  position: relative;
  background: #dddddd;
  z-index: 1000;
}
.w-nav:before,
.w-nav:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.w-nav:after {
  clear: both;
}
.w-nav-brand {
  position: relative;
  float: left;
  text-decoration: none;
  color: #333333;
}
.w-nav-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  color: #222222;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
.w-nav-link.w--current {
  color: #0082f3;
}
.w-nav-menu {
  position: relative;
  float: right;
}
[data-nav-menu-open] {
  display: block !important;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #C8C8C8;
  text-align: center;
  overflow: visible;
  min-width: 200px;
}
.w--nav-link-open {
  display: block;
  position: relative;
}
.w-nav-button {
  position: relative;
  float: right;
  padding: 18px;
  font-size: 24px;
  display: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}
.w-nav-button:focus {
  outline: 0;
}
.w-nav-button.w--open {
  background-color: #C8C8C8;
  color: white;
}
.w-nav[data-collapse='all'] .w-nav-menu {
  display: none;
}
.w-nav[data-collapse='all'] .w-nav-button {
  display: block;
}
/**
 * NOTE: These rules are overridden in site-designer.less to use container queries instead of media queries
 * when the navbar is inside a Frame on the Open Canvas.
 */
@media screen and (max-width: 991px) {
  .w-nav[data-collapse='medium'] .w-nav-menu {
    display: none;
  }
  .w-nav[data-collapse='medium'] .w-nav-button {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.w-layout-grid {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

/* ===== sesico.webflow.css ===== */
:root {
  --color-scheme-1--background: var(--_primitives---colors--white);
  --_typography---font-styles--body: Inter;
  --color-scheme-1--text: var(--_primitives---colors--neutral-darkest);
  --_typography---font-styles--heading: "Work Sans";
  --_primitives---colors--tango: #ee8017;
  --_primitives---colors--white: #fff;
  --_primitives---opacity--neutral-darkest-15: #00000026;
  --_primitives---opacity--neutral-darkest-5: #0000000d;
  --_primitives---colors--neutral-darkest: #000;
  --_primitives---opacity--white-20: #fff3;
  --_primitives---opacity--white-10: #ffffff1a;
  --_primitives---colors--tango-dark: #be6612;
  --_primitives---opacity--transparent: transparent;
  --_primitives---colors--neutral-lighter: #d8d8d8;
  --_primitives---opacity--neutral-darkest-60: #0009;
  --_primitives---opacity--white-60: #fff9;
  --_ui-styles---stroke--border-width: 1px;
  --color-scheme-1--border: var(--_primitives---opacity--neutral-darkest-15);
  --_ui-styles---radius--medium: 8px;
  --color-scheme-1--foreground: var(--_primitives---colors--neutral-lightest);
  --background-color--background-secondary\<deleted\|relume-variable-background-color-2\>: var(--base-color-neutral--neutral-lightest\<deleted\|relume-variable-color-neutral-3\>);
  --border-color--border-primary\<deleted\|relume-variable-border-color-1\>: var(--base-color-neutral--black\<deleted\|relume-variable-color-neutral-1\>);
  --_ui-styles---radius--small: 8px;
  --_ui-styles---radius--large: 8px;
  --color-scheme-1--accent: var(--_primitives---colors--neutral-darkest);
  --color-scheme-2--background: var(--_primitives---colors--neutral-darkest);
  --color-scheme-2--text: var(--_primitives---colors--white);
  --color-scheme-3--background: var(--_primitives---colors--neutral-darker);
  --color-scheme-3--text: var(--_primitives---colors--white);
  --color-scheme-4--background: var(--_primitives---colors--tango-lightest);
  --color-scheme-4--text: var(--_primitives---colors--neutral-darkest);
  --color-scheme-5--background: var(--_primitives---colors--neutral-dark);
  --color-scheme-5--text: var(--_primitives---colors--white);
  --_ui-styles---stroke--divider-width: 1px;
  --_primitives---colors--neutral-lightest: #f2f2f2;
  --_primitives---colors--neutral-light: #b2b2b2;
  --_primitives---colors--neutral: #7f7f7f;
  --_primitives---colors--neutral-dark: #4c4c4c;
  --_primitives---colors--neutral-darker: #191919;
  --_primitives---opacity--white-5: #ffffff0d;
  --_primitives---opacity--white-15: #ffffff26;
  --_primitives---opacity--white-30: #ffffff4d;
  --_primitives---opacity--white-40: #fff6;
  --_primitives---opacity--white-50: #ffffff80;
  --_primitives---opacity--neutral-darkest-10: #0000001a;
  --_primitives---opacity--neutral-darkest-20: #0003;
  --_primitives---opacity--neutral-darkest-30: #0000004d;
  --_primitives---opacity--neutral-darkest-40: #0006;
  --_primitives---opacity--neutral-darkest-50: #00000080;
  --color-scheme-2--border: var(--_primitives---opacity--white-20);
  --color-scheme-2--accent: var(--_primitives---colors--white);
  --color-scheme-2--foreground: var(--_primitives---colors--neutral-darker);
  --color-scheme-3--border: var(--_primitives---opacity--white-20);
  --color-scheme-3--accent: var(--_primitives---colors--white);
  --color-scheme-3--foreground: var(--_primitives---colors--neutral-darkest);
  --color-scheme-4--border: var(--_primitives---opacity--neutral-darkest-15);
  --color-scheme-4--accent: var(--_primitives---colors--neutral-darkest);
  --color-scheme-4--foreground: var(--_primitives---colors--tango-lighter);
  --color-scheme-5--border: var(--_primitives---opacity--white-20);
  --color-scheme-5--accent: var(--_primitives---colors--white);
  --color-scheme-5--foreground: var(--_primitives---colors--neutral);
  --_primitives---colors--tango-lightest: #fdf2e7;
  --_primitives---colors--tango-lighter: #fbe5d0;
  --_primitives---colors--tango-light: #f3a65c;
  --_primitives---colors--tango-darker: #5f3309;
  --_primitives---colors--tango-darkest: #472606;
  --_primitives---colors--white-lightest: #fff;
  --_primitives---colors--white-lighter: #fff;
  --_primitives---colors--white-light: #fff;
  --_primitives---colors--white-2: #fff;
  --_primitives---colors--white-dark: #ccc;
  --_primitives---colors--white-darker: #666;
  --_primitives---colors--white-darkest: #4c4c4c;
  --_primitives---colors--tuatara-lightest: #eaeaea;
  --_primitives---colors--tuatara-lighter: #d6d6d5;
  --_primitives---colors--tuatara-light: #706f6e;
  --_primitives---colors--tuatara: #333231;
  --_primitives---colors--tuatara-dark: #282827;
  --_primitives---colors--tuatara-darker: #141413;
  --_primitives---colors--tuatara-darkest: #0f0f0e;
  --base-color-neutral--neutral-lightest\<deleted\|relume-variable-color-neutral-3\>: #eee;
  --base-color-neutral--black\<deleted\|relume-variable-color-neutral-1\>: black;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  background-color: var(--color-scheme-1--background);
  font-family: var(--_typography---font-styles--body);
  color: var(--color-scheme-1--text);
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  font-family: var(--_typography---font-styles--heading);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  font-family: var(--_typography---font-styles--heading);
  letter-spacing: -.0325rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.25rem;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  font-family: var(--_typography---font-styles--heading);
  letter-spacing: -.0275rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 1.2;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--color-scheme-1--text);
  text-decoration: underline;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.hide {
  display: none;
}

.text-style-link {
  text-decoration: underline;
}

.text-style-link:hover {
  color: var(--_primitives---colors--tango);
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.margin-xxsmall {
  margin: .5rem;
}

.margin-xsmall {
  margin: 1rem;
}

.margin-small {
  margin: 1.5rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.margin-top, .margin-top.margin-small, .margin-top.margin-medium, .margin-top.margin-xxsmall, .margin-top.margin-xsmall, .margin-top.margin-large, .margin-top.margin-xxlarge {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom.margin-xxlarge {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.margin-bottom.margin-xxlarge.align-center {
  justify-content: center;
  align-items: center;
}

.margin-bottom.margin-medium, .margin-bottom.margin-small, .margin-bottom.margin-large, .margin-bottom.margin-xxsmall, .margin-bottom.margin-xsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.padding-top, .padding-top.padding-medium, .padding-top.padding-xxlarge {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom, .padding-bottom.padding-xxlarge, .padding-bottom.padding-medium {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical, .padding-vertical.padding-medium, .padding-vertical.padding-xxlarge {
  padding-left: 0;
  padding-right: 0;
}

.text-size-medium {
  font-size: 1.125rem;
}

.heading-style-h2 {
  letter-spacing: -.0325rem;
  font-size: 3.25rem;
  font-weight: 600;
  line-height: 1.2;
}

.heading-style-h2.align-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-style-h6 {
  color: var(--color-scheme-1--text);
  letter-spacing: -.01375rem;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.4;
}

.heading-style-h5 {
  letter-spacing: -.0175rem;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.4;
}

.heading-style-h1 {
  letter-spacing: -.045rem;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2;
}

.heading-style-h1.align-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--_primitives---colors--tango);
  background-color: var(--_primitives---colors--tango);
  color: var(--_primitives---colors--white);
  text-align: center;
  text-transform: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.5rem;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .2s, background-color .2s;
  display: flex;
}

.button:hover {
  border-color: var(--_primitives---colors--tango-dark);
  background-color: var(--_primitives---colors--tango-dark);
}

.button.is-secondary {
  border-color: var(--_primitives---opacity--neutral-darkest-15);
  background-color: var(--_primitives---opacity--transparent);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: var(--_primitives---colors--neutral-darkest);
}

.button.is-secondary:hover {
  background-color: var(--_primitives---opacity--neutral-darkest-5);
}

.button.is-secondary.is-alternate {
  border-color: var(--_primitives---opacity--white-20);
  background-color: var(--_primitives---opacity--transparent);
  color: var(--_primitives---colors--white);
}

.button.is-secondary.is-alternate:hover {
  border-color: var(--_primitives---opacity--white-20);
  background-color: var(--_primitives---opacity--white-10);
}

.button.is-small {
  padding: .5rem 1.25rem;
}

.button.is-small._2 {
  width: 120px;
}

.button.is-small._2:hover {
  transform: scale(.98);
}

.button.is-alternate {
  border-color: var(--_primitives---colors--white);
  background-color: var(--_primitives---colors--white);
  color: var(--_primitives---colors--neutral-darkest);
}

.button.is-alternate:hover {
  border-color: var(--_primitives---colors--neutral-lighter);
  background-color: var(--_primitives---colors--neutral-lighter);
}

.button.m {
  display: none;
}

.heading-style-h4 {
  letter-spacing: -.0225rem;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.3;
}

.text-size-regular {
  font-size: 1rem;
}

.heading-style-h3 {
  letter-spacing: -.0275rem;
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.text-color-white {
  color: var(--_primitives---colors--white);
}

.icon-embed-xsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.icon-embed-xsmall:hover {
  transform: scale(1.1);
}

.text-align-center {
  text-align: center;
}

.icon-1x1-medium {
  width: 3rem;
  height: 3rem;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.color-scheme-1 {
  background-color: var(--color-scheme-1--background);
  color: var(--color-scheme-1--text);
}

.color-scheme-4 {
  background-color: var(--color-scheme-4--background);
  color: var(--color-scheme-4--text);
}

.color-scheme-5 {
  background-color: var(--color-scheme-5--background);
  color: var(--color-scheme-5--text);
}

.navbar2_menu-button {
  padding: 0;
}

.navbar2_component {
  border-bottom-style: solid;
  border-bottom-width: 0;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 4.5rem;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.navbar2_component.color-scheme-1 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.navbar2_logo-link {
  padding-left: 0;
}

.navbar2_container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .375fr 1fr .375fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.navbar2_link {
  padding: .5rem 1rem;
}

.navbar2_link:hover, .navbar2_link.w--current {
  color: var(--_primitives---colors--tango);
}

.navbar2_menu {
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.navbar2_button-wrapper {
  grid-column-gap: 1rem;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.image-overlay-layer {
  z-index: 1;
  background-color: #00000080;
  position: absolute;
  inset: 0%;
}

.section_header5 {
  position: relative;
}

.header5_content {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  min-height: 100svh;
  max-height: 60rem;
  display: flex;
  position: relative;
}

.header5_background-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.header5_background-image-wrapper {
  z-index: 0;
  background-image: linear-gradient(#00000080, #00000080);
  position: absolute;
  inset: 0%;
}

.stats1_number {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.3;
}

.stats1_item {
  border-left: var(--_ui-styles---stroke--divider-width) solid var(--_primitives---colors--tango);
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 2rem;
}

.stats1_list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  width: 100%;
  display: grid;
}

.stats1_content {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.layout242_list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.layout242_item-icon-wrapper {
  display: inline-block;
}

.layout242_item {
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.section_logo3 {
  overflow: hidden;
}

.logo3_wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.logo3_logo {
  max-height: 3.5rem;
}

.logo3_component {
  display: flex;
}

.logo3_list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  white-space: nowrap;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center start;
  margin-right: 2rem;
  display: grid;
}

.cta39_card-content {
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  display: flex;
}

.cta39_image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cta39_card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border: var(--_ui-styles---stroke--border-width) solid var(--color-scheme-1--border);
  border-radius: var(--_ui-styles---radius--large);
  background-color: var(--color-scheme-1--foreground);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
  overflow: hidden;
}

.cta39_image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer4_logo-link {
  padding-left: 0;
}

.footer4_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  place-items: start;
  display: flex;
}

.footer4_credit-text {
  font-size: .875rem;
}

.footer4_bottom-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: flex;
}

.footer4_social-link {
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.divider-horizontal {
  width: 100%;
  height: var(--_ui-styles---stroke--divider-width);
  background-color: var(--color-scheme-1--border);
}

.footer4_link-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: start;
  display: flex;
}

.footer4_legal-link {
  font-size: .875rem;
  text-decoration: underline;
}

.footer4_top-wrapper {
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  justify-content: space-between;
  align-items: center;
}

.footer4_link {
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}

.footer4_link:hover {
  color: var(--_primitives---colors--tango);
}

.layout6_content {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.layout6_image-wrapper {
  border-radius: var(--_ui-styles---radius--large);
  overflow: hidden;
}

.layout6_image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.layout299_item-icon-wrapper {
  display: inline-block;
}

.layout299_item {
  width: 100%;
}

.layout299_list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  display: grid;
}

.layout299_list._2 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.layout299_list._2._1 {
  grid-template-rows: auto;
}

.logo6_logo {
  max-height: 5rem;
}

.logo6_wrapper {
  border-radius: var(--_ui-styles---radius--medium);
  background-color: var(--color-scheme-1--foreground);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: .875rem;
  display: flex;
  overflow: hidden;
}

.logo6_list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.header71_image-wrapper {
  border-radius: var(--_ui-styles---radius--large);
  width: 100%;
  overflow: hidden;
}

.contact16_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.contact16_item-icon-wrapper {
  flex: none;
  align-self: flex-start;
}

.contact16_contact-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.contact16_content {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.contact16_map {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.contact16_map-wrapper {
  border-radius: var(--_ui-styles---radius--large);
  width: 100%;
  height: 25rem;
  position: relative;
  overflow: hidden;
}

.locale {
  color: var(--_primitives---colors--tango);
  font-weight: 500;
}

.div-block-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-2.m {
  display: none;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.25rem;
  }

  h2 {
    font-size: 2.75rem;
  }

  h3 {
    font-size: 2.25rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .padding-xxlarge {
    padding: 4.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .heading-style-h1 {
    font-size: 3.25rem;
  }

  .heading-style-h4 {
    font-size: 1.75rem;
  }

  .heading-style-h3 {
    font-size: 2.25rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .menu-icon2_line-bottom {
    background-color: var(--color-scheme-1--text);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar2_menu-button {
    padding: 0;
  }

  .navbar2_menu-button.w--open {
    background-color: var(--_primitives---opacity--transparent);
  }

  .menu-icon2_line-top {
    background-color: var(--color-scheme-1--text);
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar2_container {
    grid-template-columns: .25fr 1fr;
    display: flex;
  }

  .menu-icon2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar2_link {
    text-align: center;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .navbar2_menu {
    border-bottom: 1px solid var(--color-scheme-1--border);
    background-color: var(--color-scheme-1--background);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    justify-content: center;
    width: 100%;
    padding: 1rem 5% 2.5rem;
    display: flex;
    position: absolute;
    overflow: auto;
  }

  .navbar2_menu.is-page-height-tablet {
    height: 100dvh;
    padding-bottom: 6.5rem;
    transition: height .5s;
  }

  .navbar2_button-wrapper {
    align-items: center;
  }

  .menu-icon2_line-middle {
    background-color: var(--color-scheme-1--text);
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon2_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .stats1_number {
    font-size: 4rem;
  }

  .stats1_list {
    grid-column-gap: 2rem;
  }

  .stats1_content {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

  .layout242_list {
    grid-column-gap: 2rem;
  }

  .cta39_card-content {
    padding: 3rem;
  }

  .cta39_card {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .footer4_top-wrapper {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

  .layout6_content {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .layout299_list {
    grid-template-columns: 1fr 1fr;
  }

  .contact16_content {
    grid-column-gap: 3rem;
  }

  .contact16_map-wrapper {
    height: 30rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 2rem;
  }

  .margin-xsmall {
    margin: .75rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .heading-style-h6 {
    font-size: 1.125rem;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .heading-style-h3 {
    font-size: 2rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .navbar2_component {
    min-height: 4rem;
  }

  .navbar2_menu.is-page-height-tablet {
    padding-bottom: 6rem;
  }

  .stats1_number {
    font-size: 3.5rem;
  }

  .stats1_list {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .stats1_content {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .layout242_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .logo3_wrapper {
    padding: .75rem 1rem;
  }

  .logo3_logo {
    max-height: 3rem;
  }

  .logo3_list {
    grid-column-gap: 1rem;
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
    padding-top: 1rem;
  }

  .cta39_card-content {
    padding: 2rem;
  }

  .footer4_credit-text {
    margin-top: 1rem;
  }

  .footer4_bottom-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-auto-flow: row;
    justify-items: center;
    padding-bottom: 1rem;
  }

  .footer4_link-list {
    grid-column-gap: 0px;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    grid-auto-flow: row;
    justify-items: center;
  }

  .layout6_content, .layout299_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .logo6_logo {
    max-height: 3rem;
  }

  .logo6_wrapper {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .logo6_list {
    grid-template-columns: 1fr 1fr;
  }

  .contact16_content {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .contact16_map-wrapper {
    height: 25rem;
  }
}

@media screen and (max-width: 479px) {
  h1, h2 {
    font-size: 2.5rem;
  }

  h3 {
    font-size: 2rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .heading-style-h2 {
    font-size: 2.5rem;
  }

  .heading-style-h6 {
    font-size: 1.125rem;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .heading-style-h1 {
    font-size: 2.75rem;
  }

  .button {
    display: none;
  }

  .button.is-small._2 {
    display: block;
  }

  .button.m {
    display: flex;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
  }

  .text-size-regular {
    font-size: .75rem;
  }

  .heading-style-h3 {
    font-size: 2rem;
  }

  .stats1_item {
    border-left-color: var(--_primitives---colors--tango);
  }

  .stats1_list {
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .stats1_content {
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .layout242_list {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .logo3_wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .logo3_list {
    justify-content: center;
  }

  .cta39_card {
    grid-template-columns: 1fr;
  }

  .footer4_credit-text {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .layout6_content {
    grid-template-columns: 1fr;
  }

  .layout299_component {
    flex-flow: column;
    display: flex;
  }

  .layout299_list {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .layout299_list._2._1 {
    flex-flow: column;
    grid-auto-flow: column;
    display: flex;
  }

  .logo6_wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .logo6_list {
    flex-flow: column;
    display: flex;
  }

   .contact16_contact-list, .contact16_content {
    grid-template-columns: 1fr;
  }

  .div-block-2 {
    display: none;
  }

  .div-block-2.m {
    flex-flow: column;
    display: flex;
  }
}

#w-node-_485ff312-f74c-a9a5-565e-00c501d76ab4-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76ab6-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76ab8-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76aba-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76abc-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76abe-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76ac0-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76ac2-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76ac5-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76ac7-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76ac9-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76acb-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76acd-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76acf-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76ad1-5e14b555, #w-node-_485ff312-f74c-a9a5-565e-00c501d76ad3-5e14b555 {
  justify-self: center;
}

#w-node-efac2e52-95fb-0425-7a44-cb211537216d-15372167 {
  justify-self: start;
}

#w-node-efac2e52-95fb-0425-7a44-cb211537217a-15372167 {
  justify-self: end;
}

#w-node-_141443ea-6d87-0af9-7ede-8092bd956bf7-bd956bf5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_141443ea-6d87-0af9-7ede-8092bd956bf9-bd956bf5 {
  justify-self: center;
}

#w-node-_141443ea-6d87-0af9-7ede-8092bd956c02-bd956bf5 {
  justify-self: end;
}

#w-node-ed591551-5993-79ea-a1fb-4f7b7f2a3b7b-3680be57, #w-node-ed591551-5993-79ea-a1fb-4f7b7f2a3b8d-3680be57 {
  align-self: start;
}

#w-node-ed591551-5993-79ea-a1fb-4f7b7f2a3bf9-3680be57 {
  justify-self: center;
}

#w-node-ed591551-5993-79ea-a1fb-4f7b7f2a3bff-3680be57 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a036-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a038-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a03a-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a03c-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a03e-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a040-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a042-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a044-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a047-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a049-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a04b-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a04d-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a04f-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a051-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a053-3680be57, #w-node-b1cb8ce7-4700-a2ac-46d1-81bf41c4a055-3680be57 {
  justify-self: center;
}

#w-node-_3a02daa8-35bc-47b2-f8c0-0283d70ab36f-8ac5d8f5 {
  place-self: center start;
}

#w-node-_3a02daa8-35bc-47b2-f8c0-0283d70ab371-8ac5d8f5 {
  align-self: center;
}

#w-node-_3a02daa8-35bc-47b2-f8c0-0283d70ab37a-8ac5d8f5, #w-node-_3a02daa8-35bc-47b2-f8c0-0283d70ab383-8ac5d8f5 {
  align-self: start;
}

@media screen and (max-width: 991px) {
  #w-node-efac2e52-95fb-0425-7a44-cb211537216d-15372167, #w-node-efac2e52-95fb-0425-7a44-cb211537217a-15372167 {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-efac2e52-95fb-0425-7a44-cb2115372180-15372167 {
    grid-area: 4 / 1 / 5 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-efac2e52-95fb-0425-7a44-cb211537216d-15372167 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

/* ===== base.css ===== */
/* =============================================
   Estilos que Webflow embebía dentro del <body> de cada página
   (ajustes globales y esquemas de color). Ahora se cargan con el resto del CSS.
   ============================================= */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
}

/* Ensure all elements inherit the color from its parent */
a,
.w-nav-link,
.w-nav-brand {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible {
   outline: 0.125rem solid #4d65ff;
   outline-offset: 0.125rem;
}
/* Get rid of top margin on first element in any rich text element */
/* Get rid of bottom margin on last element in any rich text element */
/* Prevent all click and hover interaction with an element */
/* Enables all click and hover interaction with an element */
/* Create a class of .div-square which maintains a 1:1 dimension of a div */
/* Make sure containers never lose their center alignment */
.container-small, .container-large {
	margin-right: auto !important;
  margin-left: auto !important;
}
/* Apply "..." after 3 lines of text */
/* Apply "..." after 2 lines of text */
/* Adds inline flex display */
/* These classes are never overwritten */
.hide {
  display: none !important;
}
/* Remove default Webflow chevron from form select */
select{
  -webkit-appearance:none;
}
@media screen and (max-width: 991px) {
    .hide {
        display: none !important;
    }
}
.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}
.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}
.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}
/* Apply "..." at 100% width */
/* Removes native scrollbar */

.color-scheme-1 {}
  .color-scheme-4 {
    --color-scheme-1--text: var(--color-scheme-4--text);
    --color-scheme-1--background: var(--color-scheme-4--background);
    --color-scheme-1--foreground: var(--color-scheme-4--foreground);
    --color-scheme-1--border: var(--color-scheme-4--border);
    --color-scheme-1--accent: var(--color-scheme-4--accent);
  }
  .color-scheme-5 {
    --color-scheme-1--text: var(--color-scheme-5--text);
    --color-scheme-1--background: var(--color-scheme-5--background);
    --color-scheme-1--foreground: var(--color-scheme-5--foreground);
    --color-scheme-1--border: var(--color-scheme-5--border);
    --color-scheme-1--accent: var(--color-scheme-5--accent);
  }
/* Override .w-slider-nav-invert styles */

/* ===== i18n.css ===== */
/* ── Selector de idioma ES / EN ── */
.lang-switcher {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
}

.lang-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 4px 6px;
  border-radius: 4px;
  color: inherit;
  opacity: 0.45;
  transition: opacity 0.15s, background 0.15s;
  line-height: 1;
}

.lang-btn:hover {
  opacity: 0.85;
}

.lang-btn.lang-active {
  opacity: 1;
  background: rgba(26, 122, 60, 0.10);
  color: #1a7a3c;
}

.lang-sep {
  font-size: 0.75rem;
  opacity: 0.3;
}

/* ===== custom.css ===== */
/* =============================================
   SESICO – Customizaciones globales
   Cargado después de sesico.webflow.css
   ============================================= */

/* ── 1. Paleta verde (reemplaza naranja "tango") ── */
:root {
  --_primitives---colors--tango:          #1a7a3c;
  --_primitives---colors--tango-dark:     #145f2e;
  --_primitives---colors--tango-light:    #52b06e;
  --_primitives---colors--tango-lightest: #eef7f2;
  --_primitives---colors--tango-lighter:  #d3edd9;
  --_primitives---colors--tango-darker:   #0c3c1d;
  --_primitives---colors--tango-darkest:  #072813;
}

/* SVG inline fill="#ee8017" → verde */

/* ── 2. Navbar fija con transparencia ── */
.navbar2_component.color-scheme-1 {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 1px 0 rgba(0,0,0,0.08);
  transition: background 0.3s;
}

/* Compensa la altura de la navbar fija (4.5rem) */
.main-wrapper {
  padding-top: 4.5rem;
}

/* ── 3. Botón "Portal Clientes" en navbar — no sobrepasar ancho razonable ── */
.navbar2_button-wrapper .portal-boton {
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  font-size: 0.875rem;
  white-space: nowrap;
}

/* ── 4. Color del switcher ES/EN → verde ── */
.lang-btn.lang-active {
  background: rgba(26, 122, 60, 0.10);
  color: #1a7a3c;
}

/* ── 5. Stat number color ── */
.stats1_number {
  color: var(--_primitives---colors--tango);
}

/* ── 6. Focus visible para links y botones nativos ── */
a:focus-visible,
button:focus-visible {
  outline: 0.125rem solid #4d65ff;
  outline-offset: 0.125rem;
}

/* ── 7. Pizarra Cámara Arbitral Rosario (market.html) ── */

/* La pizarra va justo antes de "Mercado de Chicago (CME)": recorta su
   padding inferior para no sumar 7rem + 7rem de .padding-section-large
   entre ambas secciones (quedaba un espacio enorme). */
.section_pizarra .padding-section-large {
  padding-bottom: 3rem;
}

.pizarra-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.pizarra-subtitle {
  color: var(--_primitives---colors--neutral-600, #64748b);
  font-size: 0.9rem;
  margin-top: 0.25rem;
}

.pizarra-meta {
  text-align: right;
  font-size: 0.875rem;
  color: var(--_primitives---colors--neutral-600, #64748b);
}

.pizarra-fecha {
  font-weight: 600;
  color: inherit;
}

.pizarra-stale-banner {
  background: #fff7ed;
  border: 1px solid #fdba74;
  color: #9a3412;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
}

.pizarra-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.25rem;
}

.grain-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 1.25rem;
}

.grain-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.grain-name {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 1rem;
}

.grain-badge-estimado {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--_primitives---colors--tango, #1a7a3c);
  background: var(--_primitives---colors--tango-lightest, #eef7f2);
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
}

.grain-price {
  font-size: 1.75rem;
  font-weight: 700;
  color: #0f172a;
}

.grain-price-currency {
  font-size: 0.9rem;
  font-weight: 500;
  color: #64748b;
  margin-left: 0.25rem;
}

.grain-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.grain-variacion {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 600;
  font-size: 0.875rem;
}

.grain-variacion.sube  { color: var(--_primitives---colors--tango, #1a7a3c); }
.grain-variacion.baja  { color: #dc2626; }
.grain-variacion.igual,
.grain-variacion.sinDato { color: #94a3b8; }

.grain-price-usd {
  font-size: 0.8rem;
  color: #64748b;
  white-space: nowrap;
}

.pizarra-actions {
  margin-top: 1.5rem;
}

.pizarra-historico {
  margin-top: 1.5rem;
  border-top: 1px solid #e2e8f0;
  padding-top: 1.5rem;
}

.pizarra-historico-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.pizarra-historico-controls select,
.pizarra-historico-fecha {
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #cbd5e1;
  font-size: 0.875rem;
}

.pizarra-historico-label {
  font-size: 0.875rem;
  color: #64748b;
}

#pizarra-historico-aplicar {
  margin-left: 0.25rem;
}

.pizarra-chart {
  width: 100%;
  height: 200px;
  background: #f8fafc;
  border-radius: 0.75rem;
  margin-bottom: 1rem;
}

.pizarra-historico-tabla {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.pizarra-historico-tabla th,
.pizarra-historico-tabla td {
  text-align: left;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #e2e8f0;
}

/* ── Carrusel de exportadores: los logos muy anchos (Amaggi, ADM) no se salen de su columna ── */
.logo3_logo {
  max-width: 100%;
  object-fit: contain;
}

/* ── 8. Datos de BCR en Mercado: Mercado Físico, FAS teórico, camiones y buques ──
   Mismo lenguaje que la pizarra: tarjetas blancas, borde #e2e8f0, verde de marca. */
.section_mercados .padding-section-large {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.section_mercados.is-gris {
  background: #f8fafc;
}

.mercado-panel {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 1.25rem;
  overflow-x: auto;
}

.mercado-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.mercado-chip {
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: #334155;
  border-radius: 999px;
  padding: 0.35rem 0.9rem;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.mercado-chip:hover {
  border-color: var(--_primitives---colors--tango, #1a7a3c);
}

.mercado-chip.is-activo {
  background: var(--_primitives---colors--tango, #1a7a3c);
  border-color: var(--_primitives---colors--tango, #1a7a3c);
  color: #ffffff;
}

.mercado-tabla {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.mercado-tabla th {
  text-align: left;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #64748b;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #e2e8f0;
  white-space: nowrap;
}

.mercado-tabla td {
  padding: 0.6rem 0.75rem;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: top;
}

.mercado-tabla tbody tr:last-child td {
  border-bottom: none;
}

.mercado-tabla .num {
  text-align: right;
  white-space: nowrap;
}

.mercado-tabla .precio {
  font-weight: 700;
  color: #0f172a;
}

.mercado-tabla .fila-total td {
  font-weight: 700;
  border-top: 1px solid #e2e8f0;
}

.mercado-sc {
  color: #94a3b8;
  font-weight: 500;
}

.mercado-vacio {
  color: #64748b;
  font-size: 0.9rem;
}

.mercado-logistica {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1.25rem;
}

.mercado-panel-titulo {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}

.mercado-panel-titulo h3 {
  font-size: 1.1rem;
  margin: 0;
}

.mercado-fuente {
  margin-top: 1rem;
  font-size: 0.8rem;
  color: #94a3b8;
}

.mercado-fuente a {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  /* En celular cada fila es un bloque: el dato principal a la derecha y el
     resto debajo con su etiqueta. No se oculta ninguna columna. */
  .mercado-panel {
    padding: 0.75rem 1rem;
  }
  .mercado-tabla thead {
    display: none;
  }
  .mercado-tabla,
  .mercado-tabla tbody {
    display: block;
  }
  .mercado-tabla tr {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 0.75rem;
    row-gap: 0.15rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid #f1f5f9;
  }
  .mercado-tabla tbody tr:last-child {
    border-bottom: none;
  }
  .mercado-tabla td {
    grid-column: 1;
    padding: 0;
    border: none;
    text-align: left;
    font-size: 0.85rem;
  }
  .mercado-tabla td.num:not(.principal) {
    text-align: left;
  }
  .mercado-tabla td:first-child {
    font-weight: 600;
    font-size: 0.9rem;
  }
  .mercado-tabla td[data-label]::before {
    content: attr(data-label) ": ";
    color: #94a3b8;
  }
  .mercado-tabla td.principal {
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: center;
    text-align: right;
    font-weight: 700;
    font-size: 1rem;
  }
  .mercado-tabla .fila-total td {
    border-top: none;
  }
  .mercado-logistica {
    grid-template-columns: 1fr;
  }
}

/* ── 9. Sin webflow.js ──
   Carrusel de logos: antes lo movía una interacción de Webflow (0 → -112rem en 30 s).
   Las dos tiras son iguales, así que correr -50% del total deja todo en el mismo lugar
   y el loop no se nota, en cualquier ancho de pantalla. */
@keyframes logos-desplazar {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.section_logo3 {
  overflow: hidden;
}

.logo3_component {
  width: max-content;
  animation: logos-desplazar 30s linear infinite;
}

.section_logo3:hover .logo3_component {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .logo3_component { animation: none; }
}

/* Menú del celular: el ☰ se convierte en ✕ cuando está abierto (antes lo animaba Webflow). */
.menu-icon2_line-top,
.menu-icon2_line-middle,
.menu-icon2_line-bottom {
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.w-nav-button.w--open .menu-icon2_line-top {
  transform: translateY(8px) rotate(45deg);
}

.w-nav-button.w--open .menu-icon2_line-middle {
  opacity: 0;
}

.w-nav-button.w--open .menu-icon2_line-bottom {
  transform: translateY(-8px) rotate(-45deg);
}

.w-nav-button:focus-visible {
  outline: 2px solid var(--_primitives---colors--tango, #1a7a3c);
  outline-offset: 2px;
}

/* ── 10. Botón flotante de WhatsApp ── */
.whatsapp-flotante {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 999px;
  background: #25d366;
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.whatsapp-flotante:hover {
  transform: scale(1.06);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}

.whatsapp-flotante svg {
  width: 1.9rem;
  height: 1.9rem;
  fill: currentColor;
}

@media screen and (max-width: 479px) {
  .whatsapp-flotante {
    right: 1rem;
    bottom: 1rem;
    width: 3.25rem;
    height: 3.25rem;
  }
}

/* ── 11. Página 404 ── */
.pagina404 {
  text-align: center;
}

.pagina404-codigo {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1;
  color: var(--_primitives---colors--tango, #1a7a3c);
  margin-bottom: 1rem;
}

.pagina404-texto {
  margin-top: 1rem;
  color: #475569;
}

.pagina404-en {
  margin-top: 0.75rem;
  font-size: 0.875rem;
  color: #64748b;
}

.pagina404-en a {
  text-decoration: underline;
}

.pagina404-botones {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

/* ── 12. Botones en celular ──
   La plantilla de Webflow oculta todos los .button por debajo de 480 px para esconder
   el del encabezado, y se llevaba puestos los del contenido ("Contactanos",
   "Ver histórico", los de la 404). Sólo el del encabezado queda oculto. */
@media screen and (max-width: 479px) {
  .main-wrapper .button {
    display: inline-block;
  }
}

/* ── 13. Imágenes con ancho y alto declarados (evitan saltos al cargar) ──
   Los logos traen width/height en el HTML; acá se respeta su tamaño de diseño. */
.logo3_logo,
.logo6_logo {
  width: auto;
  height: auto;
}

/* ── 14. Cabeceras más bajas en celular: que se vea contenido sin tener que bajar ── */
@media screen and (max-width: 767px) {
  .header5_content {
    min-height: 62svh;
  }
}

/* ── 15. Cabeceras bajas (Mercado y Contacto): lo útil va arriba ── */
.section_header5.is-corta .header5_content {
  min-height: 46svh;
}

.section_header5.is-corta .padding-section-large {
  padding-top: 4rem;
  padding-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .section_header5.is-corta .header5_content {
    min-height: 0;
  }
  .section_header5.is-corta .padding-section-large {
    padding-top: 2.5rem;
    padding-bottom: 2rem;
  }
  .section_header5.is-corta .heading-style-h1 {
    font-size: 2.25rem;
  }
}

.cabecera-acciones {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

/* Accesos a las secciones de Mercado */
.mercado-atajos {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.25rem;
}

.mercado-atajos a {
  padding: 0.4rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  transition: background 0.15s;
}

.mercado-atajos a:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* Que los saltos a una sección no queden tapados por el menú fijo */
section[id],
header[id] {
  scroll-margin-top: 5rem;
}

/* ── 16. «Pizarra de hoy» en Inicio ── */
.section_pizarra-inicio {
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
}

.pizarra-inicio {
  padding: 1.75rem 0;
}

.pizarra-inicio-cabeza {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.5rem 1rem;
  margin-bottom: 1rem;
}

.pizarra-inicio-titulo {
  font-size: 1.25rem;
  margin: 0;
}

.pizarra-inicio-fecha {
  margin: 0.15rem 0 0;
  font-size: 0.85rem;
  color: #64748b;
}

.pizarra-inicio-link {
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--_primitives---colors--tango, #1a7a3c);
}

.pizarra-inicio-link:hover {
  text-decoration: underline;
}

.pizarra-inicio-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
}

.pizarra-inicio-item {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.85rem 1rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.75rem;
  background: #ffffff;
}

.pizarra-inicio-grano {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #334155;
}

.pizarra-inicio-precio {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0f172a;
  white-space: nowrap;
}

.pizarra-inicio-precio.sin-dato {
  color: #94a3b8;
}

@media screen and (max-width: 991px) {
  .pizarra-inicio-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 479px) {
  .pizarra-inicio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .pizarra-inicio-precio {
    font-size: 1.1rem;
  }
}

/* ── 17. Pie: datos institucionales ── */
.footer-institucional {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem 2rem;
  padding-bottom: 2rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.footer-institucional p {
  margin: 0;
  opacity: 0.85;
}

.footer-institucional a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.footer-institucional-titulo {
  font-weight: 600;
  margin-bottom: 0.35rem;
}

.footer4_social-link {
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .footer-institucional {
    grid-template-columns: 1fr;
    text-align: center;
  }
}

/* ── 18. Sin saltos al cargar los datos ──
   Mientras llegan los datos, los contenedores ya ocupan su lugar (esqueletos del
   mismo tamaño que las tarjetas). */
.esqueleto {
  min-height: 8.5rem;
  background: linear-gradient(90deg, #f1f5f9 0%, #f8fafc 50%, #f1f5f9 100%);
  background-size: 200% 100%;
  animation: esqueleto-brillo 1.4s ease-in-out infinite;
  border-color: #eef2f6;
}

.pizarra-inicio-item.esqueleto {
  min-height: 6.5rem;
}

@keyframes esqueleto-brillo {
  from { background-position: 100% 0; }
  to   { background-position: -100% 0; }
}

@media (prefers-reduced-motion: reduce) {
  .esqueleto { animation: none; }
}

#fisico-contenido {
  min-height: 24rem;
}

.mercado-chips {
  min-height: 2.25rem;
}

#camiones-contenido,
#buques-contenido {
  min-height: 18rem;
}

@media screen and (max-width: 767px) {
  #fisico-contenido {
    min-height: 40rem;
  }
}

/* Links del pie con área táctil suficiente (WCAG 2.5.8) */
.footer-institucional a {
  display: inline-block;
  padding: 0.2rem 0;
}

/* Fuente de los datos de BCR: contraste suficiente */
.mercado-fuente {
  color: #64748b;
}

/* 19. TradingView diferido: se reserva el alto para que no salte la página al cargar */
.div-block-2 .tradingview-widget-container { min-height: 500px; }

/* ── 20. Accesibilidad: ES|EN legibles (antes opacidad 0.45, contraste insuficiente) ── */
.lang-btn { opacity: 1; color: #475569; }
.lang-btn:hover { opacity: 1; color: #1a7a3c; }

/* ── 21. Portal Clientes a la vista en el celular (antes sólo dentro del menú) ──
   El logo no se deja aplastar y en pantallas chicas el botón dice sólo «Portal». */
.navbar2_logo-link { flex-shrink: 0; }
.navbar2_logo { height: auto; }
/* El botón es flex: «Portal» y «Clientes» quedan como dos piezas; que el hueco sea un espacio. */
.navbar2_button-wrapper .portal-boton { grid-column-gap: .28em; column-gap: .28em; }
@media screen and (max-width: 767px) {
  .navbar2_container { grid-column-gap: .5rem; }
  .navbar2_logo { width: clamp(100px, 33vw, 198px); }
  .navbar2_button-wrapper { grid-column-gap: .375rem; margin-left: 0; }
  .navbar2_button-wrapper .portal-boton {
    display: inline-flex;
    padding: .5rem .75rem;
    font-size: .8125rem;
    line-height: 1.1;
  }
  .lang-switcher { margin-left: 0; gap: 0; }
  .lang-btn { padding: 4px 5px; }
}
@media screen and (max-width: 479px) {
  .portal-resto { display: none; }
  .navbar2_menu .button.m { display: none; }
}

/* ── 22. «Saltar al contenido»: invisible hasta que se llega con Tab ── */
.saltar-contenido {
  position: absolute;
  left: 1rem;
  top: -4rem;
  z-index: 10000;
  padding: .6rem 1rem;
  border-radius: .5rem;
  background: #1a7a3c;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}
.saltar-contenido:focus { top: 1rem; }
.mercado-panel:focus-visible { outline: 2px solid #1a7a3c; outline-offset: 2px; }

/* ── 23. Inicio: franja de credenciales (mejora 9) ── */
.stats1_list.credenciales { grid-template-columns: repeat(3, minmax(0, 1fr)); }
/* «Confianza» es más larga que «50+» y «BCR»: el número escala con el ancho para que las tres columnas queden parejas. */
.credenciales .stats1_number { font-size: clamp(2.5rem, 4.4vw, 4rem); }
@media screen and (max-width: 991px) { .stats1_list.credenciales { grid-template-columns: 1fr; grid-row-gap: 1.5rem; } }
.credencial-texto { margin: 0; max-width: 17rem; font-size: 1rem; font-weight: 500; line-height: 1.4; }
@media screen and (max-width: 767px) {
  .stats1_list.credenciales { grid-template-columns: 1fr; grid-row-gap: 1.25rem; }
  .credenciales .stats1_item { padding-left: 1.25rem; }
  .credenciales .stats1_number { font-size: 2.5rem; line-height: 1.1; }
}

/* ── 24. Inicio: servicios con ícono legible y un link cada uno (mejora 10) ── */
.servicio-icono-caja {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 999px;
  background: #1a7a3c;
  color: #fff;
}
.servicio-icono { width: 1.75rem; height: 1.75rem; }
.servicio-link {
  display: inline-block;
  margin-top: 1rem;
  padding: .25rem 0;
  color: inherit;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}
.servicio-link:hover { color: #9fd8b0; }

/* ── 25. Inicio: el cierre usa la foto de fondo en vez de ocupar media pantalla (mejora 13) ── */
.cierre-integrado .cta39_card {
  position: relative;
  overflow: hidden;
  grid-template-columns: 1fr;
  min-height: 22rem;
  border: none;
  background-color: #14231a;
}
.cierre-integrado .cta39_image-wrapper { position: absolute; inset: 0; }
.cierre-integrado .cta39_image { aspect-ratio: auto; object-position: 70% 50%; }
.cierre-integrado .cta39_image-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(12, 24, 16, .9) 0%, rgba(12, 24, 16, .72) 50%, rgba(12, 24, 16, .2) 100%);
}
.cierre-integrado .cta39_card-content { position: relative; z-index: 1; max-width: 40rem; color: #fff; }
@media screen and (max-width: 767px) {
  .cierre-integrado .cta39_card { min-height: 0; }
  .cierre-integrado .cta39_image-wrapper::after { background: rgba(12, 24, 16, .78); }
}

/* ── 26. Pasada de coherencia (crítica de diseño 2026-10-27) ── */

/* Franjas oscuras y pie: verde muy oscuro de la marca en vez del gris #4c4c4c de la plantilla. */
:root {
  --color-scheme-5--background: #123524;
}

/* Un solo estilo de ícono sobre fondo oscuro: círculo translúcido con el trazo en verde claro
   (Inicio → servicios, Nosotros → valores). La caja de alto fijo deja los títulos alineados. */
.servicio-icono-caja,
.color-scheme-5 .layout299_item-icon-wrapper .icon-1x1-medium {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #9fd8b0;
}
.color-scheme-5 .layout299_item-icon-wrapper {
  display: flex;
  justify-content: center;
  height: 3.5rem;
}
.color-scheme-5 .layout299_item-icon-wrapper .icon-1x1-medium svg {
  width: 1.75rem;
  height: 1.75rem;
}

/* Botones secundarios sobre foto (Contacto): mismo aspecto sin importar qué parte de la foto
   tengan detrás (antes uno se veía oliva y otro negro). */
.cabecera-acciones .button.is-secondary {
  background: rgba(10, 20, 14, 0.45);
  border-color: rgba(255, 255, 255, 0.75);
  color: #ffffff;
}
.cabecera-acciones .button.is-secondary:hover {
  background: rgba(10, 20, 14, 0.65);
}

/* «Sin cambios» en la pizarra: gris con contraste suficiente (antes #94a3b8, 2,6:1). */
.grain-variacion.igual,
.grain-variacion.sinDato {
  color: #64748b;
}
.grain-badge-estimado {
  font-size: 0.75rem;
}
.pizarra-inicio-grano .grain-badge-estimado {
  margin-left: 0.25rem;
  letter-spacing: 0;
  text-transform: none;
  vertical-align: 1px;
}

/* Mercado físico: el comprador, una vez arriba de la tabla. */
.mercado-comprador {
  margin: 0 0 0.5rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  color: #64748b;
}
.mercado-comprador strong {
  color: #0f172a;
}

/* Inicio: menos aire vacío entre los logos y el cierre. */
.cierre-integrado .padding-section-large {
  padding-top: 1rem;
}

/* ── 27. Futuros de Chicago (Mercado) ── */
.chicago-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
}
.chicago-pos-principal {
  font-size: 0.8rem;
  font-weight: 600;
  color: #64748b;
}
.chicago-siguientes {
  list-style: none;
  margin: 0.85rem 0 0;
  padding: 0.6rem 0 0;
  border-top: 1px solid #f1f5f9;
}
.chicago-siguientes li {
  display: grid;
  grid-template-columns: 3.5rem 1fr auto;
  align-items: baseline;
  gap: 0.5rem;
  padding: 0.15rem 0;
  font-size: 0.875rem;
}
.chicago-pos {
  color: #64748b;
}
.chicago-pos-precio {
  font-weight: 600;
  color: #0f172a;
  text-align: right;
}
.chicago-siguientes .grain-variacion {
  font-size: 0.8rem;
  justify-content: flex-end;
}
.chicago-grid .esqueleto {
  min-height: 12rem;
}
@media screen and (max-width: 991px) {
  .chicago-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ── 28. Celular ── */
@media screen and (max-width: 767px) {
  /* El párrafo de la cabecera de Inicio bajaba a 12 px. */
  .section_header5 .text-size-regular {
    font-size: 1rem;
    line-height: 1.5;
  }
  /* ES | EN y LinkedIn con área táctil de al menos 32 px (WCAG 2.5.8 pide 24). */
  .lang-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    min-height: 2rem;
    padding: 0 0.25rem;
  }
  /* En celular la fecha de cada bloque va alineada con el título, no a la derecha. */
  .pizarra-meta {
    text-align: left;
  }
}
/* El ícono de LinkedIn mide 24 px: el área táctil se agranda por fuera, sin achicarlo. */
.footer4_social-link {
  position: relative;
}
.footer4_social-link::after {
  content: "";
  position: absolute;
  inset: -0.5rem;
}
.pizarra-inicio-link {
  display: inline-block;
  padding: 0.3rem 0;
}

/* Pizarra, FAS y Chicago de a dos columnas en el celular, como en Inicio
   (de a una eran casi 900 px para cinco granos). */
@media screen and (max-width: 479px) {
  .pizarra-grid,
  .chicago-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }
  .pizarra-grid .grain-card,
  .chicago-grid .grain-card {
    padding: 0.85rem;
  }
  .pizarra-grid .grain-name,
  .chicago-grid .grain-name {
    font-size: 0.85rem;
  }
  .pizarra-grid .grain-price,
  .chicago-grid .grain-price {
    font-size: 1.3rem;
  }
  .pizarra-grid .grain-price-currency,
  .chicago-grid .grain-price-currency {
    display: block;
    margin-left: 0;
    font-size: 0.8rem;
  }
  .pizarra-grid .grain-footer,
  .chicago-grid .grain-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
  }
  .pizarra-grid .grain-card-top,
  .chicago-grid .grain-card-top {
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 0.4rem;
  }
  .chicago-siguientes li {
    grid-template-columns: auto 1fr;
    font-size: 0.8rem;
  }
  .chicago-siguientes .grain-variacion {
    grid-column: 2;
    font-size: 0.75rem;
  }
  .grain-card.esqueleto,
  .chicago-grid .esqueleto {
    min-height: 7.5rem;
  }
}

/* Nosotros, valores: la grilla centraba cada columna en el alto de la fila y «Compromiso»
   (dos renglones) quedaba más abajo que las demás. */
.color-scheme-5 .layout299_list {
  align-items: start;
}

/* Contacto: quedaban ~190 px vacíos entre el mapa y el pie. */
.section_contact16 .padding-section-large {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* Celular, tarjetas de a dos: «FOB comprador: u$s 245,00» puede pasar a dos renglones. */
@media screen and (max-width: 479px) {
  .pizarra-grid .grain-price-usd {
    white-space: normal;
  }
}

/* Celular, Mercado: las etiquetas «Entrega:» / «Calidad:» con contraste suficiente (antes #94a3b8). */
@media screen and (max-width: 767px) {
  .mercado-tabla td[data-label]::before {
    color: #64748b;
  }
}

/* ── 29. Cabecera de Nosotros: el texto caía sobre la camisa clara de la foto ──
   Degradé más oscuro del lado del texto (escritorio) y un poco más de
   oscurecido parejo en celular, donde el texto ocupa todo el ancho. */
.section_header5.is-oscuro-texto .image-overlay-layer {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, .35) 45%, rgba(0, 0, 0, 0) 70%);
}
.section_header5.is-oscuro-texto .heading-style-h1,
.section_header5.is-oscuro-texto .text-size-medium {
  text-shadow: 0 1px 12px rgba(0, 0, 0, .35);
}
@media screen and (max-width: 767px) {
  .section_header5.is-oscuro-texto .image-overlay-layer {
    background-image: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25));
  }
}

/* ── 30. «Portal Clientes» desplegable: portal nuevo y portal anterior ──
   Mientras los clientes crean su usuario nuevo, el anterior sigue en
   www.sesico.com.ar (servidor viejo). Lo abre y cierra js/sitio.js. */
.portal-menu { position: relative; }
.portal-boton {
  display: inline-flex;
  align-items: center;
  font: inherit;
  font-size: .875rem;
  cursor: pointer;
}
.portal-flecha { margin-left: .15em; transition: transform .15s ease; }
.portal-boton[aria-expanded="true"] .portal-flecha { transform: rotate(180deg); }
.portal-opciones {
  position: absolute;
  top: calc(100% + .5rem);
  right: 0;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  min-width: 17.5rem;
  padding: .375rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .14);
}
.portal-opciones[hidden] { display: none; }
.portal-opcion {
  display: flex;
  flex-direction: column;
  gap: .125rem;
  padding: .625rem .75rem;
  border-radius: .5rem;
  color: #0f172a;
  text-decoration: none;
}
.portal-opcion + .portal-opcion { margin-top: .125rem; }
.portal-opcion:hover,
.portal-opcion:focus-visible { background: rgba(26, 122, 60, .08); }
.portal-opcion-titulo { font-weight: 600; font-size: .9375rem; color: #123524; }
.portal-opcion-sub { font-size: .8125rem; line-height: 1.35; color: #64748b; }
@media screen and (max-width: 767px) {
  /* En el celular el menú ocupa el ancho de la pantalla, debajo de la barra. */
  .portal-menu { position: static; }
  .portal-opciones {
    position: fixed;
    top: 4.25rem;
    left: 1rem;
    right: 1rem;
    min-width: 0;
  }
}

/* ── 31. Política de privacidad (privacidad.html / en/privacy.html) ── */
.texto-legal { color: #1e293b; }
.texto-legal h1 { margin-bottom: .5rem; }
.texto-legal-fecha { color: #64748b; font-size: .9375rem; margin-bottom: 2rem; }
.texto-legal h2 { margin-top: 2rem; margin-bottom: .75rem; color: #123524; }
.texto-legal p, .texto-legal li { line-height: 1.65; }
.texto-legal p { margin-bottom: .75rem; }
.texto-legal ul { padding-left: 1.25rem; margin: 0 0 .75rem; }
.texto-legal li { margin-bottom: .5rem; }
.texto-legal a { color: #1a7a3c; text-decoration: underline; }
.texto-legal code { font-size: .875em; background: #f1f5f9; padding: .05em .3em; border-radius: .25rem; }
.texto-legal-aviso {
  margin-top: 1rem;
  padding: 1rem 1.25rem;
  font-size: .875rem;
  color: #475569;
  background: #f1f5f9;
  border-radius: .5rem;
}
/* Link del pie: mismo color que el texto del pie. */
.footer4_legal-link { color: inherit; }
.footer4_legal-link:hover { opacity: .8; }
/* En el celular el pie va centrado: el link también. */
.footer4_bottom-wrapper .footer4_legal-link { justify-self: center; align-self: center; }