{"id":363,"date":"2026-05-24T15:11:31","date_gmt":"2026-05-24T15:11:31","guid":{"rendered":"https:\/\/luum.estaciondiseno.es\/?page_id=363"},"modified":"2026-06-16T10:17:35","modified_gmt":"2026-06-16T10:17:35","slug":"inicio","status":"publish","type":"page","link":"https:\/\/luum.estaciondiseno.es\/","title":{"rendered":"INICIO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"363\" class=\"elementor elementor-363\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c65fd61 e-transform e-flex e-con-boxed e-con e-parent\" data-id=\"c65fd61\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.5,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.2,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a59c6db elementor-widget elementor-widget-html\" data-id=\"a59c6db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"welcome-container\">\n  <div class=\"welcome-title\">BIENVENIDOS<\/div>\n  <div class=\"welcome-subtitle\">A MI PORTFOLIO<\/div>\n<\/div>\n\n<style>\n\/* 1. CARGA DIRECTA DE TU FUENTE BLUESCREEN *\/\n@font-face {\n  font-family: 'BlueScreenCustom';\n  src: url('https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/BlueScreenPersonalUseRegular-0W1M9.ttf') format('truetype');\n  font-weight: normal;\n  font-style: normal;\n}\n\n\/* Contenedor principal centrado *\/\n.welcome-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  width: 100%;\n  min-height: 300px; \n  padding: 40px 20px;\n  background-color: transparent; \n  overflow: hidden; \n  box-sizing: border-box;\n}\n\n\/* Estilos comunes para ambos textos aplicando tu fuente *\/\n.welcome-title, .welcome-subtitle {\n  font-family: 'BlueScreenCustom', sans-serif !important; \n  \n  color: #ffffff !important;\n  text-transform: uppercase !important; \n  margin: 0 !important;\n  padding: 0 !important;\n  line-height: 1.1 !important;\n  letter-spacing: 3px; \n  opacity: 0; \n  text-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n}\n\n\/* Primer texto: \"BIENVENIDOS\" *\/\n.welcome-title {\n  font-size: 100px !important; \/* Al ser una fuente compacta, subimos un poco el tama\u00f1o *\/\n  font-weight: normal !important; \n  padding-bottom: 15px !important;\n  animation: zoomBlurIn 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;\n}\n\n\/* Segundo texto: \"A MI PORTFOLIO\" *\/\n.welcome-subtitle {\n  font-size: 80px !important;\n  font-weight: normal !important;\n  letter-spacing: 5px; \n  animation: zoomBlurIn 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s forwards;\n}\n\n\/* --- ANIMACI\u00d3N DE ZOOM + DESENFOQUE --- *\/\n@keyframes zoomBlurIn {\n  0% {\n    opacity: 0;\n    filter: blur(20px);      \n    transform: scale(0.3);   \n  }\n  50% {\n    opacity: 0.8;\n    filter: blur(8px);       \n  }\n  100% {\n    opacity: 1;\n    filter: blur(0);         \n    transform: scale(1);     \n  }\n}\n\n\/* --- ADAPTACI\u00d3N M\u00d3VIL --- *\/\n@media (max-width: 768px) {\n  .welcome-container {\n    min-height: 200px;\n    padding: 20px 10px;\n  }\n  \n  .welcome-title {\n    font-size: 42px !important; \n    letter-spacing: 1px;\n  }\n  \n  .welcome-subtitle {\n    font-size: 35px !important;\n    letter-spacing: 2px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-face3b8 e-flex e-con-boxed e-con e-parent\" data-id=\"face3b8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11b179b elementor-widget elementor-widget-html\" data-id=\"11b179b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"canvas-intro-container\" id=\"magneticZone\">\n  <div class=\"grid-background-overlay\"><\/div>\n  \n  <div class=\"interactive-physics-ball\" id=\"physicsBall\"><\/div>\n\n  <div class=\"vanguard-content\" id=\"scrollContent\">\n    \n    <h1 class=\"kinetic-text\">\n      Os doy la bienvenida al espacio donde os comparto mis proyectos de \n      <span class=\"liquid-gradient\">dise\u00f1o gr\u00e1fico.<\/span>\n    <\/h1>\n    \n    <p class=\"cyber-body-text\">\n      Soy una artista con <span class=\"glitch-word\" data-text=\"diferentes estilos\">diferentes estilos<\/span>, te invito a sumergirte en los rincones de mi portfolio para descubrir cada uno de ellos!!\n    <\/p>\n    \n    <p class=\"cyber-sub-text\">\n      Y si tienes una gran idea en mente, no dudes en contactar conmigo.\n    <\/p>\n    \n    <div class=\"magnetic-button-wrap\" id=\"magnetButtonContainer\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/contacto\/\" class=\"btn-phosphor-blast\" id=\"magnetLink\">\n        <span class=\"btn-glitch-effect\"><\/span>\n        CONT\u00c1CTAME\n      <\/a>\n    <\/div>\n    \n  <\/div>\n<\/div>\n\n<style>\n\/* --- CONTENEDOR DE DISE\u00d1O CON CURSOR DE ORDENADOR ANTIGUO (PIXEL) --- *\/\n.canvas-intro-container {\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  background: transparent;\n  padding: 160px 24px;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n\n  \/* Cursor de flecha cl\u00e1sica de 8-bits pixelada blanca con borde negro *\/\n  cursor: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path d=\"M0,0 L0,22 L6,16 L12,28 L17,26 L12,14 L19,14 Z\" fill=\"white\" stroke=\"black\" stroke-width=\"2\" stroke-linejoin=\"miter\" stroke-linecap=\"square\"\/><\/svg>'), auto;\n}\n\n\/* Cambia a la m\u00edtica mano pixelada cl\u00e1sica cuando pasas por encima del bot\u00f3n *\/\n.btn-phosphor-blast {\n  cursor: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\"><path d=\"M8,8 L8,12 L5,12 L5,29 L23,29 L23,17 L20,17 L20,14 L17,14 L17,11 L14,11 L14,2 L11,2 L11,8 Z\" fill=\"white\" stroke=\"black\" stroke-width=\"2\" stroke-linejoin=\"miter\"\/><path d=\"M11,11 L11,17 M14,14 L14,20 M17,17 L17,23\" stroke=\"black\" stroke-width=\"2\"\/><\/svg>'), pointer;\n}\n\n\/* --- CONTENEDOR DE TEXTO DE REVELADO PASIVO --- *\/\n.vanguard-content {\n  max-width: 950px;\n  width: 100%;\n  text-align: center;\n  position: relative;\n  z-index: 10;\n  \n  opacity: 0;\n  transform: translateY(60px);\n  filter: blur(10px);\n  will-change: opacity, transform, filter;\n}\n\n\/* --- REJILLA DE FONDO TECNOL\u00d3GICA --- *\/\n.grid-background-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: \n    linear-gradient(rgba(21, 0, 255, 0.03) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(21, 0, 255, 0.03) 1px, transparent 1px);\n  background-size: 40px 40px;\n  background-position: center center;\n  mask-image: radial-gradient(circle, black 40%, transparent 80%);\n  -webkit-mask-image: radial-gradient(circle, black 40%, transparent 80%);\n  pointer-events: none;\n  z-index: 1;\n}\n\n\/* --- DISTORSI\u00d3N F\u00cdSICA DETR\u00c1S DEL TEXTO --- *\/\n.interactive-physics-ball {\n  position: absolute;\n  width: 600px;\n  height: 600px;\n  background: radial-gradient(circle, rgba(204, 255, 0, 0.08) 0%, rgba(21, 0, 255, 0.04) 40%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n  z-index: 2;\n  transform: translate(-50%, -50%);\n  will-change: left, top;\n  mix-blend-mode: screen;\n}\n\n\/* --- TEXTO KIN\u00c9TICO Y GRADIENTE L\u00cdQUIDO --- *\/\n.kinetic-text {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n  font-size: 54px;\n  font-weight: 900;\n  line-height: 1.15;\n  color: #ffffff; \n  letter-spacing: -2px;\n  margin-bottom: 35px;\n  text-transform: uppercase;\n}\n\n.liquid-gradient {\n  background: linear-gradient(90deg, #1500ff, #AEFF00, #1500ff);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  animation: liquidFlow 4s linear infinite;\n  display: inline-block;\n}\n\n.cyber-body-text {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n  font-size: 22px;\n  color: #ffffff;\n  line-height: 1.5;\n  max-width: 750px;\n  margin: 0 auto 20px auto;\n  font-weight: 400;\n}\n\n.glitch-word {\n  font-weight: 700;\n  color: #AEFF00;\n  position: relative;\n}\n\n.cyber-sub-text {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n  font-size: 16px;\n  color: #ffffff;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  margin-bottom: 50px;\n}\n\n\/* --- BOT\u00d3N BLAST FOSFORITO MAGN\u00c9TICO --- *\/\n.magnetic-button-wrap {\n  display: inline-block;\n  position: relative;\n  padding: 30px;\n}\n\n.btn-phosphor-blast {\n  display: inline-block;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n  background-color: #AEFF00;\n  color: #1500ff;\n  padding: 22px 50px;\n  font-size: 16px;\n  font-weight: 900;\n  text-decoration: none;\n  text-transform: uppercase;\n  letter-spacing: 3px;\n  border-radius: 0px; \n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(174, 255, 0, 0.3);\n  border: 2px solid #AEFF00;\n  will-change: transform;\n  transition: box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;\n}\n\n.btn-phosphor-blast.reset-smooth {\n  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;\n}\n\n.btn-phosphor-blast:hover {\n  box-shadow: 0 0 40px rgba(21, 0, 255, 0.6);\n  background-color: #1500ff;\n  color: #AEFF00;\n  border-color: #1500ff;\n}\n\n\/* --- ANIMACIONES --- *\/\n@keyframes liquidFlow {\n  0% { background-position: 0% center; }\n  100% { background-position: 200% center; }\n}\n\n\/* --- RESPONSIVE --- *\/\n@media (max-width: 768px) {\n  .kinetic-text { font-size: 32px; letter-spacing: -1px; }\n  .cyber-body-text { font-size: 18px; }\n  .btn-phosphor-blast { padding: 18px 36px; font-size: 14px; }\n  .interactive-physics-ball { display: none; } \n  \n  \/* Desactivar cursores personalizados en m\u00f3viles y tablets *\/\n  .canvas-intro-container, .btn-phosphor-blast { cursor: auto; }\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const zone = document.getElementById('magneticZone');\n  const content = document.getElementById('scrollContent');\n  const ball = document.getElementById('physicsBall');\n  const magnetBtn = document.getElementById('magnetButtonContainer');\n  const magnetLink = document.getElementById('magnetLink');\n\n  \/\/ --- REVELADO VINCULADO AL SCROLL ---\n  window.addEventListener('scroll', () => {\n    const rect = zone.getBoundingClientRect();\n    const windowHeight = window.innerHeight;\n    const totalDistance = windowHeight; \n    const currentProgress = (windowHeight - rect.top) \/ totalDistance;\n    const progress = Math.min(Math.max(currentProgress, 0), 1);\n\n    if (progress >= 0 && progress <= 1) {\n      content.style.opacity = progress;\n      content.style.transform = `translateY(${(1 - progress) * 60}px)`;\n      content.style.filter = `blur(${(1 - progress) * 10}px)`;\n    }\n  });\n\n  \/\/ --- SEGUIMIENTO DE LA BOLA DE FONDO ---\n  let mouseX = 0, mouseY = 0;\n  let ballX = 0, ballY = 0;\n\n  window.addEventListener('mousemove', (e) => {\n    const rect = zone.getBoundingClientRect();\n    mouseX = e.clientX - rect.left;\n    mouseY = e.clientY - rect.top;\n  });\n\n  function updatePhysics() {\n    ballX += (mouseX - ballX) * 0.08;\n    ballY += (mouseY - ballY) * 0.08;\n    \n    ball.style.left = `${ballX}px`;\n    ball.style.top = `${ballY}px`;\n    \n    requestAnimationFrame(updatePhysics);\n  }\n  updatePhysics();\n\n  \/\/ --- CONFIGURACI\u00d3N MAGN\u00c9TICA HIPERREACTIVA ---\n  if (magnetBtn && magnetLink) {\n    magnetBtn.addEventListener('mousemove', (e) => {\n      const rect = magnetBtn.getBoundingClientRect();\n      const btnX = e.clientX - (rect.left + rect.width \/ 2);\n      const btnY = e.clientY - (rect.top + rect.height \/ 2);\n\n      magnetLink.classList.remove('reset-smooth');\n      magnetLink.style.transform = `translate3d(${btnX * 0.75}px, ${btnY * 0.75}px, 0) scale(1.1)`;\n    });\n\n    magnetBtn.addEventListener('mouseleave', () => {\n      magnetLink.classList.add('reset-smooth');\n      magnetLink.style.transform = `translate3d(0, 0, 0) scale(1)`;\n    });\n  }\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d11cb5 e-flex e-con-boxed e-con e-parent\" data-id=\"4d11cb5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07516f4 elementor-widget elementor-widget-html\" data-id=\"07516f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"carrusel-fullwidth-container\">\n  <div class=\"carrusel-portfolio-track\">\n    \n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg\" alt=\"Proyecto 1, Derechos Humanos\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/05\/Mockups-2-scaled.jpg\" alt=\"Proyecto 2, Manolo Prieto\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/infografia\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/IMG_6456.jpg\" alt=\"Proyecto 3, Fotolibro\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/editorial\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Unknown.jpg\" alt=\"Proyecto 4, Revista\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/editorial\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_sgoed9sgoed9sgoe-e1781397954486.png\" alt=\"Proyecto 5, Rebranding Pibes\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/branding\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-14-jun-2026-00_21_38.png\" alt=\"Proyecto 6, EKOO\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup-2.3-e1781602968861.png\" alt=\"Proyecto 7, FRAGMENTOS II\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/mockup-scaled.png\" alt=\"Proyecto 8, Cartel experimental\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg\" alt=\"Proyecto 1, Derechos Humanos\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/05\/Mockups-2-scaled.jpg\" alt=\"Proyecto 2, Manolo Prieto\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/infografia\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/IMG_6456.jpg\" alt=\"Proyecto 3, Fotolibro\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/editorial\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Unknown.jpg\" alt=\"Proyecto 4, Revista\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/editorial\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Gemini_Generated_Image_sgoed9sgoed9sgoe-e1781397954486.png\" alt=\"Proyecto 5, Rebranding Pibes\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/branding\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-14-jun-2026-00_21_38.png\" alt=\"Proyecto 6, EKOO\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/IMG_6456.jpg\" alt=\"Proyecto 3, Fotolibro\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/editorial\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n    <div class=\"carrusel-item\">\n      <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Unknown.jpg\" alt=\"Proyecto 4, Revista\">\n      <a href=\"https:\/\/luum.estaciondiseno.es\/index.php\/editorial\/\" class=\"carrusel-btn\">Ver Proyecto<\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n:root {\n  --alto-imagen: 350px; \/* Controla la altura uniforme de todo el carrusel *\/\n}\n\n.carrusel-fullwidth-container {\n  overflow: hidden;\n  width: 100vw;\n  position: relative;\n  left: 50%;\n  right: 50%;\n  margin-left: -50vw;\n  margin-right: -50vw;\n  background-color: #000;\n  backface-visibility: hidden;\n}\n\n.carrusel-portfolio-track {\n  display: flex;\n  width: max-content; \/* Se adapta autom\u00e1ticamente a la suma de los anchos de los items *\/\n  animation: desplazarCarrusel 30s linear infinite; \/* Aumentado a 30s para que fluya mejor al haber m\u00e1s items *\/\n  will-change: transform;\n  transform: translate3d(0, 0, 0);\n}\n\n.carrusel-portfolio-track:hover {\n  animation-play-state: paused;\n}\n\n.carrusel-item {\n  flex-shrink: 0;\n  display: block;\n  height: var(--alto-imagen);\n  position: relative; \n}\n\n.carrusel-item img {\n  width: auto; \/* Permite que el ancho responda a la proporci\u00f3n original *\/\n  height: 100%; \/* Fuerza la altura uniforme *\/\n  object-fit: contain; \/* Garantiza que la imagen se vea entera sin recortes *\/\n  display: block;\n  transition: filter 0.3s ease, opacity 0.3s ease;\n  cursor: pointer;\n  backface-visibility: hidden;\n  -webkit-user-drag: none;\n}\n\n\/* --- ESTILOS DEL BOT\u00d3N --- *\/\n.carrusel-btn {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -40%); \/* Centrado perfecto sobre la imagen *\/\n  padding: 12px 24px;\n  background-color: #ffffff;\n  color: #1500ff;\n  text-decoration: none;\n  font-family: sans-serif;\n  font-weight: bold;\n  font-size: 14px;\n  border-radius: 4px;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.3);\n  white-space: nowrap;\n  \n  opacity: 0;\n  transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.2s ease, color 0.2s ease;\n  pointer-events: none;\n  z-index: 2;\n}\n\n.carrusel-item:hover img {\n  opacity: 0.6;\n  filter: blur(1px);\n}\n\n.carrusel-item:hover .carrusel-btn {\n  opacity: 1;\n  transform: translate(-50%, -50%); \/* Movimiento sutil hacia arriba al hacer hover *\/\n  pointer-events: auto;\n}\n\n.carrusel-btn:hover {\n  background-color: #1500ff;\n  color: #ffffff;\n}\n\n\/* El truco del infinito: Al desplazarse el -50% (que es exactamente la primera tanda), el bucle se reinicia de golpe de forma imperceptible *\/\n@keyframes desplazarCarrusel {\n  0% {\n    transform: translate3d(0, 0, 0);\n  }\n  100% {\n    transform: translate3d(-50%, 0, 0);\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BIENVENIDOS A MI PORTFOLIO Os doy la bienvenida al espacio donde os comparto mis proyectos de dise\u00f1o gr\u00e1fico. Soy una artista con diferentes estilos, te invito a sumergirte en los rincones de mi portfolio para descubrir cada uno de ellos!! Y si tienes una gran idea en mente, no dudes en contactar conmigo. CONT\u00c1CTAME Ver [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-363","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>INICIO - luum.designs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/luum.estaciondiseno.es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"INICIO - luum.designs\" \/>\n<meta property=\"og:description\" content=\"BIENVENIDOS A MI PORTFOLIO Os doy la bienvenida al espacio donde os comparto mis proyectos de dise\u00f1o gr\u00e1fico. Soy una artista con diferentes estilos, te invito a sumergirte en los rincones de mi portfolio para descubrir cada uno de ellos!! Y si tienes una gran idea en mente, no dudes en contactar conmigo. CONT\u00c1CTAME Ver [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/luum.estaciondiseno.es\/\" \/>\n<meta property=\"og:site_name\" content=\"luum.designs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/txxrmenta\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-16T10:17:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/\",\"url\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/\",\"name\":\"INICIO - luum.designs\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Mockup5-scaled.jpg\",\"datePublished\":\"2026-05-24T15:11:31+00:00\",\"dateModified\":\"2026-06-16T10:17:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/luum.estaciondiseno.es\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#primaryimage\",\"url\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Mockup5-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Mockup5-scaled.jpg\",\"width\":2560,\"height\":1991},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"INICIO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#website\",\"url\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/\",\"name\":\"luum.designs\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#\\\/schema\\\/person\\\/4688aeda8d53dbb764a681a70ace7272\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#\\\/schema\\\/person\\\/4688aeda8d53dbb764a681a70ace7272\",\"name\":\"luum\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LOGO-luum-1500ff-2.png\",\"url\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LOGO-luum-1500ff-2.png\",\"contentUrl\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LOGO-luum-1500ff-2.png\",\"width\":2255,\"height\":2050,\"caption\":\"luum\"},\"logo\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LOGO-luum-1500ff-2.png\"},\"sameAs\":[\"https:\\\/\\\/luum.estaciondiseno.es\",\"https:\\\/\\\/www.facebook.com\\\/txxrmenta\",\"https:\\\/\\\/www.instagram.com\\\/luum.designs\",\"https:\\\/\\\/www.pinterest.com\\\/txxrmenta\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"INICIO - luum.designs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/luum.estaciondiseno.es\/","og_locale":"es_ES","og_type":"article","og_title":"INICIO - luum.designs","og_description":"BIENVENIDOS A MI PORTFOLIO Os doy la bienvenida al espacio donde os comparto mis proyectos de dise\u00f1o gr\u00e1fico. Soy una artista con diferentes estilos, te invito a sumergirte en los rincones de mi portfolio para descubrir cada uno de ellos!! Y si tienes una gran idea en mente, no dudes en contactar conmigo. CONT\u00c1CTAME Ver [&hellip;]","og_url":"https:\/\/luum.estaciondiseno.es\/","og_site_name":"luum.designs","article_publisher":"https:\/\/www.facebook.com\/txxrmenta","article_modified_time":"2026-06-16T10:17:35+00:00","og_image":[{"url":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/luum.estaciondiseno.es\/","url":"https:\/\/luum.estaciondiseno.es\/","name":"INICIO - luum.designs","isPartOf":{"@id":"https:\/\/luum.estaciondiseno.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/luum.estaciondiseno.es\/#primaryimage"},"image":{"@id":"https:\/\/luum.estaciondiseno.es\/#primaryimage"},"thumbnailUrl":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg","datePublished":"2026-05-24T15:11:31+00:00","dateModified":"2026-06-16T10:17:35+00:00","breadcrumb":{"@id":"https:\/\/luum.estaciondiseno.es\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/luum.estaciondiseno.es\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/luum.estaciondiseno.es\/#primaryimage","url":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg","contentUrl":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg","width":2560,"height":1991},{"@type":"BreadcrumbList","@id":"https:\/\/luum.estaciondiseno.es\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/luum.estaciondiseno.es\/"},{"@type":"ListItem","position":2,"name":"INICIO"}]},{"@type":"WebSite","@id":"https:\/\/luum.estaciondiseno.es\/#website","url":"https:\/\/luum.estaciondiseno.es\/","name":"luum.designs","description":"","publisher":{"@id":"https:\/\/luum.estaciondiseno.es\/#\/schema\/person\/4688aeda8d53dbb764a681a70ace7272"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/luum.estaciondiseno.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":["Person","Organization"],"@id":"https:\/\/luum.estaciondiseno.es\/#\/schema\/person\/4688aeda8d53dbb764a681a70ace7272","name":"luum","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/05\/LOGO-luum-1500ff-2.png","url":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/05\/LOGO-luum-1500ff-2.png","contentUrl":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/05\/LOGO-luum-1500ff-2.png","width":2255,"height":2050,"caption":"luum"},"logo":{"@id":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/05\/LOGO-luum-1500ff-2.png"},"sameAs":["https:\/\/luum.estaciondiseno.es","https:\/\/www.facebook.com\/txxrmenta","https:\/\/www.instagram.com\/luum.designs","https:\/\/www.pinterest.com\/txxrmenta"]}]}},"_links":{"self":[{"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/pages\/363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/comments?post=363"}],"version-history":[{"count":142,"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/pages\/363\/revisions"}],"predecessor-version":[{"id":1194,"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/pages\/363\/revisions\/1194"}],"wp:attachment":[{"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/media?parent=363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}