body {
	  margin: 0;
	    font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    }

    /* Contenedor principal */
    .hero {
	      position: relative;
	        width: 100%;
		  max-width: 1200px;
		    margin: auto;
	    }

	    /* Imagen */
	    .hero img {
		      width: 100%;
		        height: auto;
			  display: block;
			    object-fit: cover;
		    }

		    /* Texto encima */
		    .hero-text {
			      position: absolute;
			        inset: 0; /* top, right, bottom, left */
				  display: flex;
				    flex-direction: column;
				      align-items: center;
				        justify-content: center;
					  text-align: center;

					    background: rgba(0, 0, 0, 0.35); /* overlay oscuro */
					      color: #fff;
					        padding: 1rem;
					}

					/* Título */
					.hero-text h1 {
						  font-size: clamp(1.8rem, 4vw, 3rem);
						    margin: 0;
					    }

					    /* Subtítulo */
					    .hero-text p {
						      font-size: clamp(1rem, 2.5vw, 1.4rem);
						        margin-top: 0.5rem;
						}