@charset "UTF-8";
/*body{font-family: Arial, Helvetica, sans-serif;}*/
        #countdown{
            width: 200px;
            height:70px;
            margin: 0 auto; 
            border:1px solid #FC8D68;
            background: #FC8D68; 
            padding: 9px 0px;
            display: flex; justify-content: space-evenly;
            border-radius: 10px;
            /*float:rigth;*/

        }
        .box{
            background: white; 
            border: 2px solid white; 
            width: 60px; 
            font-size: 20px; 
            text-align: center;
            border-radius: 10px;
            color: #C82E81;
        }
        .box .text{ 
            font-size: 10px; 
            background: #C82E81;
            color:white; 
            padding: 2px 0;
            border-radius: 0px 0px 8px 8px;}

/*Visitantes*/
            .stat {
                padding:7px 0px;
                background:#FC8D68;
                text-align:center;
                /*float:left;*/
                /*margin-left:50px;
                margin-bottom: 20px;*/
                margin: 0 auto;
                width:260px;
                height:70px;
                /*display: flex; justify-content: space-evenly;*/
                border-radius: 10px;
                
                
            }
            .stat-count {
                font-size: 20px;
                font-weight: normal;
                letter-spacing: -0.01em;
                line-height: 1.0;
                margin-bottom: 2px;
                overflow:hidden;
                /*font-family:"Georgia", Courier, monospace;*/
                font-family: Arial, Helvetica, sans-serif;
                font-weight: bold;
                padding: 15px;
                position: relative;
                color:#fff;
                
            }
            .stat-detail {
                color:#fff;
                padding-top:2px;
                /*font: italic 1.1rem/1.75 "Georgia", Courier, monospace;*/
                font-size: 14px;
                
            }

            /*pinner (cargando) */
            #loader {
                position:relative;
                margin: 55px auto;
                border: 16px solid #f3f3f3;
                border-top: 16px solid #FC8D68;
                border-radius: 50%;
                width: 120px;
                height: 120px;
                animation: spin 2s linear infinite;
                display: none; /* El spinner debe estar oculto por defecto */

              }
              
              @keyframes spin {
                0% {
                  transform: rotate(0deg);
                }
                100% {
                  transform: rotate(360deg);
                }
              }