@import "https://fonts.googleapis.com/css2?family=Literata:opsz,wght@7..72,400;7..72,600;7..72,700&family=Kalam:wght@400;700&display=swap";.mi-historia{--yeso:#e8ecea;--papel:#fff;--tinta:#1e2932;--lapiz:#5e6a72;--cinta:#f2c230;--lineas:#c9d0cd;background-color:var(--yeso);color:var(--tinta);min-height:100vh}@media (prefers-color-scheme:dark){.mi-historia{--yeso:#161c21;--papel:#20272d;--tinta:#e6eae8;--lapiz:#9aa5ac;--cinta:#e9b928;--lineas:#34414b}}.mi-historia .adv{text-align:left;max-width:34rem;margin:0 auto;padding:2.5rem 1.25rem 4rem;font-family:Literata,Georgia,serif;font-size:1.2rem;line-height:1.7}.mi-historia .adv p{margin:0 0 1.05em}.mi-historia .adv .pausa{margin-top:2.2em}.mi-historia .adv .cita{font-size:1.45rem;font-weight:600}.mi-historia .adv .abre{font-size:2.4rem;font-weight:700;line-height:1.25}.mi-historia .adv .pregunta{margin-top:1.8em;font-weight:700}.mi-historia .marca{margin-bottom:3.5rem;padding:.2rem .7rem;font-family:Kalam,cursive;font-size:1.15rem;font-weight:700;display:inline-block;position:relative;transform:rotate(-2deg)}.mi-historia .marca:before{content:"";background:var(--cinta);opacity:.85;z-index:-1;position:absolute;inset:0}.mi-historia .papeles{flex-wrap:nowrap;justify-content:center;gap:.75rem;margin:1.6em 0;display:flex}.mi-historia .papel{background:var(--papel);border:1px solid var(--lineas);width:8.5rem;box-shadow:0 2px 0 var(--lineas);text-align:center;padding:.6rem .5rem}.mi-historia .papel:first-child{transform:rotate(-3deg)}.mi-historia .papel:nth-child(2){transform:rotate(1.5deg)}.mi-historia .papel:nth-child(3){transform:rotate(-1deg)}.mi-historia .papel .etiqueta{color:var(--lapiz);font-size:.72rem;line-height:1.3}.mi-historia .papel .raya{background:var(--lineas);height:1px;margin:.4rem 0}.mi-historia .papel .cifra{white-space:nowrap;font-family:Kalam,cursive;font-size:1.7rem;line-height:1.2}.mi-historia .boton{background:var(--cinta);color:#1e2932;cursor:pointer;border:2px solid #1e2932;border-radius:3px;padding:.85rem 1.4rem;font-family:inherit;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-block;box-shadow:3px 3px #1e2932}.mi-historia .boton:active{transform:translate(2px,2px);box-shadow:1px 1px #1e2932}.mi-historia .boton-centro{text-align:center;margin:2.2em 0}.mi-historia .pd{font-family:Kalam,cursive;font-size:1.3rem;transform:rotate(-1deg)}.mi-historia .caja-form{background:var(--papel);border:1px solid var(--lineas);margin:2.2em 0;padding:1.25rem}.mi-historia .campo{margin-bottom:1.1rem}.mi-historia .campo label,.mi-historia .campo legend{margin-bottom:.35rem;font-size:1rem;font-weight:600;display:block}.mi-historia .campo input[type=text],.mi-historia .campo input[type=tel],.mi-historia .campo select{border:1px solid var(--lineas);background:var(--papel);width:100%;color:var(--tinta);border-radius:3px;padding:.6rem .65rem;font-family:inherit;font-size:1.05rem}.mi-historia .campo fieldset{border:0;margin:0;padding:0}.mi-historia .opcion{align-items:flex-start;gap:.5rem;margin-bottom:.3rem;font-size:1.02rem;font-weight:400;display:flex}.mi-historia .error{color:#b3261e;margin-top:.3rem;font-size:.95rem}@media (prefers-color-scheme:dark){.mi-historia .error{color:#ff9b91}}.mi-historia .gracias{font-size:1.2rem}.mi-historia .pie{border-top:1px solid var(--lineas);color:var(--lapiz);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.2rem;font-size:.95rem;display:flex}.mi-historia .pie a{color:inherit}.mi-historia .adv a:focus-visible,.mi-historia .adv button:focus-visible,.mi-historia .adv input:focus-visible,.mi-historia .adv select:focus-visible{outline:3px solid var(--tinta);outline-offset:2px}.mi-historia .adv h2{margin-top:2.5em;margin-bottom:.6em;font-family:Literata,Georgia,serif;font-size:1.6rem;font-weight:700}.mi-historia .adv ul{margin:0 0 1.05em;padding-left:1.2em}.mi-historia .adv li{margin-bottom:.4em}.mi-historia .adv .fecha-actualizacion{color:var(--lapiz);border-top:1px solid var(--lineas);margin-top:2em;padding-top:1em;font-size:.9rem}@media (width<=420px){.mi-historia .adv{font-size:1.12rem}.mi-historia .adv .abre{font-size:2rem}.mi-historia .papel{width:6.4rem}.mi-historia .papel .cifra{font-size:1.35rem}}
