@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/work-sans.woff2") format("woff2");
}
@keyframes pc-entraCuna {
  from {
    opacity: 0;
    transform: rotate(-5deg) translateY(110px);
  }
  to {
    opacity: 1;
  }
}
@keyframes pc-lustre {
  0% {
    background-position: 160% 0;
  }
  55%, 100% {
    background-position: -60% 0;
  }
}
@keyframes pc-sube {
  to {
    transform: translateY(0);
  }
}
@keyframes pc-late {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.45;
  }
}
@keyframes pc-entra {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes pc-flipY {
  0% {
    transform: rotateY(0deg);
  }
  45% {
    transform: rotateY(180deg);
  }
  55% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes pc-giroSombra {
  0% {
    transform: translateX(-50%) scaleX(1);
    opacity: 0.8;
  }
  45% {
    transform: translateX(-50%) scaleX(0.16);
    opacity: 0.26;
  }
  55% {
    transform: translateX(-50%) scaleX(0.16);
    opacity: 0.26;
  }
  100% {
    transform: translateX(-50%) scaleX(1);
    opacity: 0.8;
  }
}
@keyframes pc-apar {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pc-vuela {
  from {
    transform: translate(var(--dx, 0px), var(--dy, 0px)) scale(var(--sc, 1));
  }
  to {
    transform: none;
  }
}
@keyframes pc-obRaya {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  14% {
    opacity: 1;
  }
  74% {
    transform: scaleX(1);
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    opacity: 0;
  }
}
@keyframes pc-obSalto {
  0% {
    transform: translate(var(--dx, 0px), var(--dy, 0px)) scale(var(--sc, 1));
    opacity: 0;
  }
  10%, 46% {
    transform: translate(var(--dx, 0px), var(--dy, 0px)) scale(var(--sc, 1));
    opacity: 1;
  }
  56% {
    transform: translate(var(--dx, 0px), var(--dy, 0px)) scale(var(--sc, 1));
    opacity: 0;
  }
  57% {
    transform: none;
    opacity: 0;
  }
  72%, 100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes pc-ch1 {
  0%, 18% {
    background: #0B334D;
    color: #fff;
    box-shadow: none;
  }
  22%, 90% {
    background: #e3e6ec;
    color: #7a8494;
    box-shadow: none;
  }
  96%, 100% {
    background: #0B334D;
    color: #fff;
    box-shadow: none;
  }
}
@keyframes pc-ch2 {
  0%, 18% {
    background: #fff;
    color: #0B334D;
    box-shadow: inset 0 0 0 2px #0B334D;
  }
  22%, 40% {
    background: #0B334D;
    color: #fff;
    box-shadow: none;
  }
  44%, 90% {
    background: #e3e6ec;
    color: #7a8494;
    box-shadow: none;
  }
  96%, 100% {
    background: #fff;
    color: #0B334D;
    box-shadow: inset 0 0 0 2px #0B334D;
  }
}
@keyframes pc-ch3 {
  0%, 18% {
    background: #e3e6ec;
    color: #7a8494;
    box-shadow: none;
  }
  22%, 40% {
    background: #fff;
    color: #0B334D;
    box-shadow: inset 0 0 0 2px #0B334D;
  }
  44%, 62% {
    background: #0B334D;
    color: #fff;
    box-shadow: none;
  }
  66%, 100% {
    background: #e3e6ec;
    color: #7a8494;
    box-shadow: none;
  }
}
@keyframes pc-ch4 {
  0%, 40% {
    background: #e3e6ec;
    color: #7a8494;
    box-shadow: none;
  }
  44%, 62% {
    background: #fff;
    color: #0B334D;
    box-shadow: inset 0 0 0 2px #0B334D;
  }
  66%, 90% {
    background: #0B334D;
    color: #fff;
    box-shadow: none;
  }
  96%, 100% {
    background: #e3e6ec;
    color: #7a8494;
    box-shadow: none;
  }
}
@keyframes pc-avanza {
  0%, 18% {
    transform: scaleX(0.25);
  }
  22%, 40% {
    transform: scaleX(0.5);
  }
  44%, 62% {
    transform: scaleX(0.75);
  }
  66%, 90% {
    transform: scaleX(1);
  }
  96%, 100% {
    transform: scaleX(0.25);
  }
}
@keyframes pc-encendida {
  0%, 100% {
    opacity: 0.46;
  }
  50% {
    opacity: 0.8;
  }
}
@keyframes pc-aviso {
  0%, 100% {
    opacity: 0;
  }
  1.5% {
    opacity: 0.8;
  }
  5% {
    opacity: 0.14;
  }
  7.5% {
    opacity: 0.62;
  }
  12% {
    opacity: 0;
  }
}
@keyframes pc-bo {
  0% {
    transform: scale(0.34);
    opacity: 0;
  }
  8% {
    opacity: 0.75;
  }
  52% {
    transform: scale(1.85);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pc-flota {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-13px);
  }
}
@keyframes pc-entraCard {
  from {
    opacity: 0;
    transform: translateY(34px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes pc-corre {
  to {
    transform: translateX(-50%);
  }
}
@keyframes pc-latevivo {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 75, 75, 0.6);
  }
  70% {
    box-shadow: 0 0 0 9px rgba(255, 75, 75, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 75, 75, 0);
  }
}
@keyframes pc-latevivo {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 75, 75, 0.6);
  }
  70% {
    box-shadow: 0 0 0 7px rgba(255, 75, 75, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 75, 75, 0);
  }
}
@keyframes pc-sube_p {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  10% {
    opacity: 0.6;
  }
  78% {
    opacity: 0.28;
  }
  100% {
    opacity: 0;
    transform: translateY(-1400px);
  }
}
@keyframes pc-obSale {
  to {
    opacity: 0;
  }
}
@keyframes mv-entraCuna {
  from {
    opacity: 0;
    transform: rotate(-5deg) translateY(110px);
  }
  to {
    opacity: 1;
  }
}
@keyframes mv-lustre {
  0% {
    background-position: 160% 0;
  }
  55%, 100% {
    background-position: -60% 0;
  }
}
@keyframes mv-sube {
  to {
    transform: translateY(0);
  }
}
@keyframes mv-late {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.45;
  }
}
@keyframes mv-entra {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes mv-flipY {
  0% {
    transform: rotateY(0deg);
  }
  45% {
    transform: rotateY(180deg);
  }
  55% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes mv-giroSombra {
  0% {
    transform: translateX(-50%) scaleX(1);
    opacity: 0.8;
  }
  45% {
    transform: translateX(-50%) scaleX(0.16);
    opacity: 0.26;
  }
  55% {
    transform: translateX(-50%) scaleX(0.16);
    opacity: 0.26;
  }
  100% {
    transform: translateX(-50%) scaleX(1);
    opacity: 0.8;
  }
}
@keyframes mv-apar {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mv-vuela {
  from {
    transform: translate(var(--dx, 0px), var(--dy, 0px)) scale(var(--sc, 1));
  }
  to {
    transform: none;
  }
}
@keyframes mv-obSale {
  to {
    opacity: 0;
  }
}
@keyframes mv-obRaya {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  14% {
    opacity: 1;
  }
  74% {
    transform: scaleX(1);
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    opacity: 0;
  }
}
@keyframes mv-obSalto {
  0% {
    transform: translate(var(--dx, 0px), var(--dy, 0px)) scale(var(--sc, 1));
    opacity: 0;
  }
  10%, 46% {
    transform: translate(var(--dx, 0px), var(--dy, 0px)) scale(var(--sc, 1));
    opacity: 1;
  }
  56% {
    transform: translate(var(--dx, 0px), var(--dy, 0px)) scale(var(--sc, 1));
    opacity: 0;
  }
  57% {
    transform: none;
    opacity: 0;
  }
  72%, 100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes mv-ch1 {
  0%, 18% {
    background: #0B334D;
    color: #fff;
    box-shadow: none;
  }
  22%, 90% {
    background: #e3e6ec;
    color: #7a8494;
    box-shadow: none;
  }
  96%, 100% {
    background: #0B334D;
    color: #fff;
    box-shadow: none;
  }
}
@keyframes mv-ch2 {
  0%, 18% {
    background: #fff;
    color: #0B334D;
    box-shadow: inset 0 0 0 2px #0B334D;
  }
  22%, 40% {
    background: #0B334D;
    color: #fff;
    box-shadow: none;
  }
  44%, 90% {
    background: #e3e6ec;
    color: #7a8494;
    box-shadow: none;
  }
  96%, 100% {
    background: #fff;
    color: #0B334D;
    box-shadow: inset 0 0 0 2px #0B334D;
  }
}
@keyframes mv-ch3 {
  0%, 18% {
    background: #e3e6ec;
    color: #7a8494;
    box-shadow: none;
  }
  22%, 40% {
    background: #fff;
    color: #0B334D;
    box-shadow: inset 0 0 0 2px #0B334D;
  }
  44%, 62% {
    background: #0B334D;
    color: #fff;
    box-shadow: none;
  }
  66%, 100% {
    background: #e3e6ec;
    color: #7a8494;
    box-shadow: none;
  }
}
@keyframes mv-ch4 {
  0%, 40% {
    background: #e3e6ec;
    color: #7a8494;
    box-shadow: none;
  }
  44%, 62% {
    background: #fff;
    color: #0B334D;
    box-shadow: inset 0 0 0 2px #0B334D;
  }
  66%, 90% {
    background: #0B334D;
    color: #fff;
    box-shadow: none;
  }
  96%, 100% {
    background: #e3e6ec;
    color: #7a8494;
    box-shadow: none;
  }
}
@keyframes mv-avanza {
  0%, 18% {
    transform: scaleX(0.25);
  }
  22%, 40% {
    transform: scaleX(0.5);
  }
  44%, 62% {
    transform: scaleX(0.75);
  }
  66%, 90% {
    transform: scaleX(1);
  }
  96%, 100% {
    transform: scaleX(0.25);
  }
}
@keyframes mv-encendida {
  0%, 100% {
    opacity: 0.46;
  }
  50% {
    opacity: 0.8;
  }
}
@keyframes mv-aviso {
  0%, 100% {
    opacity: 0;
  }
  1.5% {
    opacity: 0.8;
  }
  5% {
    opacity: 0.14;
  }
  7.5% {
    opacity: 0.62;
  }
  12% {
    opacity: 0;
  }
}
@keyframes mv-bo {
  0% {
    transform: scale(0.34);
    opacity: 0;
  }
  8% {
    opacity: 0.75;
  }
  52% {
    transform: scale(1.85);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mv-flota {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-13px);
  }
}
@keyframes mv-entraCard {
  from {
    opacity: 0;
    transform: translateY(34px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes mv-corre {
  to {
    transform: translateX(-50%);
  }
}
@keyframes mv-latevivo {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 75, 75, 0.6);
  }
  70% {
    box-shadow: 0 0 0 9px rgba(255, 75, 75, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 75, 75, 0);
  }
}
@keyframes mv-latevivo {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 75, 75, 0.6);
  }
  70% {
    box-shadow: 0 0 0 7px rgba(255, 75, 75, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 75, 75, 0);
  }
}
@keyframes mv-sube_p {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  10% {
    opacity: 0.6;
  }
  78% {
    opacity: 0.28;
  }
  100% {
    opacity: 0;
    transform: translateY(-1400px);
  }
}
.fce-pc * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.fce-pc {
  background: #07293C;
  font-family: "Work Sans", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #fff;
}
.fce-pc .cuna {
  position: absolute;
  z-index: 1;
  transform: rotate(-5deg);
  background: linear-gradient(180deg, rgba(8, 42, 66, 0) 0%, rgba(8, 44, 68, 0.78) 16%, rgba(9, 58, 74, 0.94) 42%, rgba(14, 86, 56, 0.96) 62%, rgba(40, 132, 6, 0.97) 84%, #2E8B00 100%);
  animation: pc-entraCuna 1.05s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.08s) both;
}
.fce-pc .cuna::before {
  content: "";
  position: absolute;
  inset: -28px;
  border-radius: inherit;
  border: 1.5px solid rgba(159, 232, 112, 0.3);
}
.fce-pc .gemelo {
  position: absolute;
  z-index: 0;
  border: 1.5px solid rgba(159, 232, 112, 0.18);
  pointer-events: none;
  animation: pc-entraCuna 1.2s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.22s) both;
}
.fce-pc .aura {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  border-radius: 50%;
  animation: pc-apar 1s ease calc(var(--ob) + 0.3s) both;
  background: radial-gradient(ellipse, rgba(3, 24, 40, 0.62), rgba(3, 24, 40, 0) 68%);
}
.fce-pc .cuna::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  background: linear-gradient(104deg, transparent 38%, rgba(255, 255, 255, 0.22) 48%, rgba(255, 255, 255, 0.22) 54%, transparent 64%);
  background-size: 260% 100%;
  animation: pc-lustre 6.5s ease-in-out calc(var(--ob) + 1.6s) infinite;
}
.fce-pc .grupo {
  font-weight: 700;
  color: #bfe3a3;
  animation: pc-entra 0.8s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.06s) both;
}
.fce-pc .titular {
  font-weight: 900;
  line-height: 0.86;
  letter-spacing: -0.046em;
  text-transform: uppercase;
  position: relative;
}
.fce-pc .titular span {
  display: block;
  overflow: hidden;
  padding-top: 0.18em;
  margin-top: -0.18em;
  padding-bottom: 0.14em;
  margin-bottom: -0.14em;
}
.fce-pc .titular b {
  display: block;
  font-weight: 900;
  transform: translateY(102%);
  animation: pc-sube 0.95s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.fce-pc .titular span:nth-child(1) b {
  animation-delay: calc(var(--ob) + 0.1s);
}
.fce-pc .titular span:nth-child(2) b {
  animation-delay: calc(var(--ob) + 0.22s);
}
.fce-pc .hueca {
  color: transparent;
  -webkit-text-stroke: 2.4px rgba(255, 255, 255, 0.62);
}
.fce-pc .brillo {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(104deg, transparent 40%, rgba(255, 255, 255, 0.22) 49%, transparent 58%);
  background-size: 300% 100%;
  mix-blend-mode: overlay;
  animation: pc-lustre 7.5s ease-in-out calc(var(--ob) + 2.4s) infinite;
}
.fce-pc .tag {
  display: flex;
  animation: pc-entra 0.8s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.5s) both;
}
.fce-pc .tag em {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-style: normal;
  border: 1.5px solid rgba(159, 232, 112, 0.55);
  border-radius: 999px;
  color: #C8F5A0;
  font-weight: 700;
}
.fce-pc .tag i {
  display: block;
  border-radius: 50%;
  background: #9FE870;
  animation: pc-late 2.4s ease-in-out infinite;
}
.fce-pc .tag2 {
  flex-wrap: wrap;
  animation-delay: calc(var(--ob) + 0.58s);
}
.fce-pc .tag.tag2 em {
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(159, 232, 112, 0.26);
  color: #d8e8f5;
}
.fce-pc .tag.tag2 i {
  background: #7fd4ff;
}
.fce-pc .giro {
  position: relative;
  animation: pc-entra 0.9s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.66s) both;
}
.fce-pc .gmarco {
  position: relative;
  perspective: 900px;
}
.fce-pc .pwb {
  font-weight: 700;
  color: #8fb0d0;
  text-transform: none;
}
.fce-pc .gcara {
  position: relative;
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
  animation: pc-flipY 4.5s ease-in-out calc(var(--ob) + 1.1s) infinite;
}
.fce-pc .gcara img {
  width: 100%;
  display: block;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.fce-pc .gcara .gdt {
  position: absolute;
  left: 0;
  top: 0;
  transform: rotateY(180deg);
}
.fce-pc .aegira {
  display: inline-block;
  perspective: 600px;
}
.fce-pc .aegira .gcara {
  height: 100%;
  animation-duration: 9s;
}
.fce-pc .aegira img {
  height: 100%;
  width: auto;
  display: block;
}
.fce-pc .gsombra {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(159, 232, 112, 0.34) 0%, rgba(159, 232, 112, 0) 72%);
  animation: pc-giroSombra 4.5s ease-in-out calc(var(--ob) + 1.1s) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .fce-pc .gcara, .fce-pc .gsombra {
    animation-duration: 14s !important;
  }
}
.fce-pc {
  --ob:0s;
}
.fce-pc .tarjetas {
  display: flex;
  gap: 22px;
  animation: pc-entra 0.85s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.62s) both;
}
.fce-pc .t1 {
  background: #fff;
  color: #0b2a5c;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.26);
}
.fce-pc .t1 .tt {
  font-weight: 700;
  line-height: 1.3;
}
.fce-pc .pasos {
  display: flex;
  gap: 10px;
}
.fce-pc .pz {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  background: #e3e6ec;
  color: #7a8494;
}
.fce-pc .pz.c1 {
  animation: pc-ch1 16s ease calc(var(--ob) + 2s) infinite;
}
.fce-pc .pz.c2 {
  animation: pc-ch2 16s ease calc(var(--ob) + 2s) infinite;
}
.fce-pc .pz.c3 {
  animation: pc-ch3 16s ease calc(var(--ob) + 2s) infinite;
}
.fce-pc .pz.c4 {
  animation: pc-ch4 16s ease calc(var(--ob) + 2s) infinite;
}
.fce-pc .barraProg {
  background: #e3e6ec;
  border-radius: 2px;
  overflow: hidden;
}
.fce-pc .barraProg i {
  display: block;
  height: 100%;
  width: 100%;
  transform-origin: left;
  transform: scaleX(0.25);
  background: linear-gradient(90deg, #0B334D, #39A900);
  animation: pc-avanza 16s cubic-bezier(0.6, 0, 0.2, 1) calc(var(--ob) + 2s) infinite;
}
.fce-pc .t1 .tp {
  color: #5a6474;
}
.fce-pc .t2 {
  background: #39A900;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.26);
}
.fce-pc .t2 {
  position: relative;
  overflow: visible;
}
.fce-pc .t2 .t2tx {
  position: relative;
  z-index: 2;
}
.fce-pc .mini {
  position: absolute;
  pointer-events: none;
}
.fce-pc .minitile {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: linear-gradient(160deg, #16394f, #0b2232);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.4);
}
.fce-pc .minifig {
  position: absolute;
  display: block;
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.45));
}
.fce-pc .minivivo {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 999px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.6px;
  z-index: 3;
}
.fce-pc .minivivo i {
  display: block;
  border-radius: 50%;
  background: #ff4b4b;
  animation: pc-latevivo 1.9s ease-out infinite;
}
.fce-pc .minictrl {
  position: absolute;
  display: flex;
  gap: 4px;
  opacity: 0.75;
  z-index: 3;
}
.fce-pc .t2 {
  position: relative;
  overflow: visible;
}
.fce-pc .t2 .t2tx {
  position: relative;
  z-index: 2;
}
.fce-pc .posa {
  position: absolute;
  pointer-events: none;
}
.fce-pc .posaico {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.3));
}
.fce-pc .posafig {
  position: absolute;
  display: block;
  filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.35));
  animation: pc-flota 3.9s ease-in-out infinite;
}
.fce-pc .t2 .tt2 {
  font-weight: 800;
  line-height: 1.2;
}
.fce-pc .t2 .ts2 {
  font-weight: 600;
  color: #eaffd9;
  line-height: 1.2;
}
.fce-pc .clases {
  animation: pc-entra 0.9s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.7s) both;
}
.fce-pc .lienzo .clases {
  position: absolute;
  left: 78px;
  top: 562px;
  width: 620px;
  z-index: 4;
}
.fce-pc .clases img {
  width: 100%;
  display: block;
}
.fce-pc .redes {
  display: flex;
  align-items: center;
  animation: pc-entra 0.85s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.7s) both;
}
.fce-pc .redes .ic {
  display: flex;
  align-items: center;
}
.fce-pc .redes .sep {
  background: rgba(255, 255, 255, 0.4);
  flex: none;
}
.fce-pc .redes .tx {
  font-weight: 700;
  letter-spacing: 2.4px;
  line-height: 1.5;
}
.fce-pc .cau {
  color: #cfe0f2;
  animation: pc-entra 0.85s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.78s) both;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.13);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.fce-pc .cau b {
  display: block;
  color: #fff;
}
.fce-pc .cau .gr {
  display: grid;
  grid-template-columns: max-content 1fr;
}
.fce-pc .cau .gr span:nth-child(odd) {
  color: #8fb0d0;
}
.fce-pc .enlaces {
  display: flex;
}
.fce-pc .enlaces a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.fce-pc .figura {
  position: absolute;
  bottom: 0;
  opacity: 0;
  transition: opacity 1s ease;
  z-index: 5;
}
.fce-pc .figura.on {
  opacity: 1;
  animation: pc-entra 1.1s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.3s) both;
}
.fce-pc .figura .flot {
  position: relative;
  z-index: 0;
  animation: pc-flota var(--rit) ease-in-out infinite;
}
.fce-pc .pantalla {
  position: absolute;
  left: 52.5%;
  top: 33%;
  width: 27%;
  padding-bottom: 27%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: screen;
  background: radial-gradient(circle, rgba(196, 232, 255, 0.9) 0%, rgba(150, 205, 255, 0.34) 30%, rgba(140, 200, 255, 0) 66%);
  animation: pc-encendida 4.6s ease-in-out infinite;
}
.fce-pc .aviso {
  position: absolute;
  left: 52.4%;
  top: 32.6%;
  width: 6%;
  padding-bottom: 11.5%;
  transform: translate(-50%, -50%) rotate(-11deg);
  border-radius: 16%/9%;
  pointer-events: none;
  z-index: 3;
  background: rgba(228, 245, 255, 0.95);
  filter: blur(1.6px);
  opacity: 0;
  animation: pc-aviso 9s ease-out calc(var(--ob) + 3.2s) infinite;
}
.fce-pc .boca {
  position: absolute;
  left: 80%;
  top: 14.5%;
  width: 30%;
  padding-bottom: 30%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2;
}
.fce-pc .boca i {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2.5px solid rgba(190, 235, 255, 0.75);
  opacity: 0;
}
.fce-pc .boca i:nth-child(1) {
  animation: pc-bo 4.2s ease-out calc(var(--ob) + 2.2s) infinite;
}
.fce-pc .boca i:nth-child(2) {
  animation: pc-bo 4.2s ease-out calc(var(--ob) + 3s) infinite;
}
.fce-pc .boca i:nth-child(3) {
  animation: pc-bo 4.2s ease-out calc(var(--ob) + 3.8s) infinite;
}
.fce-pc .figura img {
  width: 100%;
  display: block;
  filter: drop-shadow(0 0 1.5px rgba(214, 240, 255, 0.55)) drop-shadow(0 34px 46px rgba(0, 2, 10, 0.5));
}
.fce-pc .banca {
  position: absolute;
  z-index: -1;
}
.fce-pc .banca img {
  width: 100%;
  display: block;
  filter: drop-shadow(0 26px 34px rgba(0, 0, 0, 0.42));
}
.fce-pc .acceso {
  background: #fff;
  color: #102a3c;
  box-shadow: 0 40px 90px rgba(0, 0, 0, 0.42);
  animation: pc-entraCard 0.9s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.32s) both;
}
.fce-pc .acceso h2 {
  font-weight: 900;
  letter-spacing: -0.6px;
  color: #0B334D;
}
.fce-pc .acceso .sub {
  color: #5d7183;
  font-weight: 500;
}
.fce-pc .campo label {
  display: block;
  font-weight: 700;
  color: #102a3c;
}
.fce-pc .campo .fil {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.fce-pc .campo .fil a {
  font-weight: 700;
  color: #1E7A00;
  text-decoration: none;
}
.fce-pc .campo input {
  width: 100%;
  border: 1.6px solid #dfe5ec;
  background: #f7f9fb;
  font-family: inherit;
  color: #102a3c;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
.fce-pc .campo input:focus {
  border-color: #39A900;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(57, 169, 0, 0.14);
}
.fce-pc .conOjo {
  position: relative;
}
.fce-pc .conOjo span {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
}
.fce-pc .btn {
  width: 100%;
  border: 0;
  background: #0B334D;
  color: #fff;
  font-weight: 800;
  font-family: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
}
.fce-pc .btn:hover {
  background: #39A900;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(57, 169, 0, 0.35);
}
.fce-pc .nota {
  color: #6b7c8c;
  text-align: center;
}
.fce-pc .cinta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  background: #072637;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  display: flex;
  align-items: center;
}
.fce-pc .cinta div {
  display: flex;
  white-space: nowrap;
  animation: pc-corre 54s linear infinite;
}
.fce-pc .cinta p {
  color: #9FE870;
  font-weight: 800;
  letter-spacing: 2px;
}
.fce-pc .meetUI {
  position: absolute;
  z-index: 6;
  pointer-events: none;
  animation: pc-entraCard 0.95s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.42s) both;
}
.fce-pc .meet {
  position: absolute;
  z-index: 4;
  border-radius: 22px;
  background: linear-gradient(160deg, #16394f 0%, #0e2a3c 55%, #0a2131 100%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 46px 90px rgba(0, 0, 0, 0.55);
  animation: pc-entraCard 0.95s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.42s) both;
}
.fce-pc .meet::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
}
.fce-pc .vivo {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: 1.4px;
  color: #fff;
}
.fce-pc .vivo i {
  display: block;
  border-radius: 50%;
  background: #ff4b4b;
  animation: pc-latevivo 1.9s ease-out infinite;
}
.fce-pc .quien {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  font-weight: 700;
  color: #fff;
}
.fce-pc .ctrl {
  position: absolute;
  display: flex;
  gap: 7px;
}
.fce-pc .ctrl span {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  display: grid;
  place-items: center;
}
.fce-pc .vent {
  position: absolute;
  z-index: 6;
  pointer-events: none;
  animation: pc-entraCard 1s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.6s) both;
}
.fce-pc .vtile {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: linear-gradient(160deg, #1a4057 0%, #0d2a3c 60%, #09202f 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 26px 54px rgba(0, 0, 0, 0.5);
}
.fce-pc .vfig {
  position: absolute;
  display: block;
  filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.5));
}
.fce-pc .vvivo {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 999px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.8px;
  z-index: 3;
}
.fce-pc .vvivo i {
  display: block;
  border-radius: 50%;
  background: #ff4b4b;
  animation: pc-latevivo 1.9s ease-out infinite;
}
.fce-pc .vmeet {
  position: absolute;
  color: #cfe3f4;
  font-weight: 700;
  z-index: 3;
}
.fce-pc .vctrl {
  position: absolute;
  display: flex;
  gap: 6px;
  opacity: 0.72;
  z-index: 3;
}
.fce-pc .puntos {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}
.fce-pc .puntos i {
  position: absolute;
  bottom: -18px;
  border-radius: 50%;
  background: #9FE870;
  opacity: 0;
  animation: pc-sube_p 17s linear infinite;
}
.fce-pc .tira {
  display: flex;
  align-items: center;
}
.fce-pc .tira img {
  display: block;
  width: auto;
}
.fce-pc .tira .div {
  display: block;
  background: rgba(255, 255, 255, 0.75);
  flex: none;
}
.fce-pc .logofce img, .fce-pc .fcont img, .fce-pc .mas25 img {
  width: 100%;
  display: block;
}
.fce-pc .legal b {
  display: block;
  color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .fce-pc .cuna::after, .fce-pc .brillo, .fce-pc .tag i, .fce-pc .figura .flot {
    animation: none !important;
  }
  .fce-pc .pantalla {
    animation: none !important;
    opacity: 0.62;
  }
  .fce-pc .aviso {
    display: none;
  }
  .fce-pc .boca {
    display: none;
  }
  .fce-pc .titular b {
    transform: none;
    animation: pc-apar 0.6s ease calc(var(--ob) + 0.14s) both;
  }
  .fce-pc .cuna, .fce-pc .gemelo {
    animation: pc-apar 0.75s ease calc(var(--ob) + 0.06s) both !important;
    opacity: 1;
  }
  .fce-pc .acceso, .fce-pc .tag, .fce-pc .tarjetas, .fce-pc .redes, .fce-pc .cau {
    animation: pc-apar 0.6s ease calc(var(--ob) + 0.3s) both !important;
    opacity: 1;
    transform: none !important;
  }
  .fce-pc .grupo, .fce-pc .clases, .fce-pc .enlaces, .fce-pc .fcont, .fce-pc .mas25, .fce-pc .legal, .fce-pc .figura.on {
    animation: pc-apar 0.6s ease calc(var(--ob) + 0.3s) both !important;
    transform: none !important;
  }
  .fce-pc .cinta div {
    animation-duration: 91.8s !important;
  }
  .fce-pc .puntos i {
    animation-duration: 26s !important;
  }
  .fce-pc .barraProg i, .fce-pc .pz {
    animation-duration: 24s !important;
  }
}
.fce-pc {
  height: 100%;
  overflow: hidden;
}
.fce-pc .marco {
  position: fixed;
  inset: 0;
  overflow: hidden;
  background: #07293C;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fce-pc .lienzo {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1920px;
  height: 1080px;
  transform-origin: 50% 50%;
  overflow: hidden;
  background: radial-gradient(1250px 850px at 14% 4%, rgba(57, 169, 0, 0.2), transparent 62%), radial-gradient(950px 750px at 92% 92%, rgba(10, 92, 208, 0.28), transparent 60%), #0B334D;
}
.fce-pc .logofce {
  position: absolute;
  left: 76px;
  top: 42px;
  width: 404px;
  z-index: 9;
}
.fce-pc .tira {
  position: absolute;
  right: 76px;
  top: 44px;
  gap: 22px;
  z-index: 9;
}
.fce-pc .tira .l-sena {
  height: 58px;
}
.fce-pc .tira .div {
  width: 2px;
  height: 54px;
}
.fce-pc .tira .l-ad {
  height: 50px;
}
.fce-pc .tira .l-ae {
  height: 44px;
  margin-left: 6px;
}
.fce-pc .grupo {
  position: absolute;
  left: 78px;
  top: 166px;
  width: 620px;
  font-size: 15px;
  letter-spacing: 1.2px;
  z-index: 4;
}
.fce-pc .titular {
  position: absolute;
  left: 76px;
  top: 206px;
  z-index: 4;
}
.fce-pc .l1 {
  font-size: 42.4px;
}
.fce-pc .l2 {
  font-size: 91.5px;
}
.fce-pc .tag {
  position: absolute;
  left: 78px;
  top: 352px;
  z-index: 4;
}
.fce-pc .tag2 {
  top: 406px;
  gap: 10px;
}
.fce-pc .tag.tag2 em {
  padding: 9px 16px;
  font-size: 13px;
  letter-spacing: 0.7px;
}
.fce-pc .tag.tag2 i {
  width: 8px;
  height: 8px;
}
.fce-pc .tag em {
  padding: 10px 24px;
  font-size: 16px;
  letter-spacing: 2.2px;
}
.fce-pc .tag i {
  width: 9px;
  height: 9px;
}
.fce-pc .tarjetas {
  position: absolute;
  left: 78px;
  top: 406px;
  z-index: 4;
}
.fce-pc .t1 {
  width: 620px;
  height: auto;
  border-radius: 20px;
  padding: 18px 22px 16px;
}
.fce-pc .t1 .tt {
  font-size: 19px;
}
.fce-pc .pz {
  height: 42px;
  border-radius: 10px;
  font-size: 16px;
}
.fce-pc .barraProg {
  height: 4px;
  margin-top: 12px;
}
.fce-pc .t1 .tp {
  font-size: 12.5px;
  line-height: 1.4;
  margin-top: 14px;
}
.fce-pc .t2 {
  width: 244px;
  height: 186px;
  border-radius: 20px;
  padding: 18px 20px 16px;
}
.fce-pc .posa {
  right: 18px;
  bottom: 14px;
  width: 74px;
  height: 53px;
}
.fce-pc .posafig {
  left: 2px;
  bottom: -16px;
  width: 88px;
}
.fce-pc .mini {
  right: 14px;
  bottom: 14px;
  width: 128px;
  height: 92px;
}
.fce-pc .minifig {
  left: 40px;
  bottom: 5px;
  width: 76px;
}
.fce-pc .minivivo {
  left: 7px;
  top: 6px;
  padding: 3px 7px;
  font-size: 7.5px;
}
.fce-pc .minivivo i {
  width: 5px;
  height: 5px;
}
.fce-pc .minictrl {
  right: 7px;
  bottom: 6px;
}
.fce-pc .t2 .tt2 {
  font-size: 20px;
}
.fce-pc .t2 .ts2 {
  font-size: 16px;
  margin-top: 3px;
}
.fce-pc .redes {
  position: absolute;
  left: 1398px;
  top: 906px;
  gap: 22px;
  z-index: 7;
}
.fce-pc .redes .ic {
  gap: 16px;
}
.fce-pc .redes .sep {
  width: 1.5px;
  height: 42px;
}
.fce-pc .redes .tx {
  font-size: 16px;
}
.fce-pc .cuna {
  left: 752px;
  top: 218px;
  width: 540px;
  height: 800px;
  border-radius: 270px 270px 56px 56px;
}
.fce-pc .gemelo {
  left: 714px;
  top: 262px;
  width: 540px;
  height: 800px;
  border-radius: 270px 270px 56px 56px;
}
.fce-pc .aura {
  left: 778px;
  top: 420px;
  width: 500px;
  height: 520px;
}
.fce-pc .escenario {
  position: absolute;
  left: 652px;
  bottom: 108px;
  width: 760px;
  height: 620px;
  z-index: 5;
}
.fce-pc .vent {
  left: 458px;
  top: -128px;
  width: 218px;
  height: 152px;
}
.fce-pc .vfig {
  left: 58px;
  bottom: 14px;
  width: 112px;
}
.fce-pc .vvivo {
  left: 9px;
  top: 9px;
  padding: 4px 9px;
  font-size: 8.5px;
}
.fce-pc .vvivo i {
  width: 6px;
  height: 6px;
}
.fce-pc .vmeet {
  left: 10px;
  bottom: 9px;
  font-size: 11px;
}
.fce-pc .vctrl {
  right: 9px;
  bottom: 8px;
}
.fce-pc .acceso {
  position: absolute;
  left: 1398px;
  top: 150px;
  width: 444px;
  border-radius: 28px;
  padding: 36px 36px 28px;
  z-index: 7;
}
.fce-pc .acceso h2 {
  font-size: 31px;
  line-height: 1.12;
}
.fce-pc .acceso .sub {
  font-size: 15px;
  margin-top: 8px;
  margin-bottom: 24px;
}
.fce-pc .campo {
  margin-bottom: 18px;
}
.fce-pc .campo label {
  font-size: 15px;
  margin-bottom: 8px;
}
.fce-pc .campo .fil a {
  font-size: 13.5px;
}
.fce-pc .campo input {
  height: 54px;
  border-radius: 14px;
  padding: 0 50px 0 18px;
  font-size: 16.5px;
}
.fce-pc .btn {
  height: 58px;
  border-radius: 29px;
  font-size: 17.5px;
  margin-top: 6px;
}
.fce-pc .nota {
  margin-top: 18px;
  font-size: 12.5px;
  line-height: 1.55;
}
.fce-pc .cau {
  position: absolute;
  left: 1398px;
  top: 690px;
  width: 444px;
  font-size: 15px;
  line-height: 1.7;
  z-index: 7;
  padding: 20px 22px;
}
.fce-pc .cau b {
  font-size: 16px;
  margin-bottom: 6px;
}
.fce-pc .cau .gr {
  column-gap: 16px;
}
.fce-pc .enlaces {
  position: absolute;
  left: 1398px;
  top: 856px;
  gap: 26px;
  font-size: 15px;
  z-index: 7;
  animation: pc-entra 0.85s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.82s) both;
}
.fce-pc .fcont {
  position: absolute;
  left: 78px;
  top: 846px;
  width: 224px;
  z-index: 9;
  animation: pc-entra 0.85s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.86s) both;
}
.fce-pc .legal {
  position: absolute;
  left: 78px;
  top: 928px;
  width: 620px;
  font-size: 13.2px;
  line-height: 1.5;
  color: #bcd3e4;
  z-index: 9;
  animation: pc-entra 0.85s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.94s) both;
}
.fce-pc .legal b {
  font-size: 14.5px;
  margin-bottom: 5px;
}
.fce-pc .mas25 {
  position: absolute;
  left: 334px;
  top: 830px;
  width: 106px;
  z-index: 9;
  animation: pc-entra 0.85s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.9s) both;
}
.fce-pc .giro {
  position: absolute;
  left: 150px;
  top: 548px;
  width: 390px;
  z-index: 7;
}
.fce-pc .giro .pwb {
  font-size: 13px;
  letter-spacing: 1.8px;
  margin-bottom: 12px;
}
.fce-pc .giro .gsombra {
  top: 118px;
  width: 262px;
  height: 28px;
}
.fce-pc .cinta {
  height: 54px;
  animation: pc-apar 0.9s ease calc(var(--ob) + 0.95s) both;
}
.fce-pc .lienzo {
  --ob:2.3s;
}
.fce-pc .lienzo .logofce {
  animation: pc-apar 0.55s ease both, pc-vuela 1s cubic-bezier(0.62, 0, 0.2, 1) 1.55s both;
}
.fce-pc .lienzo .tira {
  animation: pc-apar 0.55s ease 0.12s both, pc-vuela 1s cubic-bezier(0.62, 0, 0.2, 1) 1.55s both;
}
.fce-pc .obraya {
  position: absolute;
  left: 50%;
  top: 556px;
  width: 560px;
  height: 3px;
  margin-left: -280px;
  z-index: 9;
  transform-origin: left center;
  border-radius: 3px;
  box-shadow: 0 0 14px rgba(159, 232, 112, 0.55);
  background: linear-gradient(90deg, #39A900, #9FE870 48%, #7fd4ff);
  animation: pc-obRaya 1.75s cubic-bezier(0.5, 0, 0.2, 1) 0.3s both;
}
@media (prefers-reduced-motion: reduce) {
  .fce-pc .lienzo .logofce, .fce-pc .lienzo .tira {
    animation: pc-obSalto 2.3s linear both !important;
  }
  .fce-pc .obraya {
    animation: pc-apar 0.4s ease 0.3s both, pc-obSale 0.5s ease 1.5s both !important;
  }
}
.fce-pc .cinta p {
  font-size: 14.5px;
}
.fce-pc .varB .escenario {
  margin-top: 20px;
}
.fce-pc .varC {
  padding: 0 0 0;
}
.fce-pc .varC .heroe {
  position: relative;
  height: 600px;
  overflow: hidden;
  border-radius: 0 0 34px 34px;
}
.fce-pc .varC .heroe .cuna {
  left: 50%;
  margin-left: -124px;
  top: 252px;
  width: 248px;
  height: 346px;
  border-radius: 124px 124px 26px 26px;
}
.fce-pc .varC .heroe .gemelo {
  left: 50%;
  margin-left: -146px;
  top: 266px;
  width: 248px;
  height: 346px;
  border-radius: 124px 124px 26px 26px;
}
.fce-pc .varC .heroe .aura {
  left: 50%;
  margin-left: -120px;
  top: 380px;
  width: 240px;
  height: 210px;
}
.fce-pc .varC .escenario {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 312px;
  margin: 0;
}
.fce-pc .varC .figura {
  left: 50% !important;
  margin-left: -148px !important;
  width: 296px !important;
}
.fce-pc .varC .velo {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(11, 42, 63, 0.96) 0%, rgba(11, 42, 63, 0.92) 36%, rgba(11, 42, 63, 0.34) 47%, rgba(11, 42, 63, 0) 60%, rgba(11, 42, 63, 0.42) 88%, #0B2A3F 100%);
}
.fce-pc .varC .hcab {
  position: absolute;
  left: 0;
  right: 0;
  top: 18px;
  z-index: 7;
  padding: 0 22px;
}
.fce-pc .varC .htx {
  position: absolute;
  left: 0;
  right: 0;
  top: 140px;
  z-index: 7;
  padding: 0 22px;
}
.fce-pc .varC .acceso {
  margin: -26px 22px 0;
}
.fce-pc .varC .tarjetas, .fce-pc .varC .clases, .fce-pc .varC .redes, .fce-pc .varC .cau, .fce-pc .varC .enlaces, .fce-pc .varC .marcas, .fce-pc .varC .legal {
  margin-left: 22px;
  margin-right: 22px;
}
.fce-pc .varC .clases {
  margin-left: 0;
  margin-right: 0;
}
.fce-pc .varD {
  padding: 0;
  max-width: 520px;
}
.fce-pc .varD .heroe {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  overflow: hidden;
}
.fce-pc .varD .cuna {
  left: 50%;
  top: -20%;
  height: 112%;
  aspect-ratio: 248/352;
  width: auto;
  margin: 0;
  transform: translateX(-50%) rotate(-5deg);
  border-radius: 50% 50% 7% 7%/33% 33% 5% 5%;
}
.fce-pc .varD .gemelo {
  left: 50%;
  top: -13%;
  height: 112%;
  aspect-ratio: 248/352;
  width: auto;
  margin: 0;
  transform: translateX(-56%) rotate(-5deg);
  border-radius: 50% 50% 7% 7%/33% 33% 5% 5%;
}
.fce-pc .varD .aura {
  left: 50%;
  top: 44%;
  height: 60%;
  aspect-ratio: 240/210;
  width: auto;
  margin: 0;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, rgba(3, 24, 40, 0.46), rgba(3, 24, 40, 0) 68%);
}
.fce-pc .varD .cuna {
  background: linear-gradient(180deg, rgba(8, 42, 66, 0) 0%, rgba(8, 44, 68, 0.72) 14%, rgba(9, 58, 74, 0.92) 36%, rgba(14, 92, 54, 0.95) 56%, rgba(44, 140, 6, 0.97) 78%, #35A000 100%);
}
.fce-pc .varD .hcab {
  position: relative;
  z-index: 7;
  padding: 22px 22px 0;
  flex: 0 0 auto;
}
.fce-pc .varD .htx {
  position: relative;
  z-index: 7;
  padding: 16px 22px 0;
  flex: 0 0 auto;
}
.fce-pc .varD .htx .titular {
  margin-top: 9px;
}
.fce-pc .varD .escenario {
  position: relative;
  z-index: 4;
  flex: 1 1 auto;
  min-height: 170px;
  max-height: 430px;
  height: auto;
  margin: 6px 0 0;
}
.fce-pc .varD .figura {
  left: 50% !important;
  margin-left: 0 !important;
  width: auto !important;
  height: 100%;
  transform: translateX(-50%);
}
.fce-pc .varD .figura.on {
  animation: pc-apar 1.1s ease calc(var(--ob) + 0.3s) both;
}
.fce-pc .varD .figura .flot {
  height: 100%;
}
.fce-pc .varD .figura img {
  height: 100%;
  width: auto !important;
  margin: 0 auto;
}
.fce-pc .varD .velo {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(11, 51, 77, 0) 60%, rgba(11, 51, 77, 0.26) 77%, rgba(11, 51, 77, 0.74) 91%, #0B334D 100%);
}
.fce-pc .varD .hoja {
  position: relative;
  z-index: 8;
  flex: 0 0 auto;
  padding: 0 14px 14px;
  margin-top: -16px;
}
.fce-pc .varD .acceso {
  margin-top: 0;
  border-radius: 24px;
  box-shadow: 0 -10px 46px rgba(0, 8, 18, 0.44), 0 40px 90px rgba(0, 0, 0, 0.42);
}
.fce-pc .varD .resto {
  padding: 22px 22px 0;
}
@media (prefers-reduced-motion: reduce) {
  .fce-pc .varD .figura {
    transform: translateX(-50%) !important;
  }
  .fce-pc .varD .cuna {
    transform: translateX(-50%) rotate(-5deg) !important;
  }
  .fce-pc .varD .gemelo {
    transform: translateX(-56%) rotate(-5deg) !important;
  }
  .fce-pc .varD .aura {
    transform: translateX(-50%) !important;
  }
}
@media (max-height: 830px) {
  .fce-pc .varD .hcab {
    padding-top: 14px;
  }
  .fce-pc .varD .htx {
    padding-top: 10px;
  }
  .fce-pc .varD .escenario {
    min-height: 128px;
    margin-top: 2px;
  }
  .fce-pc .varD .acceso {
    padding: 15px 17px 13px;
  }
  .fce-pc .varD .acceso h2 {
    font-size: 19px;
  }
  .fce-pc .varD .acceso .sub {
    margin-bottom: 11px;
  }
  .fce-pc .varD .campo {
    margin-bottom: 9px;
  }
  .fce-pc .varD .campo input {
    height: 42px;
  }
  .fce-pc .varD .btn {
    height: 45px;
    margin-top: 2px;
  }
  .fce-pc .varD .nota {
    margin-top: 9px;
  }
  .fce-pc .varD .hoja {
    padding-bottom: 12px;
  }
}
.fce-pc .varD .tarjetas {
  margin-top: 0;
}
.fce-pc .varD .clases {
  margin: 14px -22px 0;
}
.fce-pc .varD + .cinta {
  margin: 22px 0 0;
  width: 100%;
}

.fce-movil * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.fce-movil {
  background: #07293C;
  font-family: "Work Sans", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #fff;
}
.fce-movil .cuna {
  position: absolute;
  z-index: 1;
  transform: rotate(-5deg);
  background: linear-gradient(180deg, rgba(8, 42, 66, 0) 0%, rgba(8, 44, 68, 0.78) 16%, rgba(9, 58, 74, 0.94) 42%, rgba(14, 86, 56, 0.96) 62%, rgba(40, 132, 6, 0.97) 84%, #2E8B00 100%);
  animation: mv-entraCuna 1.05s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.08s) both;
}
.fce-movil .cuna::before {
  content: "";
  position: absolute;
  inset: -28px;
  border-radius: inherit;
  border: 1.5px solid rgba(159, 232, 112, 0.3);
}
.fce-movil .gemelo {
  position: absolute;
  z-index: 0;
  border: 1.5px solid rgba(159, 232, 112, 0.18);
  pointer-events: none;
  animation: mv-entraCuna 1.2s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.22s) both;
}
.fce-movil .aura {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  border-radius: 50%;
  animation: mv-apar 1s ease calc(var(--ob) + 0.3s) both;
  background: radial-gradient(ellipse, rgba(3, 24, 40, 0.62), rgba(3, 24, 40, 0) 68%);
}
.fce-movil .cuna::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  background: linear-gradient(104deg, transparent 38%, rgba(255, 255, 255, 0.22) 48%, rgba(255, 255, 255, 0.22) 54%, transparent 64%);
  background-size: 260% 100%;
  animation: mv-lustre 6.5s ease-in-out calc(var(--ob) + 1.6s) infinite;
}
.fce-movil .grupo {
  font-weight: 700;
  color: #bfe3a3;
  animation: mv-entra 0.8s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.06s) both;
}
.fce-movil .titular {
  font-weight: 900;
  line-height: 0.86;
  letter-spacing: -0.046em;
  text-transform: uppercase;
  position: relative;
}
.fce-movil .titular span {
  display: block;
  overflow: hidden;
  padding-top: 0.18em;
  margin-top: -0.18em;
  padding-bottom: 0.14em;
  margin-bottom: -0.14em;
}
.fce-movil .titular b {
  display: block;
  font-weight: 900;
  transform: translateY(118%);
  animation: mv-sube 0.95s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.fce-movil .titular span:nth-child(1) b {
  animation-delay: calc(var(--ob) + 0.1s);
}
.fce-movil .titular span:nth-child(2) b {
  animation-delay: calc(var(--ob) + 0.22s);
}
.fce-movil .hueca {
  color: transparent;
  -webkit-text-stroke: 1.3px rgba(255, 255, 255, 0.62);
}
.fce-movil .brillo {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(104deg, transparent 40%, rgba(255, 255, 255, 0.22) 49%, transparent 58%);
  background-size: 300% 100%;
  mix-blend-mode: overlay;
  animation: mv-lustre 7.5s ease-in-out calc(var(--ob) + 2.4s) infinite;
}
.fce-movil .tag {
  display: flex;
  animation: mv-entra 0.8s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.5s) both;
}
.fce-movil .tag em {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-style: normal;
  border: 1.5px solid rgba(159, 232, 112, 0.55);
  border-radius: 999px;
  color: #C8F5A0;
  font-weight: 700;
}
.fce-movil .tag i {
  display: block;
  border-radius: 50%;
  background: #9FE870;
  animation: mv-late 2.4s ease-in-out infinite;
}
.fce-movil .tag2 {
  flex-wrap: wrap;
  animation-delay: calc(var(--ob) + 0.58s);
}
.fce-movil .tag.tag2 em {
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(159, 232, 112, 0.26);
  color: #d8e8f5;
}
.fce-movil .tag.tag2 i {
  background: #7fd4ff;
}
.fce-movil .extra {
  position: relative;
  border-left: 3px solid #39A900;
  animation: mv-entra 0.85s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.62s) both;
}
.fce-movil .extra b {
  display: block;
  color: #9FE870;
  font-weight: 800;
}
.fce-movil .extra p {
  color: #cfe0f2;
}
.fce-movil .extra p b {
  display: inline;
  color: #fff;
  font-weight: 800;
}
.fce-movil .giro {
  position: relative;
  animation: mv-entra 0.9s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.66s) both;
}
.fce-movil .gmarco {
  position: relative;
  perspective: 900px;
}
.fce-movil .pwb {
  font-weight: 700;
  color: #8fb0d0;
  text-transform: none;
}
.fce-movil .gcara {
  position: relative;
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
  animation: mv-flipY 4.5s ease-in-out calc(var(--ob) + 1.1s) infinite;
}
.fce-movil .gcara img {
  width: 100%;
  display: block;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.fce-movil .gcara .gdt {
  position: absolute;
  left: 0;
  top: 0;
  transform: rotateY(180deg);
}
.fce-movil .aegira {
  display: inline-block;
  perspective: 600px;
}
.fce-movil .aegira .gcara {
  height: 100%;
  animation-duration: 9s;
}
.fce-movil .aegira img {
  height: 100%;
  width: auto;
  display: block;
}
.fce-movil .gsombra {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(159, 232, 112, 0.34) 0%, rgba(159, 232, 112, 0) 72%);
  animation: mv-giroSombra 4.5s ease-in-out calc(var(--ob) + 1.1s) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .fce-movil .gcara, .fce-movil .gsombra {
    animation-duration: 14s !important;
  }
}
.fce-movil {
  --ob:0s;
}
.fce-movil .tarjetas {
  display: flex;
  gap: 14px;
  animation: mv-entra 0.85s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.62s) both;
}
.fce-movil .t1 {
  background: #fff;
  color: #0b2a5c;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.26);
}
.fce-movil .t1 .tt {
  font-weight: 700;
  line-height: 1.3;
}
.fce-movil .pasos {
  display: flex;
  gap: 8px;
}
.fce-movil .pz {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  background: #e3e6ec;
  color: #7a8494;
}
.fce-movil .pz.c1 {
  animation: mv-ch1 16s ease calc(var(--ob) + 2s) infinite;
}
.fce-movil .pz.c2 {
  animation: mv-ch2 16s ease calc(var(--ob) + 2s) infinite;
}
.fce-movil .pz.c3 {
  animation: mv-ch3 16s ease calc(var(--ob) + 2s) infinite;
}
.fce-movil .pz.c4 {
  animation: mv-ch4 16s ease calc(var(--ob) + 2s) infinite;
}
.fce-movil .barraProg {
  background: #e3e6ec;
  border-radius: 2px;
  overflow: hidden;
}
.fce-movil .barraProg i {
  display: block;
  height: 100%;
  width: 100%;
  transform-origin: left;
  transform: scaleX(0.25);
  background: linear-gradient(90deg, #0B334D, #39A900);
  animation: mv-avanza 16s cubic-bezier(0.6, 0, 0.2, 1) calc(var(--ob) + 2s) infinite;
}
.fce-movil .t1 .tp {
  color: #5a6474;
}
.fce-movil .t2 {
  background: #39A900;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.26);
}
.fce-movil .t2 {
  position: relative;
  overflow: visible;
}
.fce-movil .t2 .t2tx {
  position: relative;
  z-index: 2;
}
.fce-movil .mini {
  position: absolute;
  pointer-events: none;
}
.fce-movil .minitile {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: linear-gradient(160deg, #16394f, #0b2232);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.4);
}
.fce-movil .minifig {
  position: absolute;
  display: block;
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.45));
}
.fce-movil .minivivo {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 999px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.6px;
  z-index: 3;
}
.fce-movil .minivivo i {
  display: block;
  border-radius: 50%;
  background: #ff4b4b;
  animation: mv-latevivo 1.9s ease-out infinite;
}
.fce-movil .minictrl {
  position: absolute;
  display: flex;
  gap: 4px;
  opacity: 0.75;
  z-index: 3;
}
.fce-movil .t2 {
  position: relative;
  overflow: visible;
}
.fce-movil .t2 .t2tx {
  position: relative;
  z-index: 2;
}
.fce-movil .posa {
  position: absolute;
  pointer-events: none;
}
.fce-movil .posaico {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.3));
}
.fce-movil .posafig {
  position: absolute;
  display: block;
  filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.35));
  animation: mv-flota 3.9s ease-in-out infinite;
}
.fce-movil .t2 .tt2 {
  font-weight: 800;
  line-height: 1.2;
}
.fce-movil .t2 .ts2 {
  font-weight: 600;
  color: #eaffd9;
  line-height: 1.2;
}
.fce-movil .clases {
  animation: mv-entra 0.9s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.7s) both;
}
.fce-movil .lienzo .clases {
  position: absolute;
  left: 78px;
  top: 562px;
  width: 620px;
  z-index: 4;
}
.fce-movil .clases img {
  width: 100%;
  display: block;
}
.fce-movil .redes {
  display: flex;
  align-items: center;
  animation: mv-entra 0.85s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.7s) both;
}
.fce-movil .redes .ic {
  display: flex;
  align-items: center;
}
.fce-movil .redes .sep {
  background: rgba(255, 255, 255, 0.4);
  flex: none;
}
.fce-movil .redes .tx {
  font-weight: 700;
  letter-spacing: 2.4px;
  line-height: 1.5;
}
.fce-movil .cau {
  color: #cfe0f2;
  animation: mv-entra 0.85s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.78s) both;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.13);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.fce-movil .cau b {
  display: block;
  color: #fff;
}
.fce-movil .cau .gr {
  display: grid;
  grid-template-columns: max-content 1fr;
}
.fce-movil .cau .gr span:nth-child(odd) {
  color: #8fb0d0;
}
.fce-movil .enlaces {
  display: flex;
}
.fce-movil .enlaces a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.fce-movil .figura {
  position: absolute;
  bottom: 0;
  opacity: 0;
  transition: opacity 1s ease;
  z-index: 5;
}
.fce-movil .figura.on {
  opacity: 1;
  animation: mv-entra 1.1s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.3s) both;
}
.fce-movil .figura .flot {
  position: relative;
  z-index: 0;
  animation: mv-flota var(--rit) ease-in-out infinite;
}
.fce-movil .pantalla {
  position: absolute;
  left: 52.5%;
  top: 33%;
  width: 27%;
  padding-bottom: 27%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;
  mix-blend-mode: screen;
  background: radial-gradient(circle, rgba(196, 232, 255, 0.9) 0%, rgba(150, 205, 255, 0.34) 30%, rgba(140, 200, 255, 0) 66%);
  animation: mv-encendida 4.6s ease-in-out infinite;
}
.fce-movil .aviso {
  position: absolute;
  left: 52.4%;
  top: 32.6%;
  width: 6%;
  padding-bottom: 11.5%;
  transform: translate(-50%, -50%) rotate(-11deg);
  border-radius: 16%/9%;
  pointer-events: none;
  z-index: 3;
  background: rgba(228, 245, 255, 0.95);
  filter: blur(1.6px);
  opacity: 0;
  animation: mv-aviso 9s ease-out calc(var(--ob) + 3.2s) infinite;
}
.fce-movil .boca {
  position: absolute;
  left: 80%;
  top: 14.5%;
  width: 30%;
  padding-bottom: 30%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2;
}
.fce-movil .boca i {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2.5px solid rgba(190, 235, 255, 0.75);
  opacity: 0;
}
.fce-movil .boca i:nth-child(1) {
  animation: mv-bo 4.2s ease-out calc(var(--ob) + 2.2s) infinite;
}
.fce-movil .boca i:nth-child(2) {
  animation: mv-bo 4.2s ease-out calc(var(--ob) + 3s) infinite;
}
.fce-movil .boca i:nth-child(3) {
  animation: mv-bo 4.2s ease-out calc(var(--ob) + 3.8s) infinite;
}
.fce-movil .figura img {
  width: 100%;
  display: block;
  filter: drop-shadow(0 0 1.5px rgba(214, 240, 255, 0.55)) drop-shadow(0 34px 46px rgba(0, 2, 10, 0.5));
}
.fce-movil .banca {
  position: absolute;
  z-index: -1;
}
.fce-movil .banca img {
  width: 100%;
  display: block;
  filter: drop-shadow(0 26px 34px rgba(0, 0, 0, 0.42));
}
.fce-movil .acceso {
  background: #fff;
  color: #102a3c;
  box-shadow: 0 40px 90px rgba(0, 0, 0, 0.42);
  animation: mv-entraCard 0.9s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.32s) both;
}
.fce-movil .acceso h2 {
  font-weight: 900;
  letter-spacing: -0.6px;
  color: #0B334D;
}
.fce-movil .acceso .sub {
  color: #5d7183;
  font-weight: 500;
}
.fce-movil .campo label {
  display: block;
  font-weight: 700;
  color: #102a3c;
}
.fce-movil .campo .fil {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.fce-movil .campo .fil a {
  font-weight: 700;
  color: #1E7A00;
  text-decoration: none;
}
.fce-movil .campo input {
  width: 100%;
  border: 1.6px solid #dfe5ec;
  background: #f7f9fb;
  font-family: inherit;
  color: #102a3c;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
.fce-movil .campo input:focus {
  border-color: #39A900;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(57, 169, 0, 0.14);
}
.fce-movil .conOjo {
  position: relative;
}
.fce-movil .conOjo span {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
}
.fce-movil .btn {
  width: 100%;
  border: 0;
  background: #0B334D;
  color: #fff;
  font-weight: 800;
  font-family: inherit;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
}
.fce-movil .btn:hover {
  background: #39A900;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(57, 169, 0, 0.35);
}
.fce-movil .nota {
  color: #6b7c8c;
  text-align: center;
}
.fce-movil .cinta {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  background: #072637;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  display: flex;
  align-items: center;
}
.fce-movil .cinta div {
  display: flex;
  white-space: nowrap;
  animation: mv-corre 30s linear infinite;
}
.fce-movil .cinta p {
  color: #9FE870;
  font-weight: 800;
  letter-spacing: 2px;
}
.fce-movil .meetUI {
  position: absolute;
  z-index: 6;
  pointer-events: none;
  animation: mv-entraCard 0.95s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.42s) both;
}
.fce-movil .meet {
  position: absolute;
  z-index: 4;
  border-radius: 22px;
  background: linear-gradient(160deg, #16394f 0%, #0e2a3c 55%, #0a2131 100%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 46px 90px rgba(0, 0, 0, 0.55);
  animation: mv-entraCard 0.95s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.42s) both;
}
.fce-movil .meet::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
}
.fce-movil .vivo {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: 1.4px;
  color: #fff;
}
.fce-movil .vivo i {
  display: block;
  border-radius: 50%;
  background: #ff4b4b;
  animation: mv-latevivo 1.9s ease-out infinite;
}
.fce-movil .quien {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  font-weight: 700;
  color: #fff;
}
.fce-movil .ctrl {
  position: absolute;
  display: flex;
  gap: 7px;
}
.fce-movil .ctrl span {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  display: grid;
  place-items: center;
}
.fce-movil .vent {
  position: absolute;
  z-index: 6;
  pointer-events: none;
  animation: mv-entraCard 1s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.6s) both;
}
.fce-movil .vtile {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: linear-gradient(160deg, #1a4057 0%, #0d2a3c 60%, #09202f 100%);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 26px 54px rgba(0, 0, 0, 0.5);
}
.fce-movil .vfig {
  position: absolute;
  display: block;
  filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.5));
}
.fce-movil .vvivo {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 999px;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.8px;
  z-index: 3;
}
.fce-movil .vvivo i {
  display: block;
  border-radius: 50%;
  background: #ff4b4b;
  animation: mv-latevivo 1.9s ease-out infinite;
}
.fce-movil .vmeet {
  position: absolute;
  color: #cfe3f4;
  font-weight: 700;
  z-index: 3;
}
.fce-movil .vctrl {
  position: absolute;
  display: flex;
  gap: 6px;
  opacity: 0.72;
  z-index: 3;
}
.fce-movil .puntos {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}
.fce-movil .puntos i {
  position: absolute;
  bottom: -18px;
  border-radius: 50%;
  background: #9FE870;
  opacity: 0;
  animation: mv-sube_p 17s linear infinite;
}
.fce-movil .tira {
  display: flex;
  align-items: center;
}
.fce-movil .tira img {
  display: block;
  width: auto;
}
.fce-movil .tira .div {
  display: block;
  background: rgba(255, 255, 255, 0.75);
  flex: none;
}
.fce-movil .logofce img, .fce-movil .fcont img, .fce-movil .mas25 img {
  width: 100%;
  display: block;
}
.fce-movil .legal b {
  display: block;
  color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .fce-movil .cuna::after, .fce-movil .brillo, .fce-movil .tag i, .fce-movil .figura .flot {
    animation: none !important;
  }
  .fce-movil .pantalla {
    animation: none !important;
    opacity: 0.62;
  }
  .fce-movil .aviso {
    display: none;
  }
  .fce-movil .boca {
    display: none;
  }
  .fce-movil .titular b {
    transform: none;
    animation: mv-apar 0.6s ease calc(var(--ob) + 0.14s) both;
  }
  .fce-movil .cuna, .fce-movil .gemelo {
    animation: mv-apar 0.75s ease calc(var(--ob) + 0.06s) both !important;
    opacity: 1;
  }
  .fce-movil .acceso, .fce-movil .tag, .fce-movil .tarjetas, .fce-movil .redes, .fce-movil .cau {
    animation: mv-apar 0.6s ease calc(var(--ob) + 0.3s) both !important;
    opacity: 1;
    transform: none !important;
  }
  .fce-movil .grupo, .fce-movil .clases, .fce-movil .enlaces, .fce-movil .fcont, .fce-movil .mas25, .fce-movil .legal, .fce-movil .figura.on {
    animation: mv-apar 0.6s ease calc(var(--ob) + 0.3s) both !important;
    transform: none !important;
  }
  .fce-movil .cinta div {
    animation-duration: 51s !important;
  }
  .fce-movil .puntos i {
    animation-duration: 26s !important;
  }
  .fce-movil .barraProg i, .fce-movil .pz {
    animation-duration: 24s !important;
  }
}
.fce-movil {
  --ob:2.3s;
}
.fce-movil {
  min-height: 100%;
}
.fce-movil {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: radial-gradient(640px 500px at 20% 2%, rgba(57, 169, 0, 0.2), transparent 62%), radial-gradient(520px 440px at 95% 70%, rgba(10, 92, 208, 0.28), transparent 60%), #0B334D;
  background-attachment: fixed;
}
.fce-movil .movil {
  position: relative;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 20px 22px 86px;
}
.fce-movil .logofce {
  width: 196px;
  margin: 0 auto;
}
.fce-movil .tira {
  justify-content: center;
  gap: 12px;
  margin-top: 12px;
}
.fce-movil .tira .l-sena {
  height: 30px;
}
.fce-movil .tira .div {
  width: 1.5px;
  height: 26px;
}
.fce-movil .tira .l-ad {
  height: 25px;
}
.fce-movil .tira .l-ae {
  height: 22px;
  margin-left: 3px;
}
.fce-movil .grupo {
  margin-top: 16px;
  font-size: 9.5px;
  letter-spacing: 0.5px;
  text-align: center;
  line-height: 1.4;
  color: #bfe3a3;
}
.fce-movil .titular {
  margin-top: 9px;
  text-align: center;
}
.fce-movil .l1 {
  font-size: min(33px, (100vw - 44px) / 14.6);
}
.fce-movil .l2 {
  font-size: min(71px, (100vw - 44px) / 6.78);
}
.fce-movil .movil .logofce {
  animation: mv-apar 0.55s ease both, mv-vuela 1s cubic-bezier(0.62, 0, 0.2, 1) 1.55s both;
}
.fce-movil .movil .tira {
  animation: mv-apar 0.55s ease 0.12s both, mv-vuela 1s cubic-bezier(0.62, 0, 0.2, 1) 1.55s both;
}
.fce-movil .obraya {
  position: absolute;
  left: 50%;
  top: 46%;
  width: 230px;
  height: 3px;
  margin-left: -115px;
  z-index: 9;
  transform-origin: left center;
  border-radius: 3px;
  box-shadow: 0 0 12px rgba(159, 232, 112, 0.5);
  background: linear-gradient(90deg, #39A900, #9FE870 48%, #7fd4ff);
  animation: mv-obRaya 1.75s cubic-bezier(0.5, 0, 0.2, 1) 0.3s both;
}
@media (prefers-reduced-motion: reduce) {
  .fce-movil .movil .logofce, .fce-movil .movil .tira {
    animation: mv-obSalto 2.3s linear both !important;
  }
  .fce-movil .obraya {
    animation: mv-apar 0.4s ease 0.3s both, mv-obSale 0.5s ease 1.5s both !important;
  }
}
.fce-movil .tag {
  margin-top: 14px;
  justify-content: center;
}
.fce-movil .tag2 {
  margin-top: 9px;
  gap: 8px;
}
.fce-movil .sinconv .tag2 {
  margin-top: 14px;
}
.fce-movil .tag.tag2 em {
  padding: 6px 12px;
  font-size: 9.5px;
  letter-spacing: 0.6px;
}
.fce-movil .tag.tag2 i {
  width: 5px;
  height: 5px;
}
.fce-movil .tag em {
  padding: 7px 15px;
  font-size: 10px;
  letter-spacing: 1.1px;
}
.fce-movil .tag i {
  width: 6px;
  height: 6px;
}
.fce-movil .escenario {
  position: relative;
  height: 196px;
  margin: 10px 0 0;
}
.fce-movil .vent {
  right: 2px;
  top: 0;
  width: 142px;
  height: 100px;
}
.fce-movil .vfig {
  left: 36px;
  bottom: 9px;
  width: 74px;
}
.fce-movil .vvivo {
  left: 7px;
  top: 7px;
  padding: 3px 7px;
  font-size: 7px;
}
.fce-movil .vvivo i {
  width: 5px;
  height: 5px;
}
.fce-movil .vmeet {
  left: 8px;
  bottom: 7px;
  font-size: 8.5px;
}
.fce-movil .vctrl {
  right: 7px;
  bottom: 6px;
}
.fce-movil .cuna {
  left: 50%;
  margin-left: -70px;
  top: -4px;
  width: 140px;
  height: 186px;
  border-radius: 70px 70px 18px 18px;
}
.fce-movil .gemelo {
  left: 50%;
  margin-left: -82px;
  top: 5px;
  width: 140px;
  height: 186px;
  border-radius: 70px 70px 18px 18px;
}
.fce-movil .aura {
  left: 50%;
  margin-left: -70px;
  top: 34px;
  width: 140px;
  height: 140px;
}
.fce-movil .acceso {
  margin-top: 14px;
  border-radius: 22px;
  padding: 18px 19px 15px;
  position: relative;
  z-index: 7;
}
.fce-movil .acceso h2 {
  font-size: 21px;
  line-height: 1.1;
}
.fce-movil .acceso .sub {
  font-size: 11.5px;
  margin-top: 4px;
  margin-bottom: 14px;
}
.fce-movil .campo {
  margin-bottom: 12px;
}
.fce-movil .campo label {
  font-size: 12.5px;
  margin-bottom: 5px;
}
.fce-movil .campo .fil a {
  font-size: 11.5px;
}
.fce-movil .campo input {
  height: 44px;
  border-radius: 13px;
  padding: 0 44px 0 14px;
  font-size: 15px;
}
.fce-movil .btn {
  height: 48px;
  border-radius: 24px;
  font-size: 15.5px;
  margin-top: 4px;
}
.fce-movil .nota {
  margin-top: 12px;
  font-size: 10px;
  line-height: 1.5;
}
.fce-movil .tarjetas {
  flex-direction: column;
  margin-top: 16px;
}
.fce-movil .movil .clases {
  margin: 14px -22px 0;
}
.fce-movil .movil .clases img {
  width: 100%;
}
.fce-movil .t1, .fce-movil .t2 {
  width: 100%;
  border-radius: 18px;
  padding: 16px 18px 14px;
}
.fce-movil .t1 {
  height: auto;
}
.fce-movil .t1 .tt {
  font-size: 16.5px;
}
.fce-movil .pasos {
  margin-top: 12px;
}
.fce-movil .pz {
  height: 42px;
  border-radius: 10px;
  font-size: 15px;
}
.fce-movil .barraProg {
  height: 4px;
  margin-top: 9px;
}
.fce-movil .t1 .tp {
  font-size: 11.5px;
  line-height: 1.4;
  margin-top: 13px;
}
.fce-movil .t2 {
  height: 106px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.fce-movil .posa {
  right: 16px;
  bottom: 12px;
  width: 58px;
  height: 41px;
}
.fce-movil .posafig {
  left: 2px;
  bottom: -12px;
  width: 70px;
}
.fce-movil .mini {
  right: 14px;
  bottom: 12px;
  width: 118px;
  height: 86px;
}
.fce-movil .minifig {
  left: 36px;
  bottom: 5px;
  width: 72px;
}
.fce-movil .minivivo {
  left: 7px;
  top: 6px;
  padding: 3px 7px;
  font-size: 7.5px;
}
.fce-movil .minivivo i {
  width: 5px;
  height: 5px;
}
.fce-movil .minictrl {
  right: 7px;
  bottom: 6px;
}
.fce-movil .t2 .tt2 {
  font-size: 17px;
}
.fce-movil .t2 .ts2 {
  font-size: 14px;
  margin-top: 2px;
}
.fce-movil .redes {
  margin-top: 20px;
  gap: 16px;
  flex-wrap: wrap;
}
.fce-movil .redes .ic {
  gap: 13px;
}
.fce-movil .redes .sep {
  width: 1.5px;
  height: 34px;
}
.fce-movil .redes .tx {
  font-size: 13px;
  letter-spacing: 1.6px;
}
.fce-movil .cau {
  margin-top: 20px;
  font-size: 13px;
  line-height: 1.65;
}
.fce-movil .cau b {
  font-size: 13.5px;
  margin-bottom: 4px;
}
.fce-movil .cau .gr {
  column-gap: 12px;
}
.fce-movil .enlaces {
  margin-top: 12px;
  gap: 20px;
  font-size: 13px;
}
.fce-movil .marcas {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 34px;
  margin-top: 24px;
}
.fce-movil .fcont {
  width: 150px;
}
.fce-movil .mas25 {
  width: 62px;
}
.fce-movil .legal {
  margin-top: 16px;
  font-size: 11.5px;
  line-height: 1.5;
  color: #bcd3e4;
}
.fce-movil .legal b {
  font-size: 12px;
  margin-bottom: 4px;
}
.fce-movil .exmv {
  margin: 22px 0 0;
  padding-left: 14px;
  border-left-width: 2.5px;
}
.fce-movil .exmv b {
  font-size: 10.5px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.fce-movil .exmv p {
  font-size: 13px;
  line-height: 1.5;
}
.fce-movil .gmv {
  width: 268px;
  margin: 30px auto 26px;
  text-align: center;
}
.fce-movil .gmv .pwb {
  font-size: 11.5px;
  letter-spacing: 1.5px;
  margin-bottom: 9px;
}
.fce-movil .gmv .gsombra {
  top: 82px;
  width: 180px;
  height: 22px;
}
.fce-movil .cinta {
  position: static;
  height: 40px;
  margin: 22px -22px 0;
  width: auto;
}
.fce-movil .cinta p {
  font-size: 10px;
}
.fce-movil .movil {
  padding-bottom: 0;
}
.fce-movil .varB .escenario {
  margin-top: 20px;
}
.fce-movil .varC {
  padding: 0 0 0;
}
.fce-movil .varC .heroe {
  position: relative;
  height: 600px;
  overflow: hidden;
  border-radius: 0 0 34px 34px;
}
.fce-movil .varC .heroe .cuna {
  left: 50%;
  margin-left: -124px;
  top: 252px;
  width: 248px;
  height: 346px;
  border-radius: 124px 124px 26px 26px;
}
.fce-movil .varC .heroe .gemelo {
  left: 50%;
  margin-left: -146px;
  top: 266px;
  width: 248px;
  height: 346px;
  border-radius: 124px 124px 26px 26px;
}
.fce-movil .varC .heroe .aura {
  left: 50%;
  margin-left: -120px;
  top: 380px;
  width: 240px;
  height: 210px;
}
.fce-movil .varC .escenario {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 312px;
  margin: 0;
}
.fce-movil .varC .figura {
  left: 50% !important;
  margin-left: -148px !important;
  width: 296px !important;
}
.fce-movil .varC .velo {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(11, 42, 63, 0.96) 0%, rgba(11, 42, 63, 0.92) 36%, rgba(11, 42, 63, 0.34) 47%, rgba(11, 42, 63, 0) 60%, rgba(11, 42, 63, 0.42) 88%, #0B2A3F 100%);
}
.fce-movil .varC .hcab {
  position: absolute;
  left: 0;
  right: 0;
  top: 18px;
  z-index: 7;
  padding: 0 22px;
}
.fce-movil .varC .htx {
  position: absolute;
  left: 0;
  right: 0;
  top: 140px;
  z-index: 7;
  padding: 0 22px;
}
.fce-movil .varC .acceso {
  margin: -26px 22px 0;
}
.fce-movil .varC .tarjetas, .fce-movil .varC .clases, .fce-movil .varC .redes, .fce-movil .varC .cau, .fce-movil .varC .enlaces, .fce-movil .varC .marcas, .fce-movil .varC .legal {
  margin-left: 22px;
  margin-right: 22px;
}
.fce-movil .varC .clases {
  margin-left: 0;
  margin-right: 0;
}
.fce-movil .varD {
  padding: 0;
  max-width: 520px;
}
.fce-movil .varD .heroe {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100svh;
  overflow: hidden;
}
.fce-movil .varD .cuna {
  left: 50%;
  top: -20%;
  height: 112%;
  aspect-ratio: 248/352;
  width: auto;
  margin: 0;
  transform: translateX(-50%) rotate(-5deg);
  border-radius: 50% 50% 7% 7%/33% 33% 5% 5%;
}
.fce-movil .varD .gemelo {
  left: 50%;
  top: -13%;
  height: 112%;
  aspect-ratio: 248/352;
  width: auto;
  margin: 0;
  transform: translateX(-56%) rotate(-5deg);
  border-radius: 50% 50% 7% 7%/33% 33% 5% 5%;
}
.fce-movil .varD .aura {
  left: 50%;
  top: 44%;
  height: 60%;
  aspect-ratio: 240/210;
  width: auto;
  margin: 0;
  transform: translateX(-50%);
  background: radial-gradient(ellipse, rgba(3, 24, 40, 0.46), rgba(3, 24, 40, 0) 68%);
}
.fce-movil .varD .cuna {
  background: linear-gradient(180deg, rgba(8, 42, 66, 0) 0%, rgba(8, 44, 68, 0.72) 14%, rgba(9, 58, 74, 0.92) 36%, rgba(14, 92, 54, 0.95) 56%, rgba(44, 140, 6, 0.97) 78%, #35A000 100%);
}
.fce-movil .varD .hcab {
  position: relative;
  z-index: 7;
  padding: 22px 22px 0;
  flex: 0 0 auto;
}
.fce-movil .varD .htx {
  position: relative;
  z-index: 7;
  padding: 16px 22px 0;
  flex: 0 0 auto;
}
.fce-movil .varD .htx .titular {
  margin-top: 9px;
}
.fce-movil .varD .escenario {
  position: relative;
  z-index: 4;
  flex: 1 1 auto;
  min-height: 150px;
  height: auto;
  margin: auto 0;
  max-height: calc(100vw / var(--fig, 1.3246));
}
.fce-movil .varD .figura {
  left: 50% !important;
  margin-left: 0 !important;
  width: auto !important;
  height: 100%;
  max-width: 100%;
  transform: translateX(-50%);
}
.fce-movil .varD .figura.on {
  animation: mv-apar 1.1s ease calc(var(--ob) + 0.3s) both;
}
.fce-movil .varD .figura .flot {
  height: 100%;
}
.fce-movil .varD .figura img {
  height: 100%;
  width: auto !important;
  margin: 0 auto;
}
.fce-movil .varD .velo {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(11, 51, 77, 0) 60%, rgba(11, 51, 77, 0.26) 77%, rgba(11, 51, 77, 0.74) 91%, #0B334D 100%);
}
.fce-movil .varD .acceso {
  margin-top: 0;
  border-radius: 24px;
  box-shadow: 0 -10px 46px rgba(0, 8, 18, 0.44), 0 40px 90px rgba(0, 0, 0, 0.42);
}
.fce-movil .varD .heroe {
  padding-bottom: 0;
}
.fce-movil .varD .hoja {
  position: relative;
  z-index: 8;
  flex: 0 0 auto;
  padding: 0 20px 10px;
  text-align: center;
}
.fce-movil .llamar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  height: 56px;
  border-radius: 28px;
  background: linear-gradient(100deg, #0B334D, #114d72 56%, #0B334D);
  color: #fff;
  font-weight: 800;
  font-size: 16.5px;
  letter-spacing: 0.3px;
  cursor: pointer;
  box-shadow: 0 16px 36px rgba(0, 10, 22, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  border: 1.5px solid rgba(159, 232, 112, 0.5);
  position: relative;
  overflow: hidden;
  animation: mv-entraCard 0.9s cubic-bezier(0.16, 1, 0.3, 1) calc(var(--ob) + 0.36s) both;
}
.fce-movil .llamar::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(104deg, transparent 38%, rgba(159, 232, 112, 0.3) 48%, rgba(159, 232, 112, 0.3) 54%, transparent 64%);
  background-size: 260% 100%;
  animation: mv-lustre 5.2s ease-in-out calc(var(--ob) + 1.8s) infinite;
}
.fce-movil .llamar:active {
  transform: translateY(1px);
}
.fce-movil .varD .hoja .legal {
  margin: 11px 0 0;
  font-size: 9.6px;
  line-height: 1.45;
  color: #a9c5db;
  text-align: center;
  animation: mv-entra 0.8s ease calc(var(--ob) + 0.5s) both;
}
.fce-movil .ghero {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 11px;
  animation: mv-entra 0.8s ease calc(var(--ob) + 0.54s) both;
}
.fce-movil .ghero .pwb {
  margin: 0;
  font-size: 10.5px;
  letter-spacing: 1.2px;
  color: #8fb0d0;
}
.fce-movil .ghero .gmarco {
  width: 118px;
}
.fce-movil .ghero .gsombra {
  display: none;
}
.fce-movil .masinfo {
  display: inline-block;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #9FE870;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: rgba(159, 232, 112, 0.45);
  animation: mv-entra 0.8s ease calc(var(--ob) + 0.58s) both;
}
.fce-movil .varD .cinta {
  position: relative;
  flex: 0 0 auto;
  height: 36px;
  margin: 10px 0 0;
  width: 100%;
  animation: mv-apar 0.9s ease calc(var(--ob) + 0.9s) both;
}
.fce-movil .sombra {
  position: fixed;
  inset: 0;
  z-index: 40;
  background: rgba(3, 18, 30, 0.66);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.34s ease, visibility 0.34s;
  cursor: pointer;
}
.fce-movil .lamina {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 41;
  max-width: 520px;
  margin: 0 auto;
  padding: 12px 14px calc(14px + env(safe-area-inset-bottom));
  transform: translateY(102%);
  visibility: hidden;
  transition: transform 0.42s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.42s;
}
.fce-movil .lamina .acceso {
  margin: 0;
  border-radius: 26px 26px 22px 22px;
  padding: 40px 20px 18px;
  animation: none;
  box-shadow: 0 -14px 50px rgba(0, 8, 18, 0.5);
}
.fce-movil .caja2 {
  background: #fff;
  color: #102a3c;
  border-radius: 26px 26px 22px 22px;
  padding: 22px 18px 18px;
  max-height: 84svh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0 -14px 50px rgba(0, 8, 18, 0.5);
}
.fce-movil .tit2 {
  font-size: 19px;
  font-weight: 900;
  color: #0B334D;
  letter-spacing: -0.3px;
  margin: 14px 0 16px;
  padding-right: 44px;
}
.fce-movil .bloque {
  background: #f4f7fa;
  border: 1.4px solid #e6ecf2;
  border-radius: 18px;
  padding: 14px 16px 15px;
}
.fce-movil .rot {
  display: block;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #1E7A00;
  margin-bottom: 10px;
}
.fce-movil .fila {
  display: flex;
  gap: 10px;
  align-items: baseline;
  padding: 5px 0;
  font-size: 13.5px;
  line-height: 1.4;
}
.fce-movil .fila + .fila {
  border-top: 1px solid #e8edf2;
}
.fce-movil .fila span {
  flex: 0 0 74px;
  color: #7d93a6;
  font-weight: 600;
}
.fce-movil .fila b {
  font-weight: 700;
  color: #0B334D;
}
.fce-movil .botones {
  display: flex;
  gap: 10px;
  margin-top: 12px;
}
.fce-movil .bot2 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  border-radius: 14px;
  background: #0B334D;
  color: #fff;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  padding: 0 10px;
}
.fce-movil .redes2 {
  margin-top: 12px;
  text-align: center;
}
.fce-movil .redes2 .ic {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
}
.fce-movil .redes2 .ic img {
  height: 24px;
  width: auto;
  display: block;
  filter: brightness(0) saturate(100%) invert(13%) sepia(31%) saturate(1500%) hue-rotate(170deg);
}
.fce-movil .tx2 {
  margin-top: 12px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.6px;
  color: #415b70;
}
.fce-movil .caja2 .marcas {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  margin-top: 14px;
  background: #0B334D;
  border-radius: 16px;
  padding: 14px 18px;
}
.fce-movil .caja2 .fcont {
  width: 132px;
}
.fce-movil .caja2 .mas25 {
  width: 54px;
}
.fce-movil .asa {
  position: absolute;
  left: 50%;
  top: 24px;
  width: 46px;
  height: 4px;
  margin-left: -23px;
  border-radius: 3px;
  background: #dde4ea;
  z-index: 9;
  pointer-events: none;
}
.fce-movil .cerrar {
  position: absolute;
  right: 26px;
  top: 32px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #eef2f6;
  color: #5d7183;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}
.fce-movil .abrir:checked ~ .sombra:not(.sombra2) {
  opacity: 1;
  visibility: visible;
}
.fce-movil .abrir:checked ~ .lamina:not(.lamina2) {
  transform: none;
  visibility: visible;
}
.fce-movil .abrir2:checked ~ .sombra2 {
  opacity: 1;
  visibility: visible;
}
.fce-movil .abrir2:checked ~ .lamina2 {
  transform: none;
  visibility: visible;
}
@media (prefers-reduced-motion: reduce) {
  .fce-movil .lamina {
    transition: visibility 0.01s;
  }
  .fce-movil .llamar::after {
    animation: none;
  }
}
@media (max-height: 830px) {
  .fce-movil .llamar {
    height: 52px;
    font-size: 15.5px;
  }
  .fce-movil .varD .hoja .legal {
    font-size: 9px;
    margin-top: 8px;
  }
  .fce-movil .ghero {
    margin-top: 9px;
  }
  .fce-movil .ghero .gmarco {
    width: 104px;
  }
  .fce-movil .masinfo {
    font-size: 11.5px;
    margin-top: 7px;
  }
  .fce-movil .varD .cinta {
    height: 32px;
    margin-top: 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .fce-movil .varD .figura {
    transform: translateX(-50%) !important;
  }
  .fce-movil .varD .cuna {
    transform: translateX(-50%) rotate(-5deg) !important;
  }
  .fce-movil .varD .gemelo {
    transform: translateX(-56%) rotate(-5deg) !important;
  }
  .fce-movil .varD .aura {
    transform: translateX(-50%) !important;
  }
}
@media (max-height: 830px) {
  .fce-movil .varD .hcab {
    padding-top: 14px;
  }
  .fce-movil .varD .htx {
    padding-top: 10px;
  }
  .fce-movil .varD .escenario {
    min-height: 120px;
    margin-top: 2px;
  }
  .fce-movil .varD .acceso {
    padding: 15px 17px 13px;
  }
  .fce-movil .varD .acceso h2 {
    font-size: 19px;
  }
  .fce-movil .varD .acceso .sub {
    margin-bottom: 11px;
  }
  .fce-movil .varD .campo {
    margin-bottom: 9px;
  }
  .fce-movil .varD .campo input {
    height: 42px;
  }
  .fce-movil .varD .btn {
    height: 45px;
    margin-top: 2px;
  }
  .fce-movil .varD .nota {
    margin-top: 9px;
  }
  .fce-movil .varD .hoja {
    padding-bottom: 14px;
  }
  .fce-movil .llamar {
    height: 54px;
    font-size: 15.5px;
  }
}

.fce-pc {
  display: none;
}

body.fce-body {
  margin: 0;
  background: #0B334D;
  font-family: "Work Sans", system-ui, sans-serif;
}
body.fce-body #page-wrapper {
  display: block;
  height: auto;
  min-height: 0;
  background: transparent;
}

@media (min-width: 900px) and (min-aspect-ratio: 1/1) {
  .fce-pc {
    display: block;
  }
  .fce-movil {
    display: none;
  }
  html:has(body.fce-body),
  body.fce-body {
    height: 100%;
    overflow: hidden;
  }
}
.fce-pc picture,
.fce-movil picture {
  display: block;
}

.fce-movil .cinta p,
.fce-pc .cinta p {
  white-space: nowrap;
}

.fce-pc .acceso .lumina-forgot,
.fce-pc .acceso .lumina-or,
.fce-pc .acceso .login-identityproviders,
.fce-movil .acceso .lumina-forgot,
.fce-movil .acceso .lumina-or,
.fce-movil .acceso .login-identityproviders {
  display: none;
}
.fce-pc .acceso .alert,
.fce-movil .acceso .alert {
  margin: 0 0 10px;
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.35;
}
.fce-pc .acceso:has(.alert) .sub,
.fce-movil .acceso:has(.alert) .sub {
  margin-bottom: 12px;
}
.fce-pc .acceso:has(.alert) .nota,
.fce-movil .acceso:has(.alert) .nota {
  margin-top: 10px;
}
.fce-pc .acceso .login-form-recaptcha,
.fce-movil .acceso .login-form-recaptcha {
  margin-bottom: 14px;
}
.fce-pc .acceso .toggle-sensitive-wrapper,
.fce-movil .acceso .toggle-sensitive-wrapper {
  position: relative;
  display: block;
}
.fce-pc .acceso .toggle-sensitive-wrapper > input,
.fce-movil .acceso .toggle-sensitive-wrapper > input {
  border-radius: 14px !important;
}
.fce-pc .acceso .toggle-sensitive-btn,
.fce-movil .acceso .toggle-sensitive-btn {
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #8a97a6;
  box-shadow: none;
  transform: translateY(-50%);
}
.fce-pc .acceso .toggle-sensitive-btn:hover, .fce-pc .acceso .toggle-sensitive-btn:focus-visible,
.fce-movil .acceso .toggle-sensitive-btn:hover,
.fce-movil .acceso .toggle-sensitive-btn:focus-visible {
  background: rgba(11, 51, 77, 0.08);
  color: #0B334D;
}
.fce-pc .acceso .toggle-sensitive-wrapper.small-screens-only .toggle-sensitive-btn,
.fce-movil .acceso .toggle-sensitive-wrapper.small-screens-only .toggle-sensitive-btn {
  display: flex;
}
.fce-pc .acceso .campo input:focus-visible,
.fce-pc .acceso .btn:focus-visible,
.fce-pc .acceso .fil a:focus-visible,
.fce-movil .acceso .campo input:focus-visible,
.fce-movil .acceso .btn:focus-visible,
.fce-movil .acceso .fil a:focus-visible {
  outline: 3px solid #9FE870;
  outline-offset: 2px;
}
.fce-pc .acceso .fce-flecha,
.fce-movil .acceso .fce-flecha {
  flex: none;
}

.fce-movil .acceso .toggle-sensitive-btn {
  right: 4px;
}

body.fce-body .la-launch {
  right: 20px;
  bottom: 70px;
}

body.fce-body:has(.eupopup-container-bottom:not([style*=none])) .la-launch {
  bottom: 110px;
}

@media (max-width: 899.98px), (max-aspect-ratio: 1/1) {
  body.fce-body .la-launch {
    bottom: 56px;
  }
  body.fce-body:has(.eupopup-container-bottom:not([style*=none])) .la-launch {
    bottom: 124px;
  }
}
.fce-pc .lienzo:not([style]) {
  visibility: hidden;
}

.fce-pc,
.fce-movil {
  font-size: 16px;
  line-height: normal;
}
.fce-pc .titular,
.fce-movil .titular {
  color: #fff;
}

.fce-pc .acceso .toggle-sensitive-btn,
.fce-movil .acceso .toggle-sensitive-btn {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14'%3E%3Cellipse cx='10' cy='7' rx='9' ry='5.8' fill='none' stroke='%238a97a6' stroke-width='1.6'/%3E%3Ccircle cx='10' cy='7' r='2.4' fill='%238a97a6'/%3E%3C/svg%3E") center/20px 14px no-repeat;
}
.fce-pc .acceso .toggle-sensitive-btn .icon,
.fce-movil .acceso .toggle-sensitive-btn .icon {
  display: none;
}
.fce-pc .acceso .toggle-sensitive-btn:hover, .fce-pc .acceso .toggle-sensitive-btn:focus-visible,
.fce-movil .acceso .toggle-sensitive-btn:hover,
.fce-movil .acceso .toggle-sensitive-btn:focus-visible {
  background-color: rgba(11, 51, 77, 0.08);
}

.fce-pc .acceso input[type=text] + .toggle-sensitive-btn,
.fce-movil .acceso input[type=text] + .toggle-sensitive-btn {
  filter: brightness(0.55);
}

.fce-movil .figura picture {
  height: 100%;
}

.fce-movil .htx .tag2 {
  margin-left: -4px;
  margin-right: -4px;
}

.fce-pc .lienzo {
  --ex: 0px;
  --ey: 0px;
  overflow: visible;
}
.fce-pc .lienzo::before {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--ey)) calc(-1 * var(--ex));
  z-index: -1;
  background: inherit;
}
.fce-pc .lienzo .puntos {
  inset: calc(-1 * var(--ey)) calc(-1 * var(--ex));
}
.fce-pc .lienzo .cinta {
  left: calc(-1 * var(--ex));
  right: calc(-1 * var(--ex));
  bottom: calc(-1 * var(--ey));
}

.fce-pc .titular b,
.fce-movil .titular b {
  transform: translateY(150%);
}

@media (prefers-reduced-motion: reduce) {
  .fce-pc .titular b,
  .fce-movil .titular b {
    transform: none;
  }
}
.fce-pc .acceso .generalbox:has(+ form.mform),
.fce-movil .acceso .generalbox:has(+ form.mform) {
  display: none;
}
.fce-pc .acceso .mform fieldset,
.fce-movil .acceso .mform fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.fce-pc .acceso .mform .ftoggler,
.fce-movil .acceso .mform .ftoggler {
  display: none !important;
}
.fce-pc .acceso .mform .fcontainer,
.fce-movil .acceso .mform .fcontainer {
  padding: 0;
}
.fce-pc .acceso .mform .fitem.row,
.fce-movil .acceso .mform .fitem.row {
  margin: 0 0 14px;
}
.fce-pc .acceso .mform .fitem.row > [class*=col-md-],
.fce-movil .acceso .mform .fitem.row > [class*=col-md-] {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}
.fce-pc .acceso .mform .fitem.row > .col-form-label,
.fce-movil .acceso .mform .fitem.row > .col-form-label {
  padding-bottom: 6px;
  font-size: 15px;
  font-weight: 700;
  color: #102a3c;
}
.fce-pc .acceso .mform .femptylabel > .col-form-label,
.fce-movil .acceso .mform .femptylabel > .col-form-label {
  display: none !important;
}
.fce-pc .acceso .mform .form-control,
.fce-movil .acceso .mform .form-control {
  width: 100%;
  height: 50px;
  padding: 0 16px;
  border: 1.6px solid #dfe5ec;
  border-radius: 14px;
  background: #f7f9fb;
  color: #102a3c;
  font-size: 16px;
}
.fce-pc .acceso .mform .form-control:focus,
.fce-movil .acceso .mform .form-control:focus {
  border-color: #39A900;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(57, 169, 0, 0.14);
}
.fce-pc .acceso .mform hr,
.fce-movil .acceso .mform hr {
  margin: 4px 0 14px;
  opacity: 0.12;
}
.fce-pc .acceso .mform .btn-primary,
.fce-movil .acceso .mform .btn-primary {
  height: 54px;
  border-radius: 27px;
  font-size: 17px;
}
.fce-pc .acceso .fce-volver,
.fce-movil .acceso .fce-volver {
  font-weight: 700;
  color: #1E7A00;
  text-decoration: none;
}
.fce-pc .acceso .fce-volver:hover, .fce-pc .acceso .fce-volver:focus-visible,
.fce-movil .acceso .fce-volver:hover,
.fce-movil .acceso .fce-volver:focus-visible {
  text-decoration: underline;
}

.fce-movil .acceso .nota:has(.fce-volver) {
  font-size: 14px;
}

/* ---------- Ajustes de Lumina ---------- */
/* Centro de Atención al Usuario con bordes redondeados, como las demás tarjetas. */
.fce-pc .cau,
.fce-movil .cau {
  border-radius: 18px;
}
/* Páginas siguientes del ingreso (recuperar contraseña, formulario enviado; clase puesta por el servidor): un retraso
   negativo grande deja cada animación de entrada y la obertura ya terminadas desde el primer cuadro, sin volver a
   reproducirlas. Las animaciones continuas (puntos, cinta, flotación) siguen igual. */
.fce.fce-repetida *,
.fce.fce-repetida *::before,
.fce.fce-repetida *::after {
  animation-delay: -60s !important;
}