.elementor-723 .elementor-element.elementor-element-2b30ea9:not(.elementor-motion-effects-element-type-background), .elementor-723 .elementor-element.elementor-element-2b30ea9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-kadence8 );}.elementor-723 .elementor-element.elementor-element-2b30ea9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-723 .elementor-element.elementor-element-2b30ea9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-723 .elementor-element.elementor-element-f4a853b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-f4a853b *//* =========================================================
   EMPRENDE EN ROSA
   CALCULADORA DE IVA
   SCRAPBOOK INTERACTIVO
   ========================================================= */

.eer-iva {
  --pink: #f75f8b;
  --pink-soft: #f6a1bb;
  --magenta: #f264c5;
  --purple: #e47bef;
  --lilac: #b4a7f4;
  --blue: #7ac7ec;
  --aqua: #4cd9e3;
  --mint: #59e5d8;

  --ink: #29262d;
  --gray: #716d76;

  --paper: #fffdf7;
  --paper-pink: #ffe8ef;
  --paper-lilac: #eeeaff;
  --paper-blue: #e9f8ff;

  position: relative;

  width: 100%;
  max-width: 1180px;

  margin: 0 auto;

  padding:
    64px
    24px
    72px;

  color: var(--ink);

  font-family: inherit;
}


/* =========================================================
   CABECERA
   ========================================================= */

.eer-iva-header {
  max-width: 720px;

  margin:
    0 auto
    55px;

  text-align: center;
}


.eer-iva-kicker {
  display: inline-block;

  margin-bottom: 16px;

  padding:
    8px
    16px;

  background:
    var(--mint);

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 0.12em;

  transform:
    rotate(-2deg);
}


.eer-iva-title {
  margin: 0;

  font-size:
    clamp(
      42px,
      6vw,
      70px
    );

  line-height: 1;

  font-weight: 850;

  letter-spacing: -0.045em;
}


.eer-iva-title span {
  position: relative;

  color: var(--pink);
}


.eer-iva-title span::after {
  content: "";

  position: absolute;

  left: -3%;
  bottom: -7px;

  width: 106%;
  height: 7px;

  background:
    var(--lilac);

  border-radius: 50%;

  transform:
    rotate(-2deg);

  z-index: -1;
}


.eer-iva-intro {
  margin:
    24px auto
    0;

  max-width: 570px;

  font-size: 16px;

  line-height: 1.6;

  color: var(--gray);
}


/* =========================================================
   TABLERO GENERAL
   ========================================================= */

.eer-iva-board {
  position: relative;

  display: grid;

  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(320px, 0.72fr);

  gap: 66px;

  align-items: center;

  padding:
    28px
    18px
    28px;

  isolation: isolate;
}


/* =========================================================
   TEXTURA SUAVE GENERAL
   ========================================================= */

.eer-iva-board::before {
  content: "";

  position: absolute;

  inset: -22px;

  z-index: -5;

  pointer-events: none;

  opacity: 0.35;

  background-image:
    radial-gradient(
      circle at 18% 23%,
      rgba(40, 38, 45, 0.08) 0 0.7px,
      transparent 0.8px
    ),
    radial-gradient(
      circle at 72% 61%,
      rgba(40, 38, 45, 0.06) 0 0.6px,
      transparent 0.7px
    );

  background-size:
    13px 13px,
    17px 17px;
}


/* =========================================================
   PAPELES DECORATIVOS
   ========================================================= */

.eer-paper {
  position: absolute;

  pointer-events: none;

  z-index: -3;
}


.eer-paper-grid {
  width: 310px;
  height: 245px;

  left: -30px;
  top: -35px;

  background-color:
    #fbfaff;

  background-image:
    linear-gradient(
      rgba(181, 169, 244, 0.42) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(181, 169, 244, 0.42) 1px,
      transparent 1px
    );

  background-size:
    21px 21px;

  transform:
    rotate(-7deg);

  clip-path:
    polygon(
      1% 3%,
      98% 0,
      99% 92%,
      94% 95%,
      88% 92%,
      81% 97%,
      74% 92%,
      66% 96%,
      59% 91%,
      52% 97%,
      45% 92%,
      37% 96%,
      29% 92%,
      21% 97%,
      13% 92%,
      5% 96%,
      0 92%
    );
}


