/* Volare · proyecto: los bloques 5B de la maqueta elegida por Celia (montaje del 30-10-2026). Sale de lab/junta-assets.py; no se edita a mano. */

.lienzo, .lienzo *, .lienzo *::before, .lienzo *::after { box-sizing: border-box; }
.lienzo { container: lienzo / inline-size; width: 100%; background: var(--s-fondo); color: var(--s-tinta); font-size: 17px; line-height: 1.55; }
.lienzo .e-con.e-con, .lienzo.lienzo.e-con { display: block; flex: initial; flex-flow: row nowrap; place-content: normal; align-items: normal; gap: normal; margin: 0; padding: 0; width: auto; height: auto; min-width: auto; min-height: auto; max-width: none; overflow: visible; position: static; z-index: auto; border: 0; border-radius: 0; text-align: inherit; transition: none; }
.lienzo .e-con.e-con::before, .lienzo .e-con.e-con::after, .lienzo.lienzo.e-con::before, .lienzo.lienzo.e-con::after { all: unset; }
.lienzo .elementor-widget, .lienzo .elementor-widget-container { display: contents; }
.demo { font-family: var(--s-texto); }
.lienzo :is(h1, h2, h3) { text-wrap: balance; }
.lienzo :any-link { color: inherit; text-decoration: underline; }
.lienzo :any-link:is(:hover, :active) { color: inherit; }
.lienzo :is(button, [type="button"]) { background: none; border: 0; border-radius: 0; color: inherit; font: inherit; padding: 0; white-space: normal; }
.lienzo :is(button, [type="button"]):is(:hover, :focus) { background: none; color: inherit; }
.lienzo label { display: inline; color: inherit; line-height: inherit; vertical-align: baseline; }
.lienzo legend { display: block; }
.lienzo .b5-tab { text-decoration: none; }
.lienzo [id], main#content { scroll-margin-top: 126px; }
.lienzo .screen-reader-text { top: auto; margin: 0; }
@media (prefers-reduced-motion: reduce) { .demo, .demo *, .demo *::before, .demo *::after { animation: none !important; transition: none !important; } }
.lienzo.lienzo.lienzo.lienzo {
  --s-fondo: #ffffff; --s-papel: #F9FAFD; --s-tinta: #1C244B; --s-tenue: #4F5B66; --s-acento: #006068; --s-linea: #C8D5DC;
  --s-titular: "Poppins", "Segoe UI", system-ui, sans-serif; --s-texto: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --v-teal: var(--e-global-color-primary, #006068); --v-teal-hondo: #00525A; --v-coral: var(--e-global-color-text, #FB7163); --v-coral-t: #FB7163; --v-navy: #1C244B; --v-noche: #121A3A;
  --v-cielo: #E4EFF3; --v-filete: #DCE6EB; --v-agua: var(--e-global-color-accent, #74ACAC); --v-apagado: #56626A; --v-papel: #F7FAFB; --v-anillo: #7C8891;
  --v-blanco: var(--e-global-color-c696dce, #fff); --v-lampara: #FB7163; --v-lampara-halo: #FFE7E2; --v-lampara-halo-2: #FFC9BF; --v-campo-borde: #C8D3DA;
  --v-punto-apagado: #8E9AA3;
  --v-cielo-claro: #F1F6F8; --v-cielo-galeria: #CFE2EB;
  --v-plastico-1: #F5F8FA; --v-plastico-2: #E4EAEE; --v-apagado-claro: #6B7680; --v-texto: #2E3757;
  --v-senal-1: #EEF2F5; --v-senal-2: #E6ECF0; --v-senal-on-2: #F6F8FA;
  --v-lampara-apagada-1: #E1E7EB; --v-lampara-apagada-2: #D6DEE4; --v-lampara-apagada-tinta: #97A3AC;
  --v-marco-1: #FCFDFE; --v-marco-2: #EAEFF3; --v-marco-3: #D9E1E7; --v-marco-filo: #ECF1F4;
  --v-persiana-lama: #F3F6F8; --v-persiana-junta: #E3E9ED; --v-persiana-labio-1: #E9EEF1; --v-persiana-labio-2: #C9D3DA;
  --v-persiana-tirador: #9FAAB3; --v-sombra-honda: #00181B; --v-sombra-negra: #000;
  --ico-avion: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.25 12C22.88 11.25 22.12 10.8 21 10.8H15L10.12 2.25h-1.69l2.44 8.55H4.88L2.62 7.12H1.5l.75 3.68L1.12 12l1.12 1.2L1.5 16.88h1.12l2.25-3.68h6L8.44 21.75H10.12l4.88-8.55h6C22.12 13.2 22.88 12.75 23.25 12Z'/%3E%3C/svg%3E");
  --ico-estrategia: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.1 22.6l9.6-9.5a1.2 1.2 0 0 0-1.8-1.8l-9.5 9.6a1.2 1.2 0 0 0 1.7 1.7zm1.6-10.8a3.9 3.9 0 1 0 .1 0zm0 2.5a1.4 1.4 0 1 1-.1 0zm19.3-14.3l-4.7 3.1-6.4-1.9-1.5 1.5 5.2 3.1-2.1 2.2-3.1-.8-.9 1 2.9 2.4 2.4 2.9 1-.9-.7-3.1 2.1-2.1 3.1 5.2 1.5-1.5-1.9-6.4z'/%3E%3C/svg%3E");
  --ico-branding: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.2 12.3l6.2 1.4l7.6-9.2l.8-.1l3.4.8l.3.4l.1.5l-1.8 7.9l2.5.7l.4.4l-.3.5l-.8.8l-2.2 1.5l1 3.7v.4l-.5.1l-2.4-.6l-1.7-2.5l-2.9.6h-3.2l-7.8-1.6zm10.8.6l1.7.4l4.8-5.9l-1.6-.4z'/%3E%3C/svg%3E");
  --ico-web: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.5 2l1 0c3.9 0 7 3.1 7 7l0 6c0 3.9-3.1 7-7 7l-1 0c-3.9 0-7-3.1-7-7l0-6c0-3.9 3.1-7 7-7zm.4 2.4c-2.8 0-5 2.2-5 5l0 5.2c0 2.8 2.2 5 5 5l.2 0c2.8 0 5-2.2 5-5l0-5.2c0-2.8-2.2-5-5-5zm-2.8 2.1l6.9 6.9-3.1 0 1.7 3.6-1.5.6-1.7-3.7-2.3 2.2z'/%3E%3C/svg%3E");
  --ico-redes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.6 17.8l-5.5 1.1l-3.2 5.9h-2.1l1.4-5.9h-3l-1.6 2.6h-1.4l.5-3.7l-.5-3.8h1.4l1.6 2.6h3l-1.4-5.8h2.1l3.2 5.8zm8.3-11.3l-5.5 1.1l-3.3 5.9h-2.1l1.5-5.9h-3l-1.6 2.6h-1.4l.4-3.7l-.4-3.7h1.4l1.6 2.6h3l-1.5-5.9h2.1l3.3 5.9z'/%3E%3C/svg%3E");
  --ico-eventos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M3 6.5h18a1.5 1.5 0 0 1 1.5 1.5v2a2 2 0 0 0 0 4v2a1.5 1.5 0 0 1-1.5 1.5h-18a1.5 1.5 0 0 1-1.5-1.5v-2a2 2 0 0 0 0-4v-2a1.5 1.5 0 0 1 1.5-1.5zm6.2 2.9a2.6 2.6 0 1 0 .1 0z'/%3E%3C/svg%3E");
  --ico-flecha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.2 10.6h11.7l-3.7-3.6l-.3-.5v-.7l.2-.6l.6-.5h.6l.5.1l.4.2l6 6l.3.5v.6v.4l-.3.5l-6 6l-.5.3h-.6l-.6-.1l-.5-.6l-.1-.6l.1-.6l.2-.4l3.7-3.6l-12-.1l-.5-.2l-.4-.4l-.1-.4v-.5l.1-.4l.3-.4l.4-.3z'/%3E%3C/svg%3E");
  --ico-sale: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.6 16.4l8.5-8.5h-4.9h-.5l-.6-.5l-.2-.6v-.7l.4-.5l.4-.3l.5-.1h8.2l.5.1l.5.4l.3.5l.1.4v8.2l-.1.5l-.4.5l-.6.3h-.6l-.6-.3l-.4-.5l-.1-.5v-4.9l-8.7 8.7l-.5.1h-.5l-.4-.1l-.4-.4l-.2-.4v-.5l.1-.5z'/%3E%3C/svg%3E");
  --ico-anterior: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.6 6.6l-5.5 5.4l5.5 5.4l.2.4l.1.7l-.1.6l-.6.5l-.7.1l-.5-.1l-.4-.2l-6.4-6.4l-.3-.5v-.6v-.4l.3-.5l6.7-6.6l.5-.1h.5l.4.1l.4.4l.2.4v.5v.4z'/%3E%3C/svg%3E");
  --ico-siguiente: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.4 4.6l6.4 6.5l.3.5v.5l-.1.5l-.2.4l-6.4 6.4l-.5.3h-.6l-.6-.1l-.5-.6l-.1-.7l.1-.6l5.7-5.7l-5.5-5.4l-.2-.4l-.1-.4v-.5l.1-.4l.4-.4l.4-.2h.5l.5.1z'/%3E%3C/svg%3E");
  --ico-cerrar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 5.4l4.6 4.7l4.8-4.8l.5-.2h.5l.4.1l.4.3l.3.4v.4v.5l-.2.4l-4.8 4.8l4.8 4.8l.2.5v.5l-.1.4l-.3.4l-.4.3h-.4h-.5l-.4-.2l-4.8-4.8l-4.8 4.8l-.5.2h-.5l-.4-.1l-.4-.3l-.3-.4v-.4v-.5l.2-.4l4.8-4.8l-4.7-4.6l-.3-.5v-.4v-.5l.2-.4l.4-.4l.4-.1h.5l.4.1z'/%3E%3C/svg%3E");
  --ico-correo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M4.2 5h15.6q2.2 0 2.2 2.2v9.6q0 2.2-2.2 2.2H4.2Q2 19 2 16.8V7.2Q2 5 4.2 5Zm.4 2.6v1.6l7.4 5 7.4-5V7.6l-7.4 5Z'/%3E%3C/svg%3E");
  --v-sombra: 0 1px 2px rgb(from var(--v-navy) r g b / .06), 0 22px 44px -26px rgb(from var(--v-navy) r g b / .32);
  --v-sombra-baja: 0 1px 2px rgb(from var(--v-navy) r g b / .05), 0 10px 24px -18px rgb(from var(--v-navy) r g b / .28);
  --v-sombra-alta: 0 2px 4px rgb(from var(--v-navy) r g b / .06), 0 40px 80px -36px rgb(from var(--v-navy) r g b / .5);
  --v-margen: clamp(20px, 4.4cqi, 56px);
  --v-suave: cubic-bezier(.2, .8, .2, 1);
  --v-cortina: cubic-bezier(.7, 0, .2, 1);
}
.lienzo.lienzo.lienzo.lienzo .demo { padding: 0; font-size: 15px; font-weight: 500; line-height: 1.65; color: var(--v-navy); }
.lienzo.lienzo.lienzo :where(.lienzo .demo) :where(h1, h2, h3, h4, p, ul, ol, figure, blockquote, dl, dd) { margin: 0; }
.lienzo.lienzo.lienzo :where(.lienzo .demo) :where(h1, h2, h3, h4) { font-size: 1em; font-weight: 600; }
.lienzo.lienzo.lienzo :where(.lienzo .demo) :where(ul, ol) { padding: 0; list-style: none; }
.lienzo.lienzo.lienzo :where(.lienzo .demo) img { display: block; max-width: 100%; height: auto; }
.lienzo.lienzo.lienzo :where(.lienzo .demo) cite { font-style: normal; font-weight: 600; }
.lienzo.lienzo.lienzo.lienzo .screen-reader-text { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.lienzo.lienzo.lienzo .v-nw { white-space: nowrap; }
.lienzo.lienzo.lienzo.lienzo .v-gancho { display: block; font: 600 clamp(26px, 2.9cqi, 38px)/1.12 var(--s-titular); letter-spacing: -.02em; text-wrap: balance; color: var(--v-navy); }
.lienzo.lienzo.lienzo.lienzo .v-gancho-largo { display: block; font: 600 clamp(22px, 2.05cqi, 27px)/1.25 var(--s-titular); letter-spacing: -.015em; text-wrap: balance; color: var(--v-navy); }
.lienzo.lienzo.lienzo.lienzo .v-h2 { font: 600 clamp(22px, 2.1cqi, 27px)/1.2 var(--s-titular); letter-spacing: -.015em; text-wrap: balance; color: var(--v-navy); }
.lienzo.lienzo.lienzo.lienzo .v-h3 { font: 600 clamp(17px, 1.5cqi, 19px)/1.3 var(--s-titular); letter-spacing: -.005em; color: var(--v-navy); }
.lienzo.lienzo.lienzo.lienzo .v-seo { display: block; font: 600 clamp(14px, 1.2cqi, 15.5px)/1.5 var(--s-texto); color: var(--v-teal); letter-spacing: 0; text-wrap: balance; }
.lienzo.lienzo.lienzo.lienzo .v-lead { font-size: clamp(16px, 1.35cqi, 17px); line-height: 1.6; color: var(--v-navy); }
.lienzo.lienzo.lienzo.lienzo .v-meta { font: 400 13px/1.4 var(--s-titular); letter-spacing: .01em; color: var(--v-apagado); }
.lienzo.lienzo.lienzo.lienzo .v-rotulo { font: 600 12.5px/1.3 var(--s-titular); letter-spacing: .02em; color: var(--v-teal); }
.lienzo.lienzo.lienzo.lienzo .v-texto { color: var(--v-texto); }
.lienzo.lienzo.lienzo.lienzo .v-texto p + p { margin-block-start: .75em; }
.lienzo.lienzo.lienzo.lienzo .v-num { font-variant-numeric: tabular-nums; }
.lienzo.lienzo.lienzo .v-boton { position: relative; overflow: hidden; isolation: isolate; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-block-size: 50px; padding: 0 22px 0 26px; border: 0; border-radius: 999px; background: var(--v-coral); color: var(--v-navy);
  font: 600 15px/1 var(--s-titular); text-decoration: none; white-space: nowrap; cursor: pointer;
  box-shadow: 0 14px 28px -16px rgb(from var(--v-coral-t) r g b / .95), inset 0 -2px 0 rgb(from var(--v-navy) r g b / .1), inset 0 1px 0 rgb(from var(--v-blanco) r g b / .35);
  transition: transform .35s var(--v-suave), box-shadow .35s ease; }
.lienzo.lienzo.lienzo .v-boton::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(105deg, transparent 30%, rgb(from var(--v-blanco) r g b / .45) 50%, transparent 70%);
  translate: -110% 0; transition: translate .7s var(--v-suave); }
.lienzo.lienzo.lienzo .v-ico { display: inline-block; inline-size: 1em; block-size: 1em; flex: none; background-color: currentColor;
  -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
.lienzo.lienzo.lienzo .v-ico--avion { --ico: var(--ico-avion); }
.lienzo.lienzo.lienzo .v-ico--estrategia { --ico: var(--ico-estrategia); }
.lienzo.lienzo.lienzo .v-ico--branding { --ico: var(--ico-branding); }
.lienzo.lienzo.lienzo .v-ico--web { --ico: var(--ico-web); }
.lienzo.lienzo.lienzo .v-ico--redes { --ico: var(--ico-redes); }
.lienzo.lienzo.lienzo .v-ico--eventos { --ico: var(--ico-eventos); }
.lienzo.lienzo.lienzo .v-ico--flecha { --ico: var(--ico-flecha); }
.lienzo.lienzo.lienzo .v-ico--sale { --ico: var(--ico-sale); }
.lienzo.lienzo.lienzo .v-ico--anterior { --ico: var(--ico-anterior); }
.lienzo.lienzo.lienzo .v-ico--siguiente { --ico: var(--ico-siguiente); }
.lienzo.lienzo.lienzo .v-ico--cerrar { --ico: var(--ico-cerrar); }
.lienzo.lienzo.lienzo .v-ico--correo { --ico: var(--ico-correo); }
.lienzo.lienzo.lienzo .v-boton .v-ico { inline-size: 20px; block-size: 20px; flex: none; transition: transform .5s var(--v-suave); }
.lienzo.lienzo.lienzo .v-boton:hover { transform: translateY(-2px); box-shadow: 0 20px 34px -16px rgb(from var(--v-coral-t) r g b / .95), inset 0 -2px 0 rgb(from var(--v-navy) r g b / .1), inset 0 1px 0 rgb(from var(--v-blanco) r g b / .35); }
.lienzo.lienzo.lienzo .v-boton:hover::before { translate: 110% 0; }
.lienzo.lienzo.lienzo .v-boton:hover .v-ico { transform: translate(5px, -4px) rotate(-10deg); }
.lienzo.lienzo.lienzo .v-boton-noche { background: var(--v-navy); color: var(--v-blanco); box-shadow: 0 14px 28px -16px rgb(from var(--v-noche) r g b / .9); }
.lienzo.lienzo.lienzo .v-boton-noche .v-ico { color: var(--v-coral); }
.lienzo.lienzo.lienzo .v-enlace { display: inline-flex; align-items: center; gap: 8px; min-block-size: 44px; color: var(--v-teal);
  font: 600 15px/1.3 var(--s-titular); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 5px;
  text-decoration-color: rgb(from var(--v-teal) r g b / .35); transition: text-decoration-color .2s ease; }
.lienzo.lienzo.lienzo .v-enlace :is(svg, .v-ico) { inline-size: 18px; block-size: 18px; fill: currentColor; flex: none; }
.lienzo.lienzo.lienzo .v-enlace:hover { text-decoration-color: currentColor; }
.lienzo.lienzo.lienzo .v-enlace .v-flecha { inline-size: 16px; block-size: 16px; transition: translate .25s ease; }
.lienzo.lienzo.lienzo .v-enlace:hover .v-flecha { translate: 3px 0; }
.lienzo.lienzo.lienzo .v-enlace { position: relative; }
.lienzo.lienzo.lienzo .v-enlace::after { content: ""; position: absolute; inset-inline: var(--v-enlace-ini, 0px) var(--v-enlace-fin, 0px);
  inset-block-end: calc(50% - .65em - 2px); block-size: 1.5px; background: currentColor; transform: scaleX(0);
  transform-origin: left center; transition: transform .3s ease; pointer-events: none; }
.lienzo.lienzo.lienzo .v-enlace:has(> .v-flecha:last-child) { --v-enlace-fin: 24px; }
.lienzo.lienzo.lienzo .v-enlace:has(> :is(svg, .v-ico):first-child:not(.v-flecha)) { --v-enlace-ini: 26px; }
.lienzo.lienzo.lienzo.lienzo .v-enlace:is(:hover, :focus-visible) { text-decoration-color: transparent; }
.lienzo.lienzo.lienzo .v-enlace:is(:hover, :focus-visible)::after { transform: scaleX(1); }
@media (prefers-reduced-motion: reduce) {
.lienzo.lienzo.lienzo .v-enlace::after { transition: none; }
}
.lienzo.lienzo.lienzo.lienzo .demo :is(a, button, input, select, [tabindex]):focus-visible { outline: 2px solid var(--v-navy); outline-offset: 3px; border-radius: 6px; }
.lienzo.lienzo.lienzo.lienzo .demo .v-boton:focus-visible { border-radius: 999px; }
.lienzo.lienzo.lienzo .v-senales { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; padding: 6px; border-radius: 16px;
  background: linear-gradient(180deg, var(--v-plastico-1), var(--v-plastico-2));
  box-shadow: inset 0 1px 0 var(--v-blanco), inset 0 -1px 0 rgb(from var(--v-navy) r g b / .07), 0 1px 2px rgb(from var(--v-navy) r g b / .08), 0 12px 26px -20px rgb(from var(--v-navy) r g b / .4); }
.lienzo.lienzo.lienzo .v-senal { --i: 0; position: relative; display: flex; align-items: center; gap: 10px; min-inline-size: 0; padding: 8px 10px 8px 8px; border-radius: 11px;
  background: linear-gradient(180deg, var(--v-senal-1), var(--v-senal-2)); box-shadow: inset 0 1px 1px rgb(from var(--v-navy) r g b / .06);
  color: var(--v-apagado); font: 400 13px/1.25 var(--s-titular); transition: background-color .35s ease, color .35s ease; }
.lienzo.lienzo.lienzo .v-lampara { position: relative; display: grid; place-items: center; inline-size: 34px; block-size: 34px; flex: none; border-radius: 10px;
  background: linear-gradient(180deg, var(--v-lampara-apagada-1), var(--v-lampara-apagada-2)); box-shadow: inset 0 1px 2px rgb(from var(--v-navy) r g b / .14), 0 1px 0 var(--v-blanco);
  color: var(--v-lampara-apagada-tinta); transition: background .35s ease, color .35s ease, box-shadow .35s ease; }
.lienzo.lienzo.lienzo .v-pict { inline-size: 20px; block-size: 20px; }
.lienzo.lienzo.lienzo .v-senal-txt { min-inline-size: 0; }
.lienzo.lienzo.lienzo .v-senal.on { background: linear-gradient(180deg, var(--v-blanco), var(--v-senal-on-2)); color: var(--v-navy); font-weight: 600; box-shadow: 0 1px 2px rgb(from var(--v-navy) r g b / .08); }
.lienzo.lienzo.lienzo .v-senal.on .v-lampara { color: var(--v-lampara); background: radial-gradient(circle at 50% 42%, var(--v-blanco) 0%, var(--v-lampara-halo) 46%, var(--v-lampara-halo-2) 100%);
  box-shadow: inset 0 0 0 1px rgb(from var(--v-coral-t) r g b / .22), 0 0 0 3px rgb(from var(--v-coral) r g b / .16), 0 0 18px 2px rgb(from var(--v-coral) r g b / .55); }
.lienzo.lienzo.lienzo .v-lampara::after { content: ""; position: absolute; inset: -3px; border-radius: 13px; border: 2px solid rgb(from var(--v-coral) r g b / .7); opacity: 0; pointer-events: none; }
@keyframes v-parpadeo {
 0% { opacity: .3; } 12% { opacity: 1; } 20% { opacity: .42; } 34% { opacity: 1; } 44% { opacity: .68; } 56%, 100% { opacity: 1; }
}
@keyframes v-onda {
 0% { opacity: .75; transform: scale(.8); } 100% { opacity: 0; transform: scale(1.7); }
}
.lienzo.lienzo.lienzo .v-senal.on.enciende .v-lampara { animation: v-parpadeo .6s linear calc(var(--i) * 80ms) both; }
.lienzo.lienzo.lienzo .v-senal.on.enciende .v-lampara::after { animation: v-onda .8s ease-out calc(var(--i) * 80ms + .35s) both; }
.lienzo.lienzo.lienzo .v-senales.compacta { gap: 4px; padding: 4px; border-radius: 12px; }
.lienzo.lienzo.lienzo .v-senales.compacta .v-senal { gap: 6px; padding: 5px 7px 5px 5px; border-radius: 8px; font-size: 12.5px; }
.lienzo.lienzo.lienzo .v-senales.compacta .v-lampara { inline-size: 26px; block-size: 26px; border-radius: 7px; }
.lienzo.lienzo.lienzo .v-senales.compacta .v-pict { inline-size: 16px; block-size: 16px; }
.lienzo.lienzo.lienzo .v-senales.minima { display: flex; inline-size: fit-content; gap: 4px; padding: 3px; border-radius: 10px; }
.lienzo.lienzo.lienzo .v-senales.minima .v-senal { padding: 0; background: none; box-shadow: none; }
.lienzo.lienzo.lienzo .v-senales.minima .v-senal-txt { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.lienzo.lienzo.lienzo .v-senales.minima .v-lampara { inline-size: 24px; block-size: 24px; border-radius: 7px; }
.lienzo.lienzo.lienzo .v-senales.minima .v-pict { inline-size: 14px; block-size: 14px; }
.lienzo.lienzo.lienzo .v-senales:not(.minima) { container: senales / inline-size; }
@container senales (max-width: 709px) {
.lienzo.lienzo.lienzo .v-senal { flex-direction: column; gap: 6px; padding: 9px 4px 8px; text-align: center; }
}
@container lienzo (max-width: 459px) {
.lienzo.lienzo.lienzo .v-senales:not(.minima) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.lienzo.lienzo.lienzo .v-senales:not(.minima) .v-senal { grid-column: span 2; }
.lienzo.lienzo.lienzo .v-senales:not(.minima) .v-senal:nth-child(4) { grid-column: 2 / span 2; }
}
.lienzo.lienzo.lienzo .v-ventanilla { --rx: 0; --ry: 0; position: relative; padding: clamp(12px, 1.5cqi, 20px); border-radius: 44% / 33%;
  background: linear-gradient(160deg, var(--v-marco-1) 0%, var(--v-marco-2) 48%, var(--v-marco-3) 100%);
  box-shadow: inset 0 2px 1px rgb(from var(--v-blanco) r g b / .95), inset 0 -12px 26px rgb(from var(--v-navy) r g b / .1), 0 1px 2px rgb(from var(--v-navy) r g b / .1), var(--v-sombra-alta); }
.lienzo.lienzo.lienzo .v-cristal { position: relative; overflow: hidden; isolation: isolate; block-size: 100%; border-radius: 41% / 30%; background: var(--v-cielo); }
.lienzo.lienzo.lienzo .v-cristal > img { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-width: none; object-fit: cover; color: transparent; }
.lienzo.lienzo.lienzo .v-cristal::after { content: ""; position: absolute; inset: 0; z-index: 4; border-radius: inherit; pointer-events: none;
  box-shadow: inset 0 0 0 4px rgb(from var(--v-marco-filo) r g b / .95), inset 0 0 0 5px rgb(from var(--v-navy) r g b / .1), inset 0 14px 26px -8px rgb(from var(--v-noche) r g b / .4), inset 0 -10px 22px -10px rgb(from var(--v-noche) r g b / .25); }
.lienzo.lienzo.lienzo .v-cristal::before { content: ""; position: absolute; inset: -20%; z-index: 3; pointer-events: none;
  background: linear-gradient(118deg, rgb(from var(--v-blanco) r g b / .38) 0%, rgb(from var(--v-blanco) r g b / .12) 22%, rgb(from var(--v-blanco) r g b / 0) 40%);
  transform: translate(calc(var(--rx) * 14%), calc(var(--ry) * 10%)); transition: transform .6s var(--v-suave); }
.lienzo.lienzo.lienzo .v-persiana { --baja: 0; position: absolute; inset: 0 0 auto; z-index: 2; block-size: calc(var(--baja) * 100%);
  background: repeating-linear-gradient(180deg, var(--v-persiana-lama) 0 10px, var(--v-persiana-junta) 10px 11px); box-shadow: 0 8px 14px -8px rgb(from var(--v-noche) r g b / .5);
  transition: block-size .55s var(--v-cortina); }
.lienzo.lienzo.lienzo .v-persiana::after { content: ""; position: absolute; inset: auto 0 0; block-size: 16px; border-radius: 0 0 10px 10px;
  background: linear-gradient(180deg, var(--v-persiana-labio-1), var(--v-persiana-labio-2)); box-shadow: inset 0 -1px 0 rgb(from var(--v-navy) r g b / .15); }
.lienzo.lienzo.lienzo .v-persiana::before { content: ""; position: absolute; z-index: 1; inset: auto 0 5px; margin-inline: auto; inline-size: 42px; block-size: 5px; border-radius: 3px; background: var(--v-persiana-tirador); }
.lienzo.lienzo.lienzo .v-foto { position: relative; overflow: hidden; border-radius: 20px; background: var(--v-cielo); }
.lienzo.lienzo.lienzo .v-foto img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.lienzo.lienzo.lienzo .v-tarjeta { background: var(--v-blanco); border: 1px solid var(--v-filete); border-radius: 16px; box-shadow: var(--v-sombra-baja); }
.lienzo.lienzo.lienzo .v-nube { position: absolute; pointer-events: none; user-select: none; max-width: none; }
.lienzo.lienzo.lienzo .v-deriva { animation: v-deriva var(--t, 70s) ease-in-out infinite alternate; }
@keyframes v-deriva {
 to { translate: var(--d, 40px) 0; }
}
.lienzo.lienzo.lienzo .v-avion { fill: var(--v-coral); overflow: visible; }
.lienzo.lienzo.lienzo .v-estela { fill: none; stroke: var(--v-teal); stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: 5 7; opacity: .85; }
.lienzo.lienzo.lienzo .u5-miga { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; font: 400 13px/1.4 var(--s-titular); color: var(--v-apagado); }
.lienzo.lienzo.lienzo .u5-miga a { display: inline-flex; align-items: center; min-block-size: 32px; color: var(--v-teal); text-decoration: underline;
  text-decoration-color: rgb(from var(--v-teal) r g b / .35); text-underline-offset: 4px; }
.lienzo.lienzo.lienzo .u5-miga a:hover { text-decoration-color: currentColor; }
.lienzo.lienzo.lienzo .u5-miga [aria-current] { color: var(--v-navy); font-weight: 600; }
.lienzo.lienzo.lienzo .u5-senales-fila { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px 22px; }
.lienzo.lienzo.lienzo .u5-senales-rot { max-inline-size: 150px; }
.lienzo.lienzo.lienzo .u5-lista { display: flex; flex-wrap: wrap; gap: 8px; }
.lienzo.lienzo.lienzo .u5-lista li { padding: 6px 12px; border: 1px solid var(--v-filete); border-radius: 8px; background: var(--v-blanco); color: var(--v-texto); font: 500 13.5px/1.4 var(--s-texto); }
.lienzo.lienzo.lienzo .u5-puntos { display: inline-flex; gap: 4px; }
.lienzo.lienzo.lienzo .u5-puntos i { inline-size: 7px; block-size: 7px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--v-punto-apagado); }
.lienzo.lienzo.lienzo .u5-puntos i.on { background: var(--v-coral); box-shadow: 0 0 0 2px rgb(from var(--v-coral) r g b / .22); }
.lienzo.lienzo.lienzo .b5 { --b5-honda-1: #0B5157; --b5-honda-2: #07454B; --b5-honda-senal-1: #08494F; --b5-honda-senal-2: #064147; --b5-honda-tinta: #BFDCDA;
  --b5-honda-lampara-1: #0F5C63; --b5-honda-lampara-2: #0B5258; --b5-honda-lampara-tinta: #5E9996; --b5-honda-on-1: #12666D; --b5-honda-on-2: #0E5C63; }
.lienzo.lienzo.lienzo .b5:not(.b5--blanco) .v-senales.honda { background: linear-gradient(180deg, var(--b5-honda-1), var(--b5-honda-2));
  box-shadow: inset 0 1px 0 rgb(from var(--v-blanco) r g b / .09), inset 0 -1px 0 rgb(from var(--v-sombra-negra) r g b / .2), 0 18px 34px -24px rgb(from var(--v-sombra-honda) r g b / .7); }
.lienzo.lienzo.lienzo .b5:not(.b5--blanco) .v-senales.honda .v-senal { background: linear-gradient(180deg, var(--b5-honda-senal-1), var(--b5-honda-senal-2)); color: var(--b5-honda-tinta); box-shadow: inset 0 1px 1px rgb(from var(--v-sombra-negra) r g b / .25); }
.lienzo.lienzo.lienzo .b5:not(.b5--blanco) .v-senales.honda .v-senal:not(.on) .v-lampara { background: linear-gradient(180deg, var(--b5-honda-lampara-1), var(--b5-honda-lampara-2)); color: var(--b5-honda-lampara-tinta);
  box-shadow: inset 0 1px 2px rgb(from var(--v-sombra-negra) r g b / .35), 0 1px 0 rgb(from var(--v-blanco) r g b / .05); }
.lienzo.lienzo.lienzo .b5:not(.b5--blanco) .v-senales.honda .v-senal.on { background: linear-gradient(180deg, var(--b5-honda-on-1), var(--b5-honda-on-2)); color: var(--v-blanco); box-shadow: inset 0 1px 0 rgb(from var(--v-blanco) r g b / .08); }
.lienzo.lienzo.lienzo .v-senales.previa .v-senal.p-on .v-lampara { outline: 2px dashed rgb(from var(--v-coral) r g b / .9); outline-offset: 3px; }
@container lienzo (max-width: 759px) {
.lienzo.lienzo.lienzo .u5-senales-fila { grid-template-columns: minmax(0, 1fr); }
.lienzo.lienzo.lienzo .u5-senales-rot { max-inline-size: none; }
}
.lienzo.lienzo.lienzo .b5 { --b5-tinta: var(--v-blanco); --b5-rotulo: #B5E6E2; --b5-suave: #CFE6E4; --b5-texto: #DDF0EE; --b5-acto: #FFC9C1; --b5-subrayado: rgb(from var(--b5-rotulo) r g b / .45);
  --b5-linea: rgb(from var(--v-blanco) r g b / .14); --b5-velo: rgb(from var(--v-blanco) r g b / .06); --b5-flecha-borde: rgb(from var(--v-blanco) r g b / .24); --b5-chip-tinta: #E8F4F3;
  --b5-tab-borde: rgb(from var(--v-blanco) r g b / .12); --b5-tab-fondo: rgb(from var(--v-blanco) r g b / .05); --b5-tab-hover: rgb(from var(--v-blanco) r g b / .1);
  --b5-tab-filtro: saturate(.75) brightness(.86); --b5-foto-fondo: #04343A; --b5-foto-aro: rgb(from var(--v-blanco) r g b / .08); --b5-punto: #8FC3C0;
  --b5-sombra: rgb(from var(--v-sombra-honda) r g b / .75);
  position: relative; isolation: isolate; overflow: clip; display: grid; gap: clamp(18px, 2cqi, 26px); padding: clamp(28px, 3.4cqi, 48px) var(--v-margen);
  background-color: var(--v-teal); color: var(--b5-tinta); }
.lienzo.lienzo.lienzo .b5--blanco { --b5-tinta: var(--v-navy); --b5-rotulo: var(--v-teal); --b5-suave: var(--v-apagado); --b5-texto: var(--v-texto); --b5-acto: var(--v-coral-t);
  --b5-subrayado: rgb(from var(--v-teal) r g b / .35); --b5-linea: var(--v-filete); --b5-velo: var(--v-blanco); --b5-flecha-borde: var(--v-campo-borde); --b5-chip-tinta: var(--v-texto);
  --b5-tab-borde: var(--v-filete); --b5-tab-fondo: var(--v-blanco); --b5-tab-hover: var(--v-papel); --b5-tab-filtro: saturate(.85);
  --b5-foto-fondo: var(--v-cielo); --b5-foto-aro: var(--v-filete); --b5-punto: var(--v-punto-apagado); --b5-sombra: rgb(from var(--v-navy) r g b / .3); background-color: var(--v-blanco); }
.lienzo.lienzo.lienzo .b5::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(90% 70% at 85% 0%, rgb(from var(--v-blanco) r g b / .1) 0%, rgb(from var(--v-blanco) r g b / 0) 60%), linear-gradient(180deg, var(--v-teal) 0%, var(--v-teal-hondo) 100%); }
.lienzo.lienzo.lienzo .b5--blanco::before { background: linear-gradient(180deg, var(--v-blanco) 0%, var(--v-papel) 100%); }
.lienzo.lienzo.lienzo .b5-nube { z-index: -1; inset-block-start: -12%; inset-inline-end: -14%; inline-size: 60%; opacity: .13; }
.lienzo.lienzo.lienzo .b5--blanco .b5-nube { display: none; }
.lienzo.lienzo.lienzo.lienzo .demo .b5 :is(a, button, [tabindex]):focus-visible { outline-color: var(--b5-tinta); }
.lienzo.lienzo.lienzo .b5-cab { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; }
.lienzo.lienzo.lienzo .b5-cab > .b5-miga { flex-basis: 100%; color: var(--b5-suave); }
.lienzo.lienzo.lienzo .b5 .b5-miga a { color: var(--b5-rotulo); text-decoration-color: var(--b5-subrayado); }
.lienzo.lienzo.lienzo .b5 .b5-miga a:hover { text-decoration-color: currentColor; }
.lienzo.lienzo.lienzo .b5 .b5-miga [aria-current] { color: var(--b5-tinta); }
.lienzo.lienzo.lienzo .b5-rot { display: flex; align-items: center; gap: 14px; }
.lienzo.lienzo.lienzo .b5 .b5-rotulo, .lienzo.lienzo.lienzo .b5 .b5-cliente { color: var(--b5-rotulo); }
.lienzo.lienzo.lienzo .b5-cuenta { display: inline-flex; align-items: center; gap: 8px; color: var(--b5-suave); font: 600 15px/1 var(--s-titular); }
.lienzo.lienzo.lienzo .b5-num { display: inline-block; overflow: clip; block-size: 1.2em; font-size: 30px; line-height: 1.2; color: var(--b5-tinta); }
.lienzo.lienzo.lienzo .b5-rodillo { display: grid; translate: 0 calc(var(--n) * -1.2em); transition: translate .6s var(--v-suave); }
.lienzo.lienzo.lienzo .b5-rodillo span { block-size: 1.2em; visibility: hidden; }
.lienzo.lienzo.lienzo .b5-rodillo span.ve, .lienzo.lienzo.lienzo .b5-rodillo.rueda span { visibility: visible; }
.lienzo.lienzo.lienzo .b5-flechas { display: flex; gap: 10px; }
.lienzo.lienzo.lienzo .b5-flecha { display: grid; place-items: center; inline-size: 48px; block-size: 48px; padding: 0; border: 1px solid var(--b5-flecha-borde); border-radius: 50%;
  background: var(--b5-velo); color: var(--b5-tinta); cursor: pointer; transition: background-color .25s ease, color .25s ease, border-color .25s ease; }
.lienzo.lienzo.lienzo .b5-flecha:hover { background: var(--v-coral); border-color: var(--v-coral); color: var(--v-navy); }
.lienzo.lienzo.lienzo .b5-flecha .v-ico { inline-size: 18px; block-size: 18px; transition: translate .3s var(--v-suave); }
.lienzo.lienzo.lienzo .b5-ant:hover .v-ico { translate: -2px 0; }
.lienzo.lienzo.lienzo .b5-sig:hover .v-ico { translate: 2px 0; }
.lienzo.lienzo.lienzo .b5-escena { display: grid; }
.lienzo.lienzo.lienzo .b5-proy { grid-area: 1 / 1; display: grid; grid-template-columns: minmax(0, 7fr) minmax(460px, 5fr); grid-template-areas: "foto txt" "foto mas";
  gap: 14px clamp(24px, 3.4cqi, 56px); align-items: center; align-content: center; }
.lienzo.lienzo.lienzo .b5-proy.oculto { visibility: hidden; }
.lienzo.lienzo.lienzo .b5-foto { grid-area: foto; position: relative; overflow: hidden; aspect-ratio: 3 / 2; border-radius: 22px; background: var(--v-blanco);
  box-shadow: 0 0 0 1px var(--b5-foto-aro), 0 40px 70px -36px var(--b5-sombra); }
.lienzo.lienzo.lienzo .b5-img { position: absolute; inset: 0; box-sizing: border-box; inline-size: 100%; block-size: 100%; max-width: none;
  padding: clamp(14px, 2cqi, 24px); object-fit: contain; }
.lienzo.lienzo.lienzo .b5-txt { grid-area: txt; display: grid; gap: 14px; justify-items: start; align-content: center; }
.lienzo.lienzo.lienzo .b5-mas { grid-area: mas; display: grid; gap: 14px; justify-items: start; }
.lienzo.lienzo.lienzo .b5-tit { font: 600 clamp(21px, 2cqi, 26px)/1.22 var(--s-titular); letter-spacing: -.012em; text-wrap: balance; color: var(--b5-tinta); }
.lienzo.lienzo.lienzo .b5-actos { display: grid; gap: 12px; }
.lienzo.lienzo.lienzo .b5-actos dt { font: 600 12.5px/1.3 var(--s-titular); letter-spacing: .02em; color: var(--b5-acto); }
.lienzo.lienzo.lienzo .b5-actos dd { margin: 3px 0 0; color: var(--b5-texto); font-size: 15px; line-height: 1.65; text-wrap: pretty; }
.lienzo.lienzo.lienzo .b5-actos a { color: var(--b5-rotulo); }
.lienzo.lienzo.lienzo .u5-lista.b5-lista li { padding: 5px 10px; border-color: var(--b5-linea); background: var(--b5-velo); color: var(--b5-chip-tinta); font-size: 12.5px; }
.lienzo.lienzo.lienzo .b5-web { color: var(--b5-rotulo); text-decoration-color: var(--b5-subrayado); }
.lienzo.lienzo.lienzo .b5-txt, .lienzo.lienzo.lienzo .b5-mas { transition: opacity .3s ease, translate .3s ease; }
.lienzo.lienzo.lienzo .b5-proy.sale :is(.b5-txt, .b5-mas) { opacity: .2; translate: 0 8px; }
.lienzo.lienzo.lienzo .b5-proy.entra :is(.b5-txt, .b5-mas) { animation: b5-entra .5s var(--v-suave) both; }
@keyframes b5-entra {
 from { opacity: .35; translate: 0 10px; }
}
.lienzo.lienzo.lienzo .b5-tira { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 10px; }
.lienzo.lienzo.lienzo .b5-tab { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 8px; justify-items: start; min-inline-size: 0; padding: 7px 7px 10px; border: 1px solid var(--b5-tab-borde);
  border-radius: 16px; background: var(--b5-tab-fondo); color: var(--b5-suave); font: 600 12.5px/1.3 var(--s-titular); text-align: start; cursor: pointer;
  transition: background-color .3s ease, border-color .3s ease, color .3s ease, translate .3s var(--v-suave); }
.lienzo.lienzo.lienzo .b5-tab:hover { background: var(--b5-tab-hover); color: var(--b5-tinta); translate: 0 -2px; }
.lienzo.lienzo.lienzo .b5-tab[aria-selected="true"] { border-color: rgb(from var(--v-coral) r g b / .9); background: rgb(from var(--v-coral) r g b / .1); color: var(--b5-tinta); }
.lienzo.lienzo.lienzo .b5-tab-foto { overflow: hidden; inline-size: 100%; aspect-ratio: 3 / 2; border-radius: 10px; background: var(--b5-foto-fondo); }
.lienzo.lienzo.lienzo .b5-tab-foto img { inline-size: 100%; block-size: 100%; object-fit: cover; filter: var(--b5-tab-filtro); transition: filter .3s ease; }
.lienzo.lienzo.lienzo .b5-tab:hover img, .lienzo.lienzo.lienzo .b5-tab[aria-selected="true"] img { filter: none; }
.lienzo.lienzo.lienzo .b5-tab-nombre { min-inline-size: 0; }
.lienzo.lienzo.lienzo .b5-tab .u5-puntos i { box-shadow: inset 0 0 0 1.5px var(--b5-punto); }
.lienzo.lienzo.lienzo .b5-tab .u5-puntos i.on { background: var(--v-coral); box-shadow: 0 0 0 2px rgb(from var(--v-coral) r g b / .25); }
.lienzo.lienzo.lienzo .b5-pie { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; padding-block-start: clamp(18px, 2cqi, 24px);
  border-block-start: 1px solid var(--b5-linea); }
.lienzo.lienzo.lienzo .b5-pie-txt { font: 600 clamp(17px, 1.5cqi, 19px)/1.35 var(--s-titular); color: var(--b5-tinta); }
@container lienzo (max-width: 1099px) {
.lienzo.lienzo.lienzo .b5-proy { grid-template-rows: auto 1fr; grid-template-areas: "foto txt" "mas txt"; row-gap: 20px; align-items: start; }
.lienzo.lienzo.lienzo .b5-txt { align-self: center; }
.lienzo.lienzo.lienzo .u5-lista.b5-lista { flex-direction: column; }
}
@container lienzo (min-width: 560px) and (max-width: 1099px) {
.lienzo.lienzo.lienzo .u5-lista.b5-lista { display: flex; flex-flow: row wrap; }
}
@container lienzo (min-width: 600px) and (max-width: 1099px) {
.lienzo.lienzo.lienzo .b5-tira { position: relative; grid-template-columns: none; grid-auto-flow: column; --k: 4; grid-auto-columns: calc((100% - var(--k) * 10px) / (var(--k) + .7)); overflow-x: auto;
    overscroll-behavior-x: contain; scroll-snap-type: x mandatory; padding: 6px 6px 10px; scroll-padding-inline: 6px; scrollbar-width: thin; }
.lienzo.lienzo.lienzo .b5-tab { scroll-snap-align: start; }
.lienzo.lienzo.lienzo .b5-tira:not(.al-final) { mask-image: linear-gradient(90deg, black calc(100% - 56px), transparent); }
}
@container lienzo (min-width: 750px) and (max-width: 1099px) {
.lienzo.lienzo.lienzo .b5-tira { --k: 5; }
}
@container lienzo (min-width: 895px) and (max-width: 1099px) {
.lienzo.lienzo.lienzo .b5-tira { --k: 6; }
}
@container lienzo (min-width: 1040px) and (max-width: 1099px) {
.lienzo.lienzo.lienzo .b5-tira { --k: 7; }
}
@container lienzo (max-width: 1023px) {
.lienzo.lienzo.lienzo .b5-proy { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; grid-template-areas: "foto" "txt" "mas"; }
.lienzo.lienzo.lienzo .b5-txt, .lienzo.lienzo.lienzo .b5-mas { max-inline-size: 560px; }
.lienzo.lienzo.lienzo .b5-txt { align-self: start; }
}
@container lienzo (min-width: 700px) and (max-width: 859px) {
.lienzo.lienzo.lienzo.lienzo .b5-actos dd { font-size: 17px; }
.lienzo.lienzo.lienzo.lienzo .b5-tit { font-size: 24px; }
.lienzo.lienzo.lienzo.lienzo :is(.b5-txt, .b5-mas) { max-inline-size: 670px; }
}
@container lienzo (min-width: 860px) and (max-width: 1023px) {
.lienzo.lienzo.lienzo.lienzo .b5-proy { grid-template-columns: minmax(0, 1fr) calc(40cqi - 89px); grid-template-areas: "foto foto" "txt mas"; }
.lienzo.lienzo.lienzo.lienzo :is(.b5-txt, .b5-mas) { max-inline-size: none; }
.lienzo.lienzo.lienzo.lienzo .b5-mas { align-self: center; }
.lienzo.lienzo.lienzo.lienzo .u5-lista.b5-lista { flex-direction: column; align-items: flex-start; }
.lienzo.lienzo.lienzo.lienzo .u5-lista.b5-lista li { text-wrap: balance; }
}
@container lienzo (min-width: 860px) and (max-width: 899px) {
.lienzo.lienzo.lienzo.lienzo .b5-proy { grid-template-columns: minmax(0, 1fr) calc(36cqi - 89px); }
}
@container lienzo (min-width: 860px) and (max-width: 1023px) {
.lienzo.lienzo.lienzo.lienzo .b5-web { text-wrap: pretty; }
}
@container lienzo (max-width: 599px) {
.lienzo.lienzo.lienzo .b5-tira { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.lienzo.lienzo.lienzo .b5-tab, .lienzo.lienzo.lienzo .b5-tab:nth-child(6) { grid-column: auto; }
}
@container lienzo (max-width: 459px) {
.lienzo.lienzo.lienzo .b5-tab { padding: 6px 5px 9px; font-size: 12px; }
.lienzo.lienzo.lienzo .b5-num { font-size: 26px; }
}