/* =========================================================================
   URRETA — Área de Trabajo
   Artboard 1980 x 5049 px  →  123.75rem x 315.5625rem
   Las dos tarjetas usan el componente .portal-card (css/components.css).
   ========================================================================= */

.at-titulo {
  position: absolute;
  top: 17.0625rem;                   /* 273 */
  left: 15.6088rem;                  /* 249.74 */
  width: 65.8125rem;                 /* 1053 */
  height: 21.3125rem;                /* 341 */
  font-size: 6rem;                   /* 96 */
  font-weight: 200;
  line-height: 7.25rem;              /* 116 */
  color: var(--c-primary);
}

.at-hero {
  position: absolute;
  top: 39.3125rem;                   /* 629 */
  left: 15.6088rem;
  width: 29rem;                      /* 464 */
  height: 20.9021rem;                /* 334.433 */
  max-width: none;
}

.at-intro {
  position: absolute;
  top: 39.3125rem;                   /* 629 */
  left: 62.6713rem;                  /* 1002.74 */
  width: 36.25rem;                   /* 580 */
  height: 7.5rem;                    /* 120 */
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.5rem;
  color: var(--c-primary);
}

/* Posición de las tarjetas dentro del artboard */
.at-card   { top: 71.625rem; }       /* 1146 */
.at-card--1 { left: 6.4213rem; }     /* 102.74 */
.at-card--2 { left: 62.6713rem; }    /* 1002.74 */

/* ============================== BANDA ================================== */

.at-banda {
  position: absolute;
  top: 130.9525rem;                  /* 2095.245 */
  left: 6.4213rem;                   /* 102.74 */
  width: 110.875rem;                 /* 1774 */
  height: 24.7064rem;                /* 395.302 */
  transform: scaleX(-1);
}
.at-banda img { width: 100%; height: 100%; }

.at-banda__texto {
  position: absolute;
  top: 143.3125rem;                  /* 2293 (centro) */
  left: 16.5463rem;                  /* 264.74 */
  width: 90.6875rem;                 /* 1451 */
  height: 14.5rem;                   /* 232 */
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 4rem;
  font-weight: 200;
  line-height: normal;
  text-align: center;
  color: var(--c-cream);
}