.eer-paper-lilac {
  width: 260px;
  height: 220px;

  right: 215px;
  top: 15px;

  background:
    var(--paper-lilac);

  transform:
    rotate(6deg);

  clip-path:
    polygon(
      2% 1%,
      96% 4%,
      100% 91%,
      93% 96%,
      84% 91%,
      76% 97%,
      67% 92%,
      58% 97%,
      50% 92%,
      41% 96%,
      31% 92%,
      22% 97%,
      12% 92%,
      4% 96%,
      0 89%
    );
}


.eer-paper-pink {
  width: 280px;
  height: 190px;

  right: -20px;
  bottom: 5px;

  background:
    var(--paper-pink);

  transform:
    rotate(-5deg);

  clip-path:
    polygon(
      1% 5%,
      96% 0,
      100% 94%,
      92% 90%,
      83% 96%,
      74% 91%,
      65% 96%,
      56% 91%,
      47% 97%,
      38% 91%,
      28% 96%,
      18% 91%,
      9% 96%,
      0 92%
    );
}


/* =========================================================
   WASHI
   ========================================================= */

.eer-washi {
  position: absolute;

  z-index: 4;

  pointer-events: none;

  opacity: 0.9;
}


.eer-washi-top {
  width: 112px;
  height: 31px;

  left: 68px;
  top: 7px;

  background:
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.55)
      0 13px,
      rgba(181, 169, 244, 0.86)
      13px 26px
    );

  transform:
    rotate(-7deg);

  clip-path:
    polygon(
      2% 5%,
      99% 0,
      96% 95%,
      0 100%
    );
}


.eer-washi-side {
  width: 92px;
  height: 28px;

  right: 82px;
  top: 70px;

  background:
    repeating-linear-gradient(
      45deg,
      rgba(247, 95, 139, 0.65)
      0 10px,
      rgba(255, 255, 255, 0.32)
      10px 20px
    );

  transform:
    rotate(9deg);

  clip-path:
    polygon(
      2% 3%,
      98% 0,
      100% 94%,
      1% 98%
    );
}


/* =========================================================
   CALCULADORA
   ========================================================= */

.eer-iva-machine {
  position: relative;

  padding:
    34px
    32px
    29px;

  background:
    var(--pink);

  border:
    1.4px solid
    rgba(41, 38, 45, 0.5);

  border-radius:
    26px
    31px
    24px
    29px;

  box-shadow:
    0 10px 26px
    rgba(41, 38, 45, 0.07);

  transform:
    rotate(-0.5deg);

  overflow: hidden;
}


/* TEXTURA DE PAPEL ROSA */

.eer-iva-machine::before {
  content: "";

  position: absolute;

  inset: 0;

  pointer-events: none;

  opacity: 0.18;

  background-image:
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0.6) 0 0.8px,
      transparent 0.9px
    ),
    radial-gradient(
      circle,
      rgba(40, 38, 45, 0.16) 0 0.55px,
      transparent 0.7px
    );

  background-size:
    14px 14px,
    19px 19px;
}


.eer-iva-machine > * {
  position: relative;

  z-index: 1;
}


.eer-iva-machine-label {
  margin-bottom: 24px;

  font-size: 10px;

  font-weight: 850;

  letter-spacing: 0.13em;
}


/* =========================================================
   TABS
   ========================================================= */

.eer-iva-tabs {
  display: grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    );

  gap: 12px;

  margin-bottom: 18px;
}


.eer-iva-tab {
  appearance: none;

  display: flex;

  align-items: center;

  gap: 11px;

  min-height: 72px;

  padding:
    12px
    14px;

  border:
    1.3px solid
    rgba(41, 38, 45, 0.42);

  border-radius:
    16px
    19px
    15px
    17px;

  background:
    rgba(255, 255, 255, 0.34);

  color:
    var(--ink);

  font-family:
    inherit;

  text-align:
    left;

  cursor:
    pointer;

  transition:
    transform 0.18s ease,
    background 0.2s ease;
}


