Auto commit: 2026-02-15T02:03:09.302Z
This commit is contained in:
parent
24c624d999
commit
220f3cceb7
38
index.php
38
index.php
@ -183,6 +183,31 @@ $liveIndex = get_live_index($schedule);
|
|||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.4);
|
box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.4);
|
||||||
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
|
transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.studio-tag {
|
||||||
|
position: absolute;
|
||||||
|
top: 2.2rem;
|
||||||
|
left: 2.2rem;
|
||||||
|
background: rgba(15, 23, 42, 0.5);
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
-webkit-backdrop-filter: blur(10px);
|
||||||
|
padding: 0.6rem 1.2rem;
|
||||||
|
border-radius: 100px;
|
||||||
|
font-size: 0.65rem;
|
||||||
|
font-weight: 700;
|
||||||
|
letter-spacing: 0.1em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: #fff;
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.6rem;
|
||||||
|
z-index: 5;
|
||||||
|
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
|
||||||
|
transition: all 0.4s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.studio-card:hover {
|
.studio-card:hover {
|
||||||
@ -191,6 +216,16 @@ $liveIndex = get_live_index($schedule);
|
|||||||
background: rgba(255, 255, 255, 0.04);
|
background: rgba(255, 255, 255, 0.04);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.studio-card:hover .studio-tag {
|
||||||
|
transform: scale(1.05);
|
||||||
|
background: rgba(15, 23, 42, 0.7);
|
||||||
|
border-color: var(--primary-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.studio-card:hover .studio-photo {
|
||||||
|
filter: saturate(1.2) brightness(1.1);
|
||||||
|
}
|
||||||
|
|
||||||
.studio-photo {
|
.studio-photo {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
@ -673,6 +708,9 @@ $liveIndex = get_live_index($schedule);
|
|||||||
<div class="app-content">
|
<div class="app-content">
|
||||||
<section class="studio-section">
|
<section class="studio-section">
|
||||||
<div class="studio-card">
|
<div class="studio-card">
|
||||||
|
<div class="studio-tag">
|
||||||
|
<span class="live-dot"></span> Directo desde el estudio
|
||||||
|
</div>
|
||||||
<img src="assets/pasted-20260215-020116-2dc16355.jpg?v=<?php echo time(); ?>" alt="Studio Live" class="studio-photo">
|
<img src="assets/pasted-20260215-020116-2dc16355.jpg?v=<?php echo time(); ?>" alt="Studio Live" class="studio-photo">
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user