<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* screen - selfie */
html {height: 100%;}
::-webkit-scrollbar {display: none;}
.selfie {background-position: center; background-size: cover; height: 100%; overflow-x: hidden; position: fixed; width: 100%; margin: 0; font-family: "Montserrat", Helvetica, Arial, serif;}
.selfie a {text-decoration: none; color: #FFFFFF}
.selfie .close-button {left: 4%; position: absolute; top: 4%;}
.selfie .close-icon {
  font-size: 24px; border-radius: 50%; color: #fff; background: #ffffff4d; padding: 10px; box-shadow: 0px 3px 20px #00000058;
  backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);
}
.selfie .nombre-selfie {
  color: var(--white); font-family: "Montserrat", Helvetica, Arial, serif; left: 25%;
  position: absolute; text-align: left; top: 4%; right: 4%; font-size: 24px; font-weight: 300;
}
.selfie .contenedor {position: absolute; top: 15%; left: 4%; right: 4%; bottom: 0; overflow: auto; text-align: center;}
.selfie .botonera {
  display: table; width: 100%; text-align: center; border-spacing: 8px; font-family: 'Montserrat', Helvetica, Arial, 
  serif; color: #FFFFFF; font-size: 14px; font-weight: 300; position: relative;
}
.selfie .line {border: 3px dashed #fff; position: absolute;}
.selfie .line1 {border-radius: 0 75px 76px 0; top: 15.97%; bottom: 65.68%; left: 0; right: 86.51%; border-color: transparent #fff transparent transparent;}
.selfie .line2 {border-radius: 82px 0 0 82px; top: 38.46%; bottom: 43.19%; left: 2.15%; right: 86.51%; border-color: transparent transparent transparent #fff;}
.selfie .line3 {border-radius: 0 82px 82px 0; top: 60.94%; bottom: 18.04%; left: 0; right: 86.51%; border-color: transparent #fff transparent transparent;}
.selfie .row {display: table-row;}
.selfie .empezar {
  background-color: #ffffff4d; border-radius: 5px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border: 1px solid #ffffff40; padding: 10px 13px;
}
.selfie .cell {display: table-cell; vertical-align: middle; padding: 10px 0; border-radius: 5px;}
.selfie .puntos {border: 2px solid #fff; border-radius: 50%; width: 38px; height: 38px; position: relative;}
.selfie .numeros {font-size: 16px;font-family: Helvetica,Arial,serif; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.selfie .textos {text-align:left;margin-left:9%;}
.selfie .separador {background-color: var(--white); height: 1px; opacity: 0.5; margin: 0 25% 9px;}
.selfie .shadow {background-color: rgba(0,0,0,1.0); height: 100%; left: 0px; opacity: 0.61; position: fixed; top: 0px; width: 100%;}
.selfie .llevarmovil {padding: 4px 0 12px; color: #FFFFFF; font-size: 16px;}
.selfie svg {background-color: var(--white); border-radius: 5px; padding: 4px; height: auto; width: 20%;}
:root {--white: rgba(255,255,255,1.0);}

@media (max-height: 640px), (max-width: 300px){
  .selfie .close-icon {font-size: 20px;}
  .selfie .nombre-selfie {font-size: 20px;}
  .selfie .botonera {font-size: 12px; border-spacing: 6px;}
  .selfie .line {border: 2px dashed #fff;}
  .selfie .line1 {top: 16.6%; bottom: 65.86%; left: 0; right: 84.02%; border-color: transparent #fff transparent transparent;}
  .selfie .line2 {top: 39.09%; bottom: 43.37%; left: 2.08%; right: 84.02%; border-color: transparent transparent transparent #fff;}
  .selfie .line3 {top: 61.58%; bottom: 18.09%; left: 0; right: 84.02%; border-color: transparent #fff transparent transparent;}
  .selfie .empezar {font-size: 13px; padding: 8px 10px;}
  .selfie .cell {padding: 6px 0;}
  .selfie .puntos {border: 1px solid #fff;}
  .selfie .numeros {font-size: 14px;}
  .selfie .textos {margin-left: 6%;}
  .selfie .separador {margin: 0 25% 10px;}
  .selfie .llevarmovil {font-size: 14px;}
}

@media (min-height: 901px) {
  .selfie .close-icon {font-size: 34px; padding: 17px;}
  .selfie .nombre-selfie {font-size: 41px;}
  .selfie .botonera {font-size: 18px; border-spacing: 14px;}
  .selfie .line {border: 4px dashed #fff;}
  .selfie .line1 {top: 19.32%; bottom: 62.88%; left: 0; right: 83.36%; border-color: transparent #fff transparent transparent;}
  .selfie .line2 {top: 41.03%; bottom: 41.17%; left: 4.48%; right: 83.36%; border-color: transparent transparent transparent #fff;}
  .selfie .line3 {top: 62.74%; bottom: 17.22%; left: 0; right: 83.36%; border-color: transparent #fff transparent transparent;}
  .selfie .empezar {font-size: 24px; border-radius: 10px; padding: 16px 21px;}
  .selfie .cell {padding: 16px 0; border-radius: 10px;}
  .selfie .puntos {border: 3px solid #fff; width: 62px; height: 62px;}
  .selfie .numeros {font-size: 24px;}
  .selfie .textos {margin-left: 7%;}
  .selfie .separador {margin: 40px 25% 18px;}
  .selfie .llevarmovil {padding: 20px 0 40px; font-size: 22px;}
  .selfie svg {width: 21.6%;}
}

@media (min-height: 1250px) {
  .selfie .close-icon {font-size: 42px; padding: 21px;}
  .selfie .nombre-selfie {font-size: 51px;}
  .selfie .botonera {font-size: 24px; border-spacing: 31px;}
  .selfie .line {border: 4px dashed #fff;}
  .selfie .line1 {top: 19.32%; bottom: 62.88%; left: 0; right: 83.36%; border-color: transparent #fff transparent transparent;}
  .selfie .line2 {top: 41.03%; bottom: 41.17%; left: 4.48%; right: 83.36%; border-color: transparent transparent transparent #fff;}
  .selfie .line3 {top: 62.74%; bottom: 17.22%; left: 0; right: 83.36%; border-color: transparent #fff transparent transparent;}
  .selfie .empezar {font-size: 32px; border-radius: 10px; padding: 20px 27px;}
  .selfie .cell {padding: 20px 0; border-radius: 10px;}
  .selfie .puntos {border: 3px solid #fff; width: 78px; height: 78px;}
  .selfie .numeros {font-size: 32px;}
  .selfie .textos {margin-left: 3%;}
  .selfie .separador {margin: 40px 25% 18px;}
  .selfie .llevarmovil {padding: 20px 0 40px; font-size: 28px;}
  .selfie svg {width: 21.6%;}
}</pre></body></html>