.eer-iva-tab:hover {
  transform:
    translateY(-2px)
    rotate(-0.35deg);
}


.eer-iva-tab.is-active {
  background:
    var(--paper);
}


.eer-iva-tab-symbol {
  display: flex;

  align-items: center;
  justify-content: center;

  flex:
    0 0 31px;

  width: 31px;
  height: 31px;

  background:
    var(--lilac);

  border-radius:
    50%;

  font-size:
    20px;

  font-weight:
    850;
}


.eer-iva-tab-copy {
  display: flex;

  flex-direction:
    column;

  gap: 3px;
}


.eer-iva-tab-copy strong {
  font-size:
    13px;

  line-height:
    1.2;
}


.eer-iva-tab-copy small {
  font-size:
    9px;

  line-height:
    1.35;

  color:
    var(--gray);
}


/* =========================================================
   PANTALLA
   ========================================================= */

.eer-iva-screen {
  padding:
    22px
    22px;

  background:
    #f4fff9;

  border:
    1.4px solid
    rgba(41, 38, 45, 0.46);

  border-radius:
    18px
    16px
    20px
    15px;

  background-image:
    linear-gradient(
      rgba(89, 229, 216, 0.08),
      rgba(89, 229, 216, 0.08)
    );
}


.eer-iva-screen-label {
  display: block;

  margin-bottom:
    10px;

  font-size:
    12px;

  font-weight:
    750;
}


.eer-iva-money {
  display: flex;

  align-items:
    center;
}


.eer-iva-currency {
  margin-right:
    7px;

  font-size:
    clamp(
      28px,
      4vw,
      39px
    );

  font-weight:
    850;
}


.eer-iva-amount {
  width:
    100% !important;

  padding:
    0 !important;

  border:
    0 !important;

  outline:
    none !important;

  background:
    transparent !important;

  box-shadow:
    none !important;

  font-family:
    inherit !important;

  font-size:
    clamp(
      39px,
      6vw,
      55px
    ) !important;

  line-height:
    1 !important;

  font-weight:
    850 !important;

  color:
    var(--ink) !important;

  appearance:
    textfield;
}


.eer-iva-amount::-webkit-inner-spin-button,
.eer-iva-amount::-webkit-outer-spin-button {
  appearance: none;

  margin: 0;
}


.eer-iva-amount::placeholder {
  color:
    rgba(41, 38, 45, 0.22);
}


.eer-iva-helper {
  margin:
    10px 0
    0;

  font-size:
    11px;

  line-height:
    1.4;

  color:
    var(--gray);
}


/* =========================================================
   TASA
   ========================================================= */

.eer-iva-rate-section {
  margin-top:
    23px;
}


.eer-iva-rate-title {
  margin:
    0 0
    12px;

  font-size:
    13px;

  font-weight:
    800;
}


.eer-iva-rates {
  display:
    grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    );

  gap:
    12px;
}


.eer-iva-rate {
  appearance:
    none;

  display:
    flex;

  flex-direction:
    column;

  align-items:
    flex-start;

  gap:
    4px;

  min-height:
    78px;

  padding:
    13px
    15px;

  border:
    1.3px solid
    rgba(41, 38, 45, 0.42);

  border-radius:
    17px
    15px
    19px
    14px;

  background:
    rgba(255, 255, 255, 0.32);

  color:
    var(--ink);

  font-family:
    inherit;

  cursor:
    pointer;

  transition:
    transform 0.18s ease,
    background 0.2s ease;
}


.eer-iva-rate:hover {
  transform:
    translateY(-2px)
    rotate(0.3deg);
}


.eer-iva-rate.is-active {
  background:
    var(--paper);
}


.eer-iva-rate strong {
  font-size:
    28px;

  line-height:
    1;
}


.eer-iva-rate.is-active strong {
  color:
    var(--pink);
}


.eer-iva-rate span {
  font-size:
    11px;

  font-weight:
    700;
}


/* =========================================================
   NOTA FRONTERA
   ========================================================= */

.eer-iva-border-note {
  max-height:
    0;

  margin:
    0;

  padding:
    0 11px;

  overflow:
    hidden;

  opacity:
    0;

  font-size:
    10px;

  line-height:
    1.45;

  transition:
    max-height 0.35s ease,
    opacity 0.25s ease,
    margin 0.35s ease,
    padding 0.35s ease;
}


