ul.prueba,ul.datos{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap}
ul.prueba{justify-content:center}
ul.datos{margin-top:0}
ul.prueba li{list-style:none;padding:10px;margin:5px;border-radius:5px;min-width:100px;text-align:center}
.datos li{list-style:none;padding:6px;margin-right:0}
.prueba li:hover{background-color:#f9c153}
.prueba li:last-child ul.prueba{margin-right:0}
.container-calendar{display:flex;justify-content:space-between}
.inscripcion,.resultados,.web{padding:0;border:1px solid #ccc;background-color:#eee;border-radius:14px;padding:2px 10px;margin:6px}
.resultados a{color:#000}
.scroll-to-top{display:none;position:fixed;bottom:20px;right:20px;background-color:#f90;color:#fff;width:40px;height:40px;border-radius:50%;text-align:center;font-size:24px;line-height:40px;cursor:pointer;max-width:1400px}
.text-box{width:78%}
.title-box{width:78%}
.photo-box{width:22%}
.btncalendar button,.btnresult button{border-radius:5px;width:150px;float:left;padding:0;color:#000}
.btnicon{display:flex;justify-content:center;flex-wrap:wrap;line-height:1}
.btnicon button{color:#000;padding:6px;text-align:left;width:100%}
.btnicon img{padding-right:5px}
.photo-box{padding:15px 0;border-right:0}
.photo-box img{width:62%;transform:rotate(-15deg);transform-origin:center center}
.pruebas h5{color:#f90;margin-top:3px}
.pruebas h2{margin-top:20px}
.container-datos{display:flex}
.box-datos{margin:10px 0 5px;padding:5px;font-size:14px}
.dropdown{position:relative;display:inline-block;float:right}
.dropbtn{border-radius:5px;width:150px;cursor:pointer;padding:0;color:#000}
.dropbtn:hover{background-color:#ccc}
.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1000;width:180px}
.dropdown-content img{display:inline;align-items:center}
.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}
.dropdown-content a:hover{background-color:#f1f1f1}
.dropdown:hover .dropdown-content{display:block}
.dotted-line{width:100%;height:1px;background-image:linear-gradient(to right,transparent 50%,orange 50%);background-size:10px 1px}
.tabs{display:flex;flex-wrap:wrap}
.tabs input[type="radio"]{display:none}
.tabs label{padding:10px 20px;cursor:pointer}
.tabs label:hover{background-color:#f0f0f0}
.tabs input[type="radio"]:checked + label{background-color:#f9c153;color:#000; border-radius: 5px 5px 0px 0px;    box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);}
.tab-content{display:none;width:100%}
#tab1:checked ~ #content1,#tab2:checked ~ #content2{display:block;border-top:2px solid #f9c153}
.circle{width:40px;height:40px;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,0.5);padding-top:2px}
.container-datos{align-items:center}
.input-container{display:flex;align-items:center;justify-content:center}
#emailInput{flex:1;padding:10px;border:1px solid #ccc;border-radius:5px;color:#000}
#submitBtn{background-color:#f9c153;border:none;color:#fff;padding:4px 20px;border-radius:5px;cursor:pointer;margin:0;margin-left:10px}
#submitBtn:hover{background-color:#f9c15347}
#result{margin:30px 0;color:#333}
.result-datos{margin:auto;width:100%;max-width:600px;padding:10px;border:1px solid #e4e4e4;border-radius:6px;box-shadow:0 3px 6px rgba(0,0,0,0.1)}
.form-row{display:flex;gap:10px;align-items:center}
.event-card{display:flex;flex-wrap:wrap;border-radius:10px;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,0.1);margin:10px;overflow:hidden}
.event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9c153;color:#333;padding:10px;min-width:100px;font-weight:800}
.event-day{font-size:36px;margin:0}
.event-month-year{text-align:center;margin-top:5px}
.event-month{font-size:18px;margin:0}
.event-year{font-size:16px;margin:0}
.event-details{flex:2;padding:20px}
.event-details h2{font-size:24px;margin:0;color:#333}
.data-container{display:flex;flex-direction:column;align-items:center;margin-top:10px}
.event-type img{max-width:40px;border-radius:50%;border:2px solid #f8f8f8}
.event-description{flex:1;color:#555}
.action-box{flex:0;padding:12px;background-color:#f8f8f8;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.action-list{list-style:none;padding:0;margin:0}
.action-item{margin-bottom:12px}
.action-item a{text-decoration:none;color:#333;display:flex;align-items:center}
.action-item a i{margin-right:8px;color:#f9c153}
.action-box li{list-style-image:none}
table{width:100%;border-collapse:collapse}
th,td{padding:1px;text-align:center;border:1px solid #ccc;width:14.28%}
th{background-color:#f0f0f0}
.highlight{background-color:#ff0}
.highlight:hover{background-color:#f0f0f0;cursor:pointer}
.calendar-outer-container{overflow-x:auto}
.calendar-container{white-space:nowrap;display:flex}
.calendar-item{display:inline-block;margin-right:10px}
.calendar-item h2{margin:0}
.calendar{margin-bottom:20px}
.calendar table{width:100%;border-collapse:collapse}
.calendar th,.calendar td{border:1px solid #ccc;padding:8px;text-align:center}
.calendar td.highlight{background-color:#ffce85}
.highlight{background-color:#ffce85}
.highlight a{font-weight:100;color:#000}
.calendar td.highlight{background-color:#ffce85}
.calendar h1{text-align:center}
.calendar-outer-container{display:flex;overflow-x:auto}
.calendar-container{display:flex;flex-wrap:nowrap}
.calendar-item{width:calc(100% - 10px);max-width:275px;margin-right:10px;flex-shrink:0}
.calendar-item:first-child{margin-left:0}
@media only screen and (max-width: 768px) {
  .event-card{margin:10px}
  .event-date{padding:12px;min-width:auto}
  .event-day{font-size:24px}
  .event-month{font-size:14px}
  .event-year{font-size:12px}
  .event-details{padding:15px}
}
@media only screen and (max-width: 550px) {
  .pruebas h3{font-size:1.3rem}
  .pruebas h5{font-size:.9rem}
  .text-box{width:100%}
  .title-box{width:75%;float:right;padding-left:6px}
  .photo-box{width:25%;float:left;border-bottom:0;padding:0}
  .photo-box img{transform:rotate(0deg);width:100%}
  .box-datos img{min-width:32px}
  .box{padding:6px 0}
  ul.datos{margin-top:0}
}