*,:before,:after{box-sizing:border-box}body,html{margin:0;width:100%;height:100%}.clock-section{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-image:url(/img/mapa_mundial.jpg);background-size:contain;background-repeat:no-repeat;background-position:center}.clock-list{width:100%;max-width:700px}.clock-input{width:100%;display:flex}p{color:red}button{margin-left:.5rem;padding:.4rem;font-family:Quicksand;font-size:larger;background-color:#000;color:#fff;border-radius:.4rem}button:hover{cursor:pointer}.clock-list ul{display:flex;flex-flow:row wrap;gap:1rem;width:100%;padding:1rem}li{display:flex;justify-content:space-around;flex:1 1 calc(33.333% - 1rem);width:100%;max-width:400px;gap:1rem;list-style:none;border:1px solid #000;margin-bottom:.6rem;padding:.5rem;border-radius:.4rem;background-color:#fff}select{padding:1rem}option{font-size:larger;font-family:Quicksand;font-weight:400}.timezone-icon{font-size:clamp(1rem,4vw,2.5rem);height:auto}.info{display:flex;flex-direction:column;justify-content:space-around}.hour{font-size:clamp(1.1rem,4vw,1.5rem)}.city{display:block;font-size:clamp(1.1rem,4vw,1.6rem)}.date{font-size:clamp(1rem,4vw,1.1rem)}.content-opcion{position:relative}.icono-opciones{align-items:flex-start;width:20px;height:20px;cursor:pointer}.skeleton{background-color:#c2c2c2;border-radius:10px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:shimmer-pingpong 1.5s infinite alternate}@keyframes shimmer-pingpong{0%{left:-100%}to{left:100%}}.card-skeleton{display:flex;flex-direction:column;gap:.5rem;padding:1rem;width:250px;height:140px;margin:1rem auto}.skeleton-line{height:20px;width:100%}.skeleton-title{width:60%}