.eer-iva-border-note.is-visible {
  max-height:
    100px;

  margin-top:
    13px;

  padding:
    9px
    11px;

  background:
    rgba(255, 255, 255, 0.42);

  border-left:
    2px solid
    var(--ink);

  opacity:
    1;
}


/* =========================================================
   NOTA CÁLCULO AUTOMÁTICO
   ========================================================= */

.eer-iva-auto-note {
  width:
    fit-content;

  margin:
    22px 0 0
    auto;

  padding:
    7px
    10px;

  background:
    var(--mint);

  font-size:
    9px;

  font-weight:
    800;

  letter-spacing:
    0.04em;

  transform:
    rotate(-1deg);
}


/* =========================================================
   RESULTADO
   ========================================================= */

.eer-iva-result-area {
  position:
    relative;

  min-height:
    430px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;
}


/* =========================================================
   ESTADO VACÍO
   ========================================================= */

.eer-iva-empty {
  width:
    100%;

  max-width:
    340px;

  text-align:
    center;

  transition:
    opacity 0.25s ease,
    transform 0.35s ease;
}


.eer-iva-empty.is-hidden {
  position:
    absolute;

  opacity:
    0;

  pointer-events:
    none;

  transform:
    translateY(20px)
    rotate(-3deg)
    scale(0.96);
}


.eer-empty-paper {
  position:
    relative;

  padding:
    37px
    28px
    31px;

  background:
    var(--paper);

  border:
    1.2px solid
    rgba(41, 38, 45, 0.42);

  transform:
    rotate(-2deg);

  box-shadow:
    0 8px 20px
    rgba(41, 38, 45, 0.06);

  clip-path:
    polygon(
      1% 2%,
      98% 0,
      100% 91%,
      95% 95%,
      89% 91%,
      82% 97%,
      75% 92%,
      68% 97%,
      60% 92%,
      53% 97%,
      46% 92%,
      39% 96%,
      31% 92%,
      23% 97%,
      15% 92%,
      7% 96%,
      0 91%
    );

  background-image:
    radial-gradient(
      circle,
      rgba(41, 38, 45, 0.05) 0 0.6px,
      transparent 0.7px
    );

  background-size:
    14px 14px;
}


.eer-empty-tape {
  position:
    absolute;

  width:
    104px;

  height:
    29px;

  top:
    -10px;

  left:
    50%;

  z-index:
    2;

  background:
    rgba(244, 160, 186, 0.72);

  transform:
    translateX(-50%)
    rotate(3deg);

  clip-path:
    polygon(
      2% 5%,
      99% 0,
      96% 95%,
      0 100%
    );
}


.eer-empty-title {
  margin:
    0;

  font-size:
    22px;

  line-height:
    1.25;

  font-weight:
    850;
}


.eer-empty-copy {
  margin:
    12px 0
    0;

  font-size:
    13px;

  line-height:
    1.5;

  color:
    var(--gray);
}


/* =========================================================
   TICKET
   ========================================================= */

.eer-iva-ticket {
  position:
    absolute;

  width:
    min(
      100%,
      340px
    );

  padding:
    42px
    29px
    34px;

  background:
    var(--paper);

  border:
    1.3px solid
    rgba(41, 38, 45, 0.55);

  opacity:
    0;

  pointer-events:
    none;

  transform:
    translateY(-24px)
    rotate(1deg);

  box-shadow:
    0 10px 22px
    rgba(41, 38, 45, 0.07);

  clip-path:
    polygon(
      0 0,
      100% 0,
      100% 95%,
      96% 99%,
      91% 96%,
      86% 100%,
      81% 96%,
      75% 100%,
      69% 96%,
      63% 100%,
      57% 96%,
      51% 100%,
      45% 96%,
      39% 100%,
      33% 96%,
      27% 100%,
      21% 96%,
      15% 100%,
      9% 96%,
      0 100%
    );

  transition:
    opacity 0.3s ease,
    transform 0.45s ease;

  background-image:
    radial-gradient(
      circle,
      rgba(41, 38, 45, 0.045) 0 0.55px,
      transparent 0.7px
    );

  background-size:
    13px 13px;
}


