{"id":9,"date":"2026-08-24T18:38:33","date_gmt":"2026-08-24T18:38:33","guid":{"rendered":"https:\/\/alejandranietos.com\/?page_id=9"},"modified":"2026-09-28T05:33:17","modified_gmt":"2026-09-28T05:33:17","slug":"home","status":"publish","type":"page","link":"https:\/\/alejandranietos.com\/en\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0750d68 e-con-full e-flex e-con e-parent\" data-id=\"0750d68\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-819d98f elementor-widget elementor-widget-image\" data-id=\"819d98f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/alejandranietos.com\/wp-content\/uploads\/elementor\/thumbs\/Portada-1-ru20ucdym3r08stes5ih4ootxep5m3qn18sivy6i9s.png\" title=\"Portada\" alt=\"Portada\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-370bbf3 e-con-full e-flex e-con e-parent\" data-id=\"370bbf3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-82a2ec0 e-con-full e-flex e-con e-child\" data-id=\"82a2ec0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-233b3bc elementor-widget elementor-widget-html\" data-id=\"233b3bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .vcarousel {\r\n    height: 650px;          \/* Alto visible del carrusel *\/\r\n    max-width: 210px;       \/* Ancho del carrusel *\/\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n  .vcarousel-track {\r\n    animation: vscroll 15s linear infinite;  \/* 20s = velocidad *\/\r\n  }\r\n  .vcarousel-track img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    margin-bottom: 15px;    \/* Espacio entre im\u00e1genes *\/\r\n    border-radius: 8px;\r\n  }\r\n\r\n  @keyframes vscroll {\r\n    from { transform: translateY(0); }\r\n    to   { transform: translateY(-50%); }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"vcarousel\">\r\n  <div class=\"vcarousel-track\">\r\n\r\n    <!-- PRIMER GRUPO DE IM\u00c1GENES -->\r\n    <img decoding=\"async\" src=\"https:\/\/alejandranietos.com\/wp-content\/uploads\/2026\/08\/IMG-20191024-WA0013.jpg\" alt=\"Descripci\u00f3n 1\">\r\n    <img decoding=\"async\" src=\"https:\/\/alejandranietos.com\/wp-content\/uploads\/2026\/08\/Bautizo-Alejandra-07-351.jpeg\" alt=\"Descripci\u00f3n 2\">\r\n    <img decoding=\"async\" src=\"https:\/\/alejandranietos.com\/wp-content\/uploads\/2026\/08\/COPIA-FOTOS-VARIAS-315.jpg\" alt=\"Descripci\u00f3n 3\">\r\n\r\n    <!-- MISMO GRUPO REPETIDO (necesario para que el bucle sea continuo) -->\r\n    <img decoding=\"async\" src=\"https:\/\/alejandranietos.com\/wp-content\/uploads\/2026\/08\/IMG-20191024-WA0013.jpg\" alt=\"Descripci\u00f3n 1\">\r\n    <img decoding=\"async\" src=\"https:\/\/alejandranietos.com\/wp-content\/uploads\/2026\/08\/Bautizo-Alejandra-07-351.jpeg\" alt=\"Descripci\u00f3n 2\">\r\n    <img decoding=\"async\" src=\"https:\/\/alejandranietos.com\/wp-content\/uploads\/2026\/08\/COPIA-FOTOS-VARIAS-315.jpg\" alt=\"Descripci\u00f3n 3\">\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-064151e e-con-full e-flex e-con e-child\" data-id=\"064151e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f363b7 elementor-widget elementor-widget-text-editor\" data-id=\"3f363b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81ebe3a e-con-full e-flex e-con e-child\" data-id=\"81ebe3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15d3b70 elementor-widget elementor-widget-html\" data-id=\"15d3b70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .vcarousel-down {\r\n    height: 650px;\r\n    max-width: 210px;\r\n    margin: 0 auto;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n  .vcarousel-down .track-down {\r\n    animation: scroll-down 15s linear infinite;\r\n  }\r\n  .vcarousel-down .track-down img {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    margin-bottom: 15px;\r\n    border-radius: 8px;\r\n  }\r\n  \r\n  @keyframes scroll-down {\r\n    from { transform: translateY(-50%); }\r\n    to   { transform: translateY(0); }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"vcarousel-down\">\r\n  <div class=\"track-down\">\r\n\r\n    <!-- PRIMER GRUPO -->\r\n    <img decoding=\"async\" src=\"https:\/\/alejandranietos.com\/wp-content\/uploads\/2026\/08\/IMG_3739.JPG-scaled.jpeg\" alt=\"Descripci\u00f3n 4\">\r\n    <img decoding=\"async\" src=\"https:\/\/alejandranietos.com\/wp-content\/uploads\/2026\/08\/97a9245b-4346-4be5-97f7-2e59d6500bf3.jpg\" alt=\"Descripci\u00f3n 5\">\r\n    <img decoding=\"async\" src=\"https:\/\/alejandranietos.com\/wp-content\/uploads\/2026\/08\/IMG_0063.jpg\" alt=\"Descripci\u00f3n 6\">\r\n\r\n    <!-- MISMO GRUPO REPETIDO -->\r\n    <img decoding=\"async\" src=\"https:\/\/alejandranietos.com\/wp-content\/uploads\/2026\/08\/IMG_3739.JPG-scaled.jpeg\" alt=\"Descripci\u00f3n 4\">\r\n    <img decoding=\"async\" src=\"https:\/\/alejandranietos.com\/wp-content\/uploads\/2026\/08\/97a9245b-4346-4be5-97f7-2e59d6500bf3.jpg\" alt=\"Descripci\u00f3n 5\">\r\n    <img decoding=\"async\" src=\"https:\/\/alejandranietos.com\/wp-content\/uploads\/2026\/08\/IMG_0063.jpg\" alt=\"Descripci\u00f3n 6\">\r\n\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93a3332 e-flex e-con-boxed e-con e-parent\" data-id=\"93a3332\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1122997 elementor-widget elementor-widget-html\" data-id=\"1122997\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============ EFECTO ARCO + HOVER VIDEO ============\n     Pegar TODO este bloque en un widget \"HTML\" de Elementor.\n     Cambia las rutas de imagen (data-img), video (data-video),\n     t\u00edtulo (data-title) y texto (data-text) de cada tarjeta. -->\n\n<style>\n  .arco-wrap{position:relative;height:100vh;min-height:600px;overflow:hidden;font-family:inherit}\n  .arco-col{position:absolute;left:50%;margin-left:-130px;top:0;width:260px;height:100%}\n  .arco-card{position:absolute;left:0;top:50%;width:260px;height:180px;margin-top:-90px;\n             will-change:transform;cursor:pointer}\n  .arco-inner{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;\n              box-shadow:0 10px 30px rgba(0,0,0,.25);\n              transition:transform .45s ease;\n              transform:rotate(0deg) scale(1)}\n  .arco-card:hover{z-index:50}\n  .arco-card:hover .arco-inner{transform:rotate(calc(var(--rot) * -1)) scale(1.6)}\n  .arco-inner img,.arco-inner video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}\n  .arco-inner video{opacity:0;transition:opacity .3s}\n  .arco-card:hover video{opacity:1}\n  \/* T\u00edtulo (izquierda) y descripci\u00f3n (derecha) *\/\n  .arco-titulo,.arco-desc{position:absolute;top:50%;transform:translateY(-50%);\n             opacity:0;transition:opacity .35s, transform .35s;pointer-events:none}\n  .arco-titulo{left:4%;width:calc(46% - 260px);text-align:right}\n  .arco-desc{left:calc(50% + 260px);width:calc(46% - 260px);text-align:left}\n  .arco-titulo.on{opacity:1;transform:translateY(-50%) translateX(-10px)}\n  .arco-desc.on{opacity:1;transform:translateY(-50%) translateX(10px)}\n  .arco-titulo h3{margin:0;font-size:34px;line-height:1.1}\n  .arco-desc p{margin:0;font-size:17px;line-height:1.5}\n  @media(max-width:767px){\n    .arco-titulo,.arco-desc{left:8%;width:84%;text-align:center;transform:none}\n    .arco-titulo{top:6%}\n    .arco-desc{top:auto;bottom:6%}\n    .arco-titulo.on,.arco-desc.on{transform:none}\n  }\n<\/style>\n\n<div class=\"arco-wrap\" id=\"arco\">\n  <div class=\"arco-col\">\n\n    <!-- ===== TARJETA 1 (copia y pega este bloque para a\u00f1adir m\u00e1s) ===== -->\n    <div class=\"arco-card\"\n         data-title=\"T\u00edtulo del proyecto 1\"\n         data-text=\"Aqu\u00ed va un texto corto que describe este proyecto.\">\n      <div class=\"arco-inner\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/a1\/520\/360\" alt=\"\">\n        <video muted loop playsinline preload=\"none\"\n               src=\"URL_DE_TU_VIDEO_1.mp4\"><\/video>\n      <\/div>\n    <\/div>\n\n    <div class=\"arco-card\" data-title=\"T\u00edtulo del proyecto 2\" data-text=\"Texto corto del proyecto 2.\">\n      <div class=\"arco-inner\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/a2\/520\/360\" alt=\"\">\n        <video muted loop playsinline preload=\"none\" src=\"URL_DE_TU_VIDEO_2.mp4\"><\/video>\n      <\/div>\n    <\/div>\n\n    <div class=\"arco-card\" data-title=\"T\u00edtulo del proyecto 3\" data-text=\"Texto corto del proyecto 3.\">\n      <div class=\"arco-inner\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/a3\/520\/360\" alt=\"\">\n        <video muted loop playsinline preload=\"none\" src=\"URL_DE_TU_VIDEO_3.mp4\"><\/video>\n      <\/div>\n    <\/div>\n\n    <div class=\"arco-card\" data-title=\"T\u00edtulo del proyecto 4\" data-text=\"Texto corto del proyecto 4.\">\n      <div class=\"arco-inner\">\n        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/a4\/520\/360\" alt=\"\">\n        <video muted loop playsinline preload=\"none\" src=\"URL_DE_TU_VIDEO_4.mp4\"><\/video>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- T\u00edtulo (izquierda) y descripci\u00f3n (derecha) que aparecen al hacer hover -->\n  <div class=\"arco-titulo\" id=\"arco-titulo\"><h3><\/h3><\/div>\n  <div class=\"arco-desc\" id=\"arco-desc\"><p><\/p><\/div>\n<\/div>\n\n<script>\n(function(){\n  var wrap  = document.getElementById('arco');\n  var col   = wrap.querySelector('.arco-col');\n  var cards = Array.prototype.slice.call(wrap.querySelectorAll('.arco-card'));\n  var tit   = document.getElementById('arco-titulo');\n  var desc  = document.getElementById('arco-desc');\n\n  \/* ---- Si tienes pocos proyectos, se repiten solos ---- *\/\n  var MINIMO = 10;   \/\/ cantidad m\u00ednima de tarjetas en el arco\n  var originales = cards.slice();\n  var k = 0;\n  while (cards.length < MINIMO) {\n    var copia = originales[k % originales.length].cloneNode(true);\n    col.appendChild(copia);\n    cards.push(copia);\n    k++;\n  }\n  var N = cards.length;\n\n  \/* ---- AJUSTES (puedes cambiarlos) ---- *\/\n  var ANGULO = 16;   \/\/ grados entre tarjetas (m\u00e1s = arco m\u00e1s cerrado)\n  var RADIO  = 420;  \/\/ tama\u00f1o del arco en px\n  var VELOCIDAD = 1; \/\/ 1 = normal, 2 = m\u00e1s r\u00e1pido con el scroll\n\n  function actualizar(){\n    var r = wrap.getBoundingClientRect();\n    var vh = window.innerHeight;\n    \/\/ progreso 0 \u2192 1 mientras la secci\u00f3n cruza la pantalla\n    var p = (vh - r.top) \/ (vh + r.height);\n    p = Math.min(1, Math.max(0, p));\n    var offset = (p * (N + 2) - 1) * VELOCIDAD;\n\n    cards.forEach(function(c, i){\n      var pos = i - offset;                 \/\/ posici\u00f3n relativa al centro\n      var a   = pos * ANGULO;               \/\/ \u00e1ngulo en grados\n      var rad = a * Math.PI \/ 180;\n      var x = (1 - Math.cos(rad)) * RADIO * -1;       \/\/ curva del arco\n      var y = Math.sin(rad) * RADIO;\n      c.style.setProperty('--rot', (a * 0.6) + 'deg');\n      c.style.transform = 'translate(' + x + 'px,' + y + 'px) rotate(' + (a * 0.6) + 'deg)';\n      c.style.opacity = Math.abs(pos) > 3.2 ? 0 : 1;\n    });\n  }\n\n  \/* ---- Hover: reproducir video + mostrar texto ---- *\/\n  cards.forEach(function(c){\n    var v = c.querySelector('video');\n    c.addEventListener('mouseenter', function(){\n      if (v) { v.play().catch(function(){}); }\n      tit.querySelector('h3').textContent = c.dataset.title || '';\n      desc.querySelector('p').textContent = c.dataset.text  || '';\n      tit.classList.add('on');\n      desc.classList.add('on');\n    });\n    c.addEventListener('mouseleave', function(){\n      if (v) { v.pause(); v.currentTime = 0; }\n      tit.classList.remove('on');\n      desc.classList.remove('on');\n    });\n  });\n\n  window.addEventListener('scroll', actualizar, {passive:true});\n  window.addEventListener('resize', actualizar);\n  actualizar();\n})();\n<\/script>\n\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-5436190 e-con-full e-flex e-con e-parent\" data-id=\"5436190\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d60ce5 elementor-widget elementor-widget-html\" data-id=\"7d60ce5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo+Black&family=Cormorant+Garamond:wght@300&family=Monoton&family=Pacifico&family=Bebas+Neue&family=Playfair+Display:wght@900&display=swap');\r\n\r\n.titulo-efecto {\r\n  font-family: 'Archivo Black', sans-serif;\r\n  font-size: 700px;\r\n  line-height: 1.3em;\r\n  height: 1.3em;\r\n  color: #F7F1EA;\r\n  margin: 0;\r\n  white-space: nowrap;\r\n}\r\n\r\n.letra-cambia {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 1.1em;\r\n  height: 1.3em;\r\n  line-height: 1;\r\n  vertical-align: top;\r\n  animation: cambiaFuente 1.5s infinite;\r\n}\r\n\r\n@keyframes cambiaFuente {\r\n  0%, 16.65%     { font-family: 'Archivo Black', sans-serif;      font-weight: 400; font-size: 1em;    transform: translateY(0em); }\r\n  16.66%, 33.32% { font-family: 'Cormorant Garamond', serif;      font-weight: 300; font-size: 1.15em; transform: translateY(0em); }\r\n  33.33%, 49.99% { font-family: 'Monoton', cursive;               font-weight: 400; font-size: 1em;    transform: translateY(0em); }\r\n  50%, 66.65%    { font-family: 'Pacifico', cursive;              font-weight: 400; font-size: 0.95em; transform: translateY(0em); }\r\n  66.66%, 83.32% { font-family: 'Bebas Neue', sans-serif;         font-weight: 400; font-size: 1.05em; transform: translateY(0em); }\r\n  83.33%, 100%   { font-family: 'Playfair Display', serif;        font-weight: 900; font-size: 1em;    transform: translateY(0em); }\r\n}\r\n<\/style>\r\n\r\n<h1 class=\"titulo-efecto\"><span class=\"letra-cambia\">R<\/span>\r\n<\/h1>\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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. R<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/alejandranietos.com\/en\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alejandranietos.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alejandranietos.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alejandranietos.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alejandranietos.com\/en\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":142,"href":"https:\/\/alejandranietos.com\/en\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":668,"href":"https:\/\/alejandranietos.com\/en\/wp-json\/wp\/v2\/pages\/9\/revisions\/668"}],"wp:attachment":[{"href":"https:\/\/alejandranietos.com\/en\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}