@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@400;700&display=swap');

body { margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; background-color: #f0f0f0; /* Ajusta el fondo según el diseño de Figma */ }

.presentacion { display: flex; align-items: center; justify-content: space-between; margin: 5% 10%; /* Ajusta los márgenes según el diseño de Figma / background-color: #fff; / Fondo blanco para la sección / padding: 2%; / Espaciado interno para la sección / border-radius: 8px; / Bordes redondeados, si es necesario / box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); / Sombra para el contenedor */ }

.presentacion__contenido { width: 50%; /* Ajusta el ancho según el diseño de Figma */ }

.presentacion__contenido__titulo { font-family: 'Krona One', sans-serif; font-size: 2rem; /* Ajusta según el diseño de Figma / margin-bottom: 1rem; / Espaciado inferior / color: #333; / Color del texto */ }

.presentacion__contenido__texto { font-family: 'Montserrat', sans-serif; font-size: 1rem; /* Ajusta según el diseño de Figma / line-height: 1.5; / Mejora la legibilidad / color: #555; / Color del texto */ }

.presentacion__imagen { width: 40%; /* Ajusta el ancho de la imagen según sea necesario / border-radius: 8px; / Bordes redondeados para la imagen / object-fit: cover; / Asegura que la imagen se ajuste bien dentro del contenedor */ }