.eer-iva-ticket.is-visible {
  opacity:
    1;

  pointer-events:
    auto;

  transform:
    translateY(0)
    rotate(1deg);
}


.eer-iva-ticket.is-entering {
  animation:
    eerTicketEnter
    0.5s ease;
}


@keyframes eerTicketEnter {

  from {
    opacity:
      0;

    transform:
      translateY(-35px)
      rotate(-1deg);
  }

  to {
    opacity:
      1;

    transform:
      translateY(0)
      rotate(1deg);
  }

}


.eer-ticket-tape {
  position:
    absolute;

  top:
    -13px;

  left:
    50%;

  width:
    98px;

  height:
    28px;

  background:
    rgba(181, 169, 244, 0.72);

  transform:
    translateX(-50%)
    rotate(2deg);

  clip-path:
    polygon(
      1% 4%,
      98% 0,
      100% 93%,
      2% 99%
    );
}


.eer-ticket-top p {
  margin:
    0;

  font-size:
    18px;

  font-weight:
    850;

  letter-spacing:
    0.06em;
}


.eer-ticket-top span {
  display:
    block;

  margin-top:
    5px;

  font-size:
    9px;

  font-weight:
    800;

  letter-spacing:
    0.13em;

  color:
    var(--gray);
}


.eer-ticket-divider {
  margin:
    21px 0;

  border-top:
    1.4px dashed
    rgba(41, 38, 45, 0.25);
}


.eer-ticket-row {
  display:
    flex;

  justify-content:
    space-between;

  align-items:
    flex-start;

  gap:
    15px;

  margin:
    13px 0;

  font-size:
    12px;
}


.eer-ticket-row > span {
  color:
    var(--gray);
}


.eer-ticket-row strong {
  white-space:
    nowrap;

  font-size:
    13px;
}


.eer-ticket-total span {
  display:
    block;

  margin-bottom:
    6px;

  font-size:
    9px;

  font-weight:
    850;

  letter-spacing:
    0.12em;
}


.eer-ticket-total strong {
  position:
    relative;

  display:
    inline-block;

  font-size:
    clamp(
      31px,
      4vw,
      42px
    );

  line-height:
    1;

  font-weight:
    850;

  letter-spacing:
    -0.04em;

  z-index:
    1;
}


.eer-ticket-total strong::after {
  content:
    "";

  position:
    absolute;

  left:
    -2%;

  bottom:
    -5px;

  width:
    104%;

  height:
    8px;

  background:
    var(--mint);

  border-radius:
    50%;

  transform:
    rotate(-1deg);

  z-index:
    -1;
}


/* =========================================================
   COPIAR
   ========================================================= */

.eer-iva-copy {
  appearance:
    none;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    9px;

  width:
    100%;

  margin-top:
    25px;

  padding:
    11px
    14px;

  background:
    var(--paper-pink);

  border:
    1px solid
    rgba(41, 38, 45, 0.42);

  border-radius:
    10px
    12px
    9px
    11px;

  color:
    var(--ink);

  font-family:
    inherit;

  font-size:
    11px;

  font-weight:
    800;

  cursor:
    pointer;

  transition:
    transform 0.18s ease,
    background 0.2s ease;
}


.eer-iva-copy:hover {
  background:
    var(--paper-lilac);

  transform:
    translateY(-1px)
    rotate(-0.4deg);
}


.eer-iva-copy.is-copied {
  background:
    var(--mint);
}


.eer-copy-box {
  width:
    13px;

  height:
    13px;

  border:
    1.5px solid
    var(--ink);

  position:
    relative;
}


.eer-copy-box::after {
  content:
    "";

  position:
    absolute;

  width:
    9px;

  height:
    9px;

  border:
    1px solid
    var(--ink);

  left:
    3px;

  top:
    -4px;

  background:
    var(--paper-pink);
}


.eer-ticket-brand {
  margin-top:
    20px;

  text-align:
    center;

  font-size:
    8px;

  font-weight:
    800;

  letter-spacing:
    0.14em;

  color:
    rgba(41, 38, 45, 0.4);
}


