:root {
				--black: #0b0b0b;
				--gold: #c8a03a;
				--gold-soft: #e2c36b;
				--white: #f5f5f5;
			}

			* {
				box-sizing: border-box;
                padding:0;
                margin:0;
            }
            body{
                width: 100%;
                height: 100vh;
                overflow: hidden;
                background-image: url(/logonuevadelhi.svg);
                background-color: white;
                background-position: center;
                background-size: 50%;
                background-repeat: no-repeat;
                font-family: "Montserrat", sans-serif;
            }
            .pancitos{
                position: absolute;
                width: 100vw;
                height: 20vh;
                bottom:0;
                background-image: url(/img/pancitos_g.png);
                background-size:50vw;
                animation: move 10s infinite linear;
            }
            @keyframes move{
    
                0%{background-position-x: 0vw;}
                100%{background-position-x: 50vw;}
            }
			header {
				min-height: 100vh;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				text-align: center;
				padding: 40px 20px;
			}

			header img {
				width: 160px;
				margin-bottom: 30px;
			}

			h1 {
				font-family: "Montserrat Alternates", serif;
				font-size: 42px;
				color: var(--gold);
				margin: 0 0 10px;
				letter-spacing: 1px;
			}

			.subtitle {
				font-size: 15px;
				letter-spacing: 3px;
				text-transform: uppercase;
				color: var(--gold-soft);
			}

			section {
				padding: 80px 20px;
				max-width: 1100px;
				margin: auto;
			}

			section h2 {
				font-family: "Montserrat Alternates", serif;
				color: var(--gold);
				font-size: 32px;
				margin-bottom: 20px;
				font-weight: 200;
			}

			.grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
				gap: 30px;
			}

			.card {
				border: 1px solid rgba(200, 160, 58, 0.3);
				padding: 30px;
				transition: 0.3s;
			}

			.card:hover {
				border-color: var(--gold);
				transform: translateY(-4px);
			}

			footer {
				border-top: 1px solid rgba(200, 160, 58, 0.2);
				padding: 40px 20px;
				text-align: center;
				font-size: 14px;
				color: #aaa;
				background-image: linear-gradient(45deg, #000000e8, #000000e8), url(/img/pancitos_w.png);
			}

			footer span {
				color: var(--gold);
			}

			.hero {
				position: relative;
				height: 100vh;
				overflow: hidden;
			}

			.hero-slide {
				position: absolute;
				inset: 0;
				background-size: cover;
				background-position: center;
				opacity: 0;
				transition: opacity 1.2s ease;
			}

			.hero-slide.active {
				opacity: 1;
				z-index: 1;
			}

			.overlay {
				position: absolute;
				inset: 0;
				background: rgba(0, 0, 0, 0.45);
			}

			.hero-content {
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translate(-50%, -50%);
				text-align: center;
				color: #fff;
				/* width: 100%; */
			}

			.hero-logo {
				width: 400px;
				margin-bottom: 20px;
				position: absolute;
				z-index: 10;
				top: 35vh;
				left: 50vw;
				transform: translate(-50%, -50%);
			}

			.hero-content h1 {
				font-family: "Montserrat Alternates", serif;
				font-size: 48px;
				color: var(--gold);
				margin: 0;
				font-weight: 300;
				text-shadow: 0px 1px 0px black;
				width: fit-content;
				background: #00000061;
				border-radius: 10px;
				padding: 0 1em;
			}

			.hero-content p {
				margin-top: 10px;
				font-size: 18px;
				color: #eee;
			}