/*! Finyana — Calculadora de CETES. Quelle: finyana-datos/public/cetes.css */
.fy-ce {
    /* Keine eigene Schrift. rechner-spec: von der Seite erben. */
    font-family: inherit;
    /* Keine eigene Maximalbreite. Der Rahmen fy-calc-frame IST die Box —
       eine zweite Begrenzung darin liess den Convertidor links kleben:
       gemessen 560 px in einem 846 px breiten Rahmen. */
    width: 100%;
    color: #2A2E2B;
  }
  .fy-ce *, .fy-ce *::before, .fy-ce *::after { box-sizing: border-box; }

  .fy-ce__row { margin-bottom: 16px; }

  .fy-ce__label {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 6px;
    color: #4A5450;
  }

  .fy-ce__input, .fy-ce__select {
    width: 100%;
    min-height: 44px;            /* Trefferflaeche, rechner-spec */
    padding: 10px 12px;
    font-family: inherit;
    font-size: 16px;             /* < 16px zoomt iOS beim Fokus */
    color: #2A2E2B;
    background: #FFFFFF;
    border: 1px solid #E4EBE6;
    border-radius: 10px;
  }
  .fy-ce__select { cursor: pointer; }

  .fy-ce__input:focus-visible, .fy-ce__select:focus-visible,
  .fy-ce__btn:focus-visible {
    outline: 2px solid #2C6C84;
    outline-offset: 2px;
  }

  .fy-ce__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    align-items: start;
    margin-bottom: 8px;
  }

  .fy-ce__hint {
    margin: 0 0 16px;
    font-size: 13px;
    line-height: 1.5;
    color: #6B7770;
    min-height: 20px;
  }
  .fy-ce__hint[data-origen="usuario"] { color: #8A6A1E; }

  /* Zurueck zur Banxico-Tasa. Ein Button, kein Link — er navigiert nicht. */
  .fy-ce__reset {
    font-family: inherit;
    font-size: 13px;
    line-height: 1.5;
    color: #2C6C84;
    background: none;
    border: 0;
    padding: 0;
    text-decoration: underline;
    cursor: pointer;
  }
  .fy-ce__reset:focus-visible { outline: 2px solid #2C6C84; outline-offset: 2px; }

  .fy-ce__btn {
    width: 100%;
    min-height: 44px;
    padding: 12px 20px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    color: #17342B;
    background: #AEE6BE;          /* menta */
    border: 1px solid #71B084;    /* salvia */
    border-radius: 10px;
    cursor: pointer;
  }
  .fy-ce__btn:hover { background: #9CDBAE; }

  .fy-ce__out {
    margin-top: 16px;
    padding: 20px;
    background: #F4F8F5;
    border: 1px solid #E4EBE6;
    border-radius: 10px;
  }

  .fy-ce__eyebrow {
    margin: 0 0 6px;
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #6B7770;
  }

  .fy-ce__value {
    margin: 0;
    /* Zahlen sind Mono. rechner-spec nennt das ausdruecklich. */
    font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 30px;
    line-height: 1.15;
    color: #9BAAA0;               /* Leerzustand */
  }
  .fy-ce__value[data-fy-state="ok"] { color: #17342B; }

  .fy-ce__lines {
    margin: 18px 0 0;
    padding: 0;
    border-top: 1px solid #E4EBE6;
  }
  .fy-ce__line {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 9px 0;
    border-bottom: 1px solid #E4EBE6;
  }
  .fy-ce__line dt {
    font-size: 14px;
    line-height: 1.45;
    color: #4A5450;
  }
  .fy-ce__line dd {
    margin: 0;
    font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 15px;
    white-space: nowrap;
    color: #2A2E2B;
  }
  .fy-ce__line--strong dt { font-weight: 600; color: #2A2E2B; }
  .fy-ce__line--strong dd { font-weight: 600; color: #17342B; }

  .fy-ce__src {
    margin: 14px 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: #6B7770;
  }
  /* Amtliche Referenz: derselbe Balken wie beim Convertidor fuer den FIX. */
  .fy-ce__src[data-oficial="si"] {
    padding-left: 10px;
    border-left: 3px solid #559D9B;
    color: #4A5450;
  }

  .fy-ce__avisos {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
  }
  .fy-ce__avisos li {
    margin: 0 0 8px;
    padding-left: 14px;
    position: relative;
    font-size: 13px;
    line-height: 1.5;
    color: #6B7770;
  }
  .fy-ce__avisos li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #C3D2C8;
  }
  .fy-ce__avisos li:last-child { margin-bottom: 0; }

  .fy-ce__msg {
    margin: 0 0 16px;
    padding: 10px 12px;
    font-size: 14px;
    color: #8A6A1E;               /* rechner-spec: kein Rot, kein alert() */
    background: #FBF6E9;
    border: 1px solid #E8DCBB;
    border-radius: 10px;
  }

  @media (max-width: 767px) {
    .fy-ce__grid { grid-template-columns: 1fr; }
    .fy-ce__value { font-size: 26px; }
    .fy-ce__line { flex-direction: column; gap: 2px; padding: 10px 0; }
    .fy-ce__line dd { font-size: 16px; }
  }