/* =========================================================
   BLOQUE EDUCATIVO
   ========================================================= */

.eer-iva-learn {
  max-width:
    790px;

  margin:
    68px auto
    0;
}


.eer-iva-learn-toggle {
  appearance:
    none;

  display:
    grid;

  grid-template-columns:
    auto
    minmax(0, 1fr)
    auto;

  gap:
    12px;

  align-items:
    center;

  width:
    100%;

  padding:
    14px
    17px;

  background:
    var(--paper-pink);

  border:
    1.3px solid
    rgba(41, 38, 45, 0.48);

  border-radius:
    13px
    16px
    12px
    15px;

  color:
    var(--ink);

  font-family:
    inherit;

  text-align:
    left;

  cursor:
    pointer;

  transition:
    transform 0.18s ease,
    background 0.2s ease;
}


.eer-iva-learn-toggle:hover {
  background:
    var(--paper-lilac);

  transform:
    rotate(-0.2deg);
}


.eer-learn-question-mark {
  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  width:
    29px;

  height:
    29px;

  border:
    1.4px solid
    var(--ink);

  border-radius:
    50%;

  font-size:
    14px;

  font-weight:
    850;
}


.eer-learn-question {
  min-width:
    0;

  font-size:
    13px;

  line-height:
    1.35;

  font-weight:
    800;
}


.eer-learn-toggle-symbol {
  font-size:
    22px;

  line-height:
    1;
}


/* =========================================================
   DESPLEGABLE EDUCATIVO
   ========================================================= */

.eer-iva-learn-content {
  display:
    grid;

  grid-template-rows:
    0fr;

  opacity:
    0;

  transition:
    grid-template-rows 0.35s ease,
    opacity 0.25s ease;
}


.eer-iva-learn-content.is-open {
  grid-template-rows:
    1fr;

  opacity:
    1;
}


.eer-learn-note {
  position:
    relative;

  min-height:
    0;

  overflow:
    hidden;

  margin:
    0 15px;

  padding:
    0 25px;

  background:
    var(--paper);

  transform:
    rotate(-0.35deg);

  transition:
    margin 0.35s ease,
    padding 0.35s ease,
    border 0.35s ease;

  background-image:
    radial-gradient(
      circle,
      rgba(41, 38, 45, 0.045) 0 0.55px,
      transparent 0.7px
    );

  background-size:
    13px 13px;
}


.eer-iva-learn-content.is-open
.eer-learn-note {
  margin-top:
    22px;

  padding:
    31px
    25px;

  border:
    1.3px solid
    rgba(41, 38, 45, 0.45);

  box-shadow:
    0 8px 20px
    rgba(41, 38, 45, 0.06);
}


.eer-learn-tape {
  position:
    absolute;

  top:
    -12px;

  left:
    50%;

  width:
    96px;

  height:
    27px;

  background:
    rgba(244, 160, 186, 0.75);

  transform:
    translateX(-50%)
    rotate(2deg);
}


.eer-learn-note p {
  margin:
    0;

  font-size:
    13px;

  line-height:
    1.7;

  color:
    #504b54;
}


