*{
margin:0;
padding:0;
box-sizing:border-box;
}


/* FOOTER */

.footer{

width:100%;
padding:35px 8% 12px;

position:relative;
overflow:hidden;

background:
linear-gradient(
180deg,
#0A101C,
#111827,
#0A101C
);

color:white;
font-family:'Manrope',sans-serif;

}


/* EFECTOS DE FONDO */

.footer::before{

content:"";

position:absolute;

width:500px;
height:500px;

right:-250px;
top:-250px;

background:
radial-gradient(
rgba(212,175,55,.06),
transparent 70%
);

border-radius:50%;

}

.footer::after{

content:"";

position:absolute;

width:350px;
height:350px;

left:-150px;
bottom:-150px;

background:
radial-gradient(
rgba(255,255,255,.02),
transparent 70%
);

border-radius:50%;

}


/* MARCA */

.footer-brand{

position:relative;
z-index:2;

text-align:center;

margin-bottom:25px;

}

.footer-brand img{

width:115px;

margin-bottom:15px;

object-fit:contain;

filter:
drop-shadow(
0 0 25px
rgba(212,175,55,.45)
);

transition:.5s;

}

.footer-brand img:hover{

transform:scale(1.05);

}

.footer-brand h1{

font-family:
'Cormorant Garamond',
serif;

font-size:68px;

font-weight:700;

letter-spacing:8px;

margin-bottom:8px;

background:
linear-gradient(
90deg,
#ffffff,
#D4AF37,
#ffffff
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

text-shadow:

0 0 15px rgba(212,175,55,.15),
0 0 30px rgba(212,175,55,.08);

}

.footer-brand p{

max-width:550px;

margin:auto;

font-size:13px;

line-height:1.5;

letter-spacing:.5px;

color:#B6BEC9;

}


/* GRID */

.footer-grid{

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:20px;

max-width:1200px;

margin:auto;

margin-bottom:20px;

position:relative;
z-index:2;

}


/* TARJETAS */

.card{

padding:22px;

border-radius:22px;

background:
linear-gradient(
145deg,
rgba(255,255,255,.04),
rgba(255,255,255,.01)
);

border:
1px solid
rgba(255,255,255,.06);

backdrop-filter:blur(18px);

box-shadow:

0 10px 30px rgba(0,0,0,.20),
inset 0 1px 1px rgba(255,255,255,.03);

transition:.5s;

}

.card:hover{

transform:
translateY(-5px);

border-color:
rgba(212,175,55,.25);

box-shadow:
0 15px 35px rgba(0,0,0,.25);

}


/* TITULOS */

.card h3{

font-family:
'Cormorant Garamond',
serif;

font-size:26px;

font-weight:600;

letter-spacing:2px;

margin-bottom:18px;

position:relative;

color:white;

}

.card h3::after{

content:"";

position:absolute;

left:0;
bottom:-8px;

width:45px;
height:1px;

background:
linear-gradient(
90deg,
#D4AF37,
transparent
);

}


/* LINKS */

.card ul{

list-style:none;

}

.card li{

margin-bottom:8px;

}

.card a{

text-decoration:none;

font-size:13px;

letter-spacing:.5px;

color:#BDC5D0;

transition:.4s;

}

.card a:hover{

padding-left:8px;

color:#D4AF37;

}


/* REDES */

.social{

display:flex;

gap:10px;

margin-top:10px;

}

.social a{

width:40px;
height:40px;

display:flex;
justify-content:center;
align-items:center;

font-size:15px;

border-radius:50%;

background:
rgba(255,255,255,.04);

border:
1px solid rgba(255,255,255,.05);

color:white;

text-decoration:none;

transition:.4s;

}

.social a:hover{

transform:
translateY(-5px);

color:#D4AF37;

border-color:
rgba(212,175,55,.25);

}


/* INFO */

.info{

margin-top:12px;

line-height:1.6;

font-size:13px;

letter-spacing:.5px;

color:#AEB7C2;

}


/* TARJETA NOVEDADES */

.newsletter-card p{

font-size:13px;

line-height:1.6;

color:#AEB7C2;

margin-bottom:15px;

}

.newsletter-card form{

display:flex;

flex-direction:column;

gap:10px;

}

.newsletter-card input{

padding:13px 16px;

border:none;
outline:none;

border-radius:30px;

background:
rgba(255,255,255,.04);

border:
1px solid rgba(255,255,255,.05);

color:white;

font-size:13px;

transition:.4s;

}

.newsletter-card input:focus{

border-color:
rgba(212,175,55,.25);

}

.newsletter-card button{

padding:13px;

border:none;

cursor:pointer;

border-radius:30px;

font-size:13px;

font-weight:600;

background:
linear-gradient(
90deg,
#D4AF37,
#F0D88A
);

transition:.4s;

}

.newsletter-card button:hover{

transform:scale(1.03);

box-shadow:
0 0 15px rgba(212,175,55,.15);

}


/* PIE FINAL */

.bottom{

text-align:center;

position:relative;
z-index:2;

}

.bottom-links{

display:flex;

justify-content:center;

gap:18px;

flex-wrap:wrap;

margin-bottom:10px;

}

.bottom-links a{

text-decoration:none;

font-size:12px;

letter-spacing:.5px;

color:#818998;

transition:.4s;

}

.bottom-links a:hover{

color:#D4AF37;

}

.bottom p{

font-size:10px;

letter-spacing:2px;

color:#6B7280;

}


/* RESPONSIVE */

@media(max-width:900px){

.footer-grid{

grid-template-columns:1fr;

}

.footer-brand h1{

font-size:50px;

letter-spacing:4px;

}

.footer-brand img{

width:85px;

}

}