/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 26 2026 | 22:42:51 */
/* HERO SECTION */
.hero-clone {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    padding: 0 20px;
}

.hero-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    /* Imagen de fondo oscura o video */
    background: url('https://images.unsplash.com/photo-1550745165-9bc0b252726f?q=80&w=2070&auto=format&fit=crop') no-repeat center center/cover;
    opacity: 0.4;
    z-index: -1;
}

.hero-clone h1 {
    font-family: var(--font-head);
    font-size: clamp(3rem, 6vw, 6rem); /* Responsivo */
    line-height: 1;
    text-transform: uppercase;
}

.outline-text-clone {
	font-family: var(--font-head);
	text-transform: uppercase;
	font-size: clamp(2rem, 4vw, 6rem);
    color: transparent;
    -webkit-text-stroke: 2px rgba(255,255,255,0.7);
	margin-top:1.618rem;
}

.texto-amarillo{
	-webkit-text-stroke-color: #fff800;
}

.hero p {
    margin-top: 20px;
    font-size: 1.2rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #ccc;
}

.btn-primary-clone {
    display: inline-block;
    margin-top: 40px;
    padding: 15px 40px;
    border: 1px solid rgba(255,255,255,0.3);
	border-radius:1rem;
    color: rgba(0,0,0,0.2);
	background-color:white;
    text-decoration: none ;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: var(--transition);
}

.btn-primary-clone:hover {
    background: white;
    color: black;
    border-color: white;
}