.eer-learn-example {
  display:
    inline-block;

  margin-top:
    19px;

  padding:
    8px
    11px;

  background:
    var(--mint);

  font-size:
    11px;

  font-weight:
    800;

  transform:
    rotate(-1deg);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

  .eer-iva {
    padding:
      54px
      20px
      64px;
  }


  .eer-iva-board {
    grid-template-columns:
      1fr;

    gap:
      42px;
  }


  .eer-iva-machine {
    width:
      100%;

    max-width:
      650px;

    margin:
      0 auto;
  }


  .eer-iva-result-area {
    min-height:
      350px;
  }


  .eer-paper-lilac {
    right:
      -50px;
  }


  .eer-paper-pink {
    right:
      -70px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

  .eer-iva {
    padding:
      36px
      13px
      52px;

    overflow:
      hidden;
  }


  .eer-iva-header {
    margin-bottom:
      34px;
  }


  .eer-iva-kicker {
    font-size:
      9px;
  }


  .eer-iva-title {
    font-size:
      42px;
  }


  .eer-iva-intro {
    font-size:
      14px;

    line-height:
      1.5;
  }


  .eer-iva-board {
    padding:
      18px 0;

    gap:
      30px;
  }


  .eer-paper-grid {
    width:
      190px;

    height:
      160px;

    left:
      -110px;

    top:
      -10px;
  }


  .eer-paper-lilac {
    width:
      150px;

    height:
      145px;

    right:
      -95px;

    top:
      20px;
  }


  .eer-paper-pink {
    display:
      none;
  }


  .eer-washi-top {
    left:
      38px;

    top:
      -1px;

    width:
      88px;

    height:
      25px;
  }


  .eer-washi-side {
    display:
      none;
  }


  .eer-iva-machine {
    padding:
      27px
      16px
      23px;

    transform:
      none;

    border-radius:
      20px
      23px
      18px
      21px;

    box-shadow:
      0 7px 16px
      rgba(41, 38, 45, 0.06);
  }


  .eer-iva-machine-label {
    font-size:
      9px;

    margin-bottom:
      18px;
  }


  .eer-iva-tabs {
    grid-template-columns:
      1fr;

    gap:
      8px;
  }


  .eer-iva-tab {
    min-height:
      60px;

    padding:
      10px
      12px;
  }


  .eer-iva-tab-copy strong {
    font-size:
      12px;
  }


  .eer-iva-tab-copy small {
    font-size:
      9px;
  }


  .eer-iva-screen {
    padding:
      18px
      15px;
  }


  .eer-iva-amount {
    font-size:
      42px !important;
  }


  .eer-iva-rates {
    gap:
      8px;
  }


  .eer-iva-rate {
    min-height:
      74px;

    padding:
      11px
      12px;
  }


  .eer-iva-rate strong {
    font-size:
      24px;
  }


  .eer-iva-rate span {
    font-size:
      9px;
  }


  .eer-iva-auto-note {
    margin-top:
      17px;

    font-size:
      8px;
  }


  .eer-iva-result-area {
    min-height:
      0;

    padding:
      18px 0
      4px;
  }


  .eer-iva-empty {
    position:
      relative;

    max-width:
      300px;

    padding:
      6px 0;
  }


  .eer-empty-paper {
    padding:
      30px
      22px
      26px;

    transform:
      rotate(-1deg);
  }


  .eer-empty-title {
    font-size:
      18px;
  }


  .eer-empty-copy {
    font-size:
      12px;
  }


  .eer-iva-empty.is-hidden {
    display:
      none;
  }


  .eer-iva-ticket {
    position:
      relative;

    display:
      none;

    width:
      calc(100% - 10px);

    max-width:
      330px;

    margin:
      0 auto;

    opacity:
      0;
  }


  .eer-iva-ticket.is-visible {
    display:
      block;

    opacity:
      1;
  }


  .eer-iva-learn {
    margin-top:
      32px;
  }


  .eer-iva-learn-toggle {
    gap:
      9px;

    padding:
      13px
      14px;
  }


  .eer-learn-question-mark {
    width:
      27px;

    height:
      27px;

    font-size:
      13px;
  }


  .eer-learn-question {
    font-size:
      11px;

    line-height:
      1.3;
  }


  .eer-learn-toggle-symbol {
    font-size:
      19px;
  }


  .eer-learn-note {
    margin:
      0 5px;

    padding:
      0 18px;
  }


  .eer-iva-learn-content.is-open
  .eer-learn-note {
    margin-top:
      18px;

    padding:
      27px
      18px;
  }


  .eer-learn-note p {
    font-size:
      12px;

    line-height:
      1.65;
  }


  .eer-learn-example {
    display:
      block;

    width:
      fit-content;

    max-width:
      100%;

    font-size:
      10px;

    line-height:
      1.4;
  }

}


/* =========================================================
   MOVIMIENTO REDUCIDO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .eer-iva *,
  .eer-iva *::before,
  .eer-iva *::after {
    animation-duration:
      0.01ms !important;

    animation-iteration-count:
      1 !important;

    transition-duration:
      0.01ms !important;
  }

}/* End custom CSS */