* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  box-sizing: border-box;
  font-size: 62.5%; }

*, *:before, *:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0; }


  html, body {
  position: relative;
  height: 100%; }

body {
  font-size: 1.6rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; }

main {
  min-height: 100vh;
  min-width: 100vw;
  position: relative; }
  main .pagina-factura {
    position: relative;
    min-height: 100vh;
    min-width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center; }
    main .pagina-factura .card {
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
      width: 90%;
      max-width: 500px; }
      main .pagina-factura .card .img {
        margin: 32px auto;
        text-align: center; }
        main .pagina-factura .card .img img {
          width: 85%;
          max-width: 264px; }
      main .pagina-factura .card .titulo {
        text-align: center;
        margin: 32px auto; }
        main .pagina-factura .card .titulo h1 {
          font-size: 2rem; }
      main .pagina-factura .card .lista ol {
        padding: 0 4rem; }
        main .pagina-factura .card .lista ol li {
          margin-bottom: 1.5rem;
          font-size: 0.95em; }
      main .pagina-factura .card .botton {
        margin: 2rem auto 4rem auto;
        text-align: center; }
        main .pagina-factura .card .botton .btn-aceptar {
          display: inline-block;
          margin: 0 auto;
          background: #db3791;
          color: #fff;
          text-decoration: none;
          padding: 8px 64px;
          border-radius: 4px;
          transition: all 0.2s;
          width: 90%; }
          @media screen and (min-width: 576px) {
            main .pagina-factura .card .botton .btn-aceptar {
              width: auto; } }
          main .pagina-factura .card .botton .btn-aceptar:hover {
            box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.6);
            transform: scale(1.05); }
          main .pagina-factura .card .botton .btn-aceptar:active {
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8);
            transform: scale(0.9); }