Entradas agotadas y logo Numericco

css/sponsors.css

@@ -98,7 +98,7 @@
   filter: brightness(0) invert(1);
 }
 .sponsor-numericco {
-  background-image: url(../img/logos/numericco.svg);
+  background-image: url(../img/logos/numericco_white.png);
 }
 .sponsor-panel {
   background-image: url(../img/logos/panel_white.png);

css/styles.css

@@ -143,6 +143,21 @@ a {
   color: var(--main-white-color);
 }
 
+.home-cta-button.agotadas, .home-cta-button:hover.agotadas {
+  border: 1px solid var(--main-black-color);
+  background-color: var(--year-main-color);
+  color: var(--main-black-color);
+  opacity: 0.5;
+  cursor: default;
+}
+
+.home-cta img {
+  position: absolute;
+  width: 150px;
+  top: -20px;
+  left: 60px;
+}
+
 .section {
   margin-top: 50px;
   position: relative;

index.html

@@ -44,8 +44,11 @@
       <img class="logo" src="img/logo.svg" alt="SOSZ 24" />
       <p class="home-city">Zaragoza, 9 Marzo 2024</p>
       <div class="home-cta">
-        <a class="home-cta-button" href="https://my.weezevent.com/startup-open-space-2024">Compra tu entrada</a>
-        <a class="home-cta-patro">¿Quiéres patrocinar el evento?</a>
+        <a class="home-cta-button agotadas" href="#">
+          Compra tu entrada
+        </a>
+        <img src="img/entradas-agotadas-full.png" />
+        <!--<a class="home-cta-patro">¿Quiéres patrocinar el evento?</a>-->
       </div>
     </div>
   </header>
@@ -223,6 +226,11 @@ <h2>Patrocinadores</h2>
               <span>Panel</span>
           </a>
       </li>
+      <li class="list-item">
+          <a href="https://www.numericco.com" class="sponsor sponsor-numericco" target="_blank">
+              <span>Numéricco</span>
+          </a>
+      </li>
     </ul>
     <div class="want-sponsor">
       <h4 class="bold">¿Quieres patrocinar?</h4>