.image{display:flex;justify-content:center;align-items:center;margin:10px 0}.image-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px 20px;gap:15px;min-width:220px}.image img{width:180px;height:180px;border-radius:10px;text-align:center;object-fit:cover;object-position:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.image-primary img{transform:rotate(-5deg);z-index:2}.image-secondary img{transform:rotate(5deg);margin-top:-40px;z-index:1}.image:hover img{transform:scale(1.05) rotate(0);z-index:3}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;height:auto;background-color:transparent;font-family:Lato,sans-serif;padding:25px}.card-container{display:flex;width:750px;height:auto;backdrop-filter:blur(5px);border-radius:12px;box-shadow:0 10px 25px #00000080,0 0 15px #00ffff4d;overflow:hidden;border:1px solid rgba(255,255,255,.1);position:relative;background:transparent}.card-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,rgba(0,255,255,.5),transparent);animation:glitch-line 2s linear infinite}@keyframes glitch-line{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.descripcion{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;flex:1;padding:35px;text-align:left;color:#fff;text-shadow:0 0 5px rgba(0,255,255,.3)}.descripcion h2{line-height:1.5;font-weight:500;font-size:18px;margin-bottom:15px;letter-spacing:1px}.descripcion p{font-weight:300;font-size:16px;line-height:1.6}.descripcion h1{font-weight:700;font-size:40px;margin-bottom:10px;letter-spacing:15px;text-transform:uppercase}.descripcion .icons{margin-top:30px;width:100%;display:flex;justify-content:space-around}.descripcion .icons a{display:inline-block;margin:0 20px;color:#fff;font-size:28px;transition:.3s;position:relative}.descripcion .icons a:after{content:"";position:absolute;width:100%;height:2px;bottom:-5px;left:0;background:linear-gradient(to right,transparent,rgba(0,255,255,.8),transparent);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.descripcion .icons a:hover:after{transform:scaleX(1)}a:hover{transform:translateY(-3px) scale(1.1);color:#f2f2f2;text-shadow:0 0 10px rgba(0,255,255,.7)}.tooltip-text{position:absolute;top:-30px;left:-100%;z-index:10;width:100px;color:#fff;font-size:12px;background-color:#053f5ce6;border-radius:6px;padding:6px 10px;box-shadow:0 3px 10px #0003,0 0 5px #00ffff4d;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}#fade{opacity:0;transition:opacity .3s}.hover-text:hover #fade{opacity:1}.hover-text{position:relative;display:inline-block;margin:10px;font-family:Lato,sans-serif;font-weight:200;text-align:center}@media (max-width: 768px){.container{min-height:100vh;height:auto;padding:20px 15px}.card-container{display:flex;flex-direction:column-reverse;width:100%;max-width:500px;margin:12px 0;background:transparent}.image-container{flex-direction:row;padding:20px;margin-top:10px}.image img{width:120px;height:120px}.image-primary img{transform:rotate(-5deg) translate(10px)}.image-secondary img{transform:rotate(5deg) translate(-10px);margin-top:0}.descripcion{padding:15px 25px 25px;align-items:center;text-align:center}.descripcion h1{font-weight:700;font-size:18px;letter-spacing:5px}.descripcion h2{line-height:1.5;font-weight:500;font-size:16px}.descripcion p{font-weight:300;font-size:15px;text-align:center}.descripcion .icons{margin-top:18px;justify-content:center}.descripcion .icons a{margin:0 15px}}@media (max-width: 480px){.container{padding:15px 10px}.card-container{margin:0}.image-container{gap:5px;padding:15px}.image img{width:100px;height:100px}.image-secondary img{margin-top:-10px}.descripcion h1{font-size:16px;letter-spacing:3px}.descripcion h2{font-size:14px;margin-bottom:10px}.descripcion p{font-size:13px}}@media (min-width: 320px) and (max-width: 767px){.icons{display:flex;justify-content:center;align-items:center;margin-top:20px}footer{position:relative}}
