{"id":612,"date":"2025-09-16T16:38:36","date_gmt":"2025-09-16T16:38:36","guid":{"rendered":"https:\/\/gracenflavor-natural.com\/home\/"},"modified":"2025-09-26T22:00:06","modified_gmt":"2025-09-26T22:00:06","slug":"inicio","status":"publish","type":"page","link":"https:\/\/gracenflavor-natural.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"612\" class=\"elementor elementor-612\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7169d5 e-con-full e-flex e-con e-parent\" data-id=\"b7169d5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-602bc52 elementor-widget elementor-widget-html\" data-id=\"602bc52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"carousel-container\">\r\n  <!-- Primer slide -->\r\n  <div class=\"carousel-slide active\">\r\n    <div class=\"text-content\">\r\n      <h1>Energy that <br> transform your day<\/h1>\r\n      <p>Specialized nutrition in doypack format <br> Energy, focus, recovery and beauty <br> within your reach<\/p>\r\n      <!-- Bot\u00f3n visible solo en PC -->\r\n      <a href=\"#\" class=\"buy-button pc-only\">\r\n        <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura_de_pantalla_2025-09-24_092239-removebg-preview-1.png\" alt=\"Comprar\">\r\n      <\/a>\r\n    <\/div>\r\n    <div class=\"image-content\">\r\n      <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Diseno-sin-titulo-4.png\" alt=\"Producto\" class=\"product-image\">\r\n    <\/div>\r\n    <!-- Bot\u00f3n visible solo en m\u00f3vil -->\r\n    <a href=\"#\" class=\"buy-button mobile-only\">\r\n      <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura_de_pantalla_2025-09-24_092239-removebg-preview-1.png\" alt=\"Comprar\">\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <!-- Segundo slide -->\r\n  <div class=\"carousel-slide\">\r\n    <div class=\"text-content\">\r\n      <h1>Energy that <br> transform your day<\/h1>\r\n      <p>Specialized nutrition in doypack format <br> Energy, focus, recovery and beauty <br> within your reach<\/p>\r\n      <!-- Bot\u00f3n visible solo en PC -->\r\n      <a href=\"#\" class=\"buy-button pc-only\">\r\n        <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura_de_pantalla_2025-09-24_092239-removebg-preview-1.png\" alt=\"Comprar\">\r\n      <\/a>\r\n    <\/div>\r\n    <div class=\"image-content second-slide-image\">\r\n      <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Diseno-sin-titulo-6.png\" alt=\"Producto\" class=\"product-image\">\r\n    <\/div>\r\n    <!-- Bot\u00f3n visible solo en m\u00f3vil -->\r\n    <a href=\"#\" class=\"buy-button mobile-only\">\r\n      <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura_de_pantalla_2025-09-24_092239-removebg-preview-1.png\" alt=\"Comprar\">\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <!-- Controles -->\r\n  <div class=\"carousel-controls\">\r\n    <div class=\"carousel-dot active\" data-index=\"0\"><\/div>\r\n    <div class=\"carousel-dot\" data-index=\"1\"><\/div>\r\n    <div class=\"carousel-dot\" data-index=\"0\"><\/div>\r\n    <div class=\"carousel-dot\" data-index=\"1\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.carousel-container * { margin: 0; padding: 0; box-sizing: border-box; }\r\n.carousel-container { position: relative; width: 100%; overflow: hidden; height: 100vh; font-family: Arial, sans-serif; color: white; overflow-x: hidden; }\r\n.carousel-slide { display: flex; align-items: center; justify-content: space-between; padding: 40px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transform: translateX(30px); transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); pointer-events: none; }\r\n.carousel-slide.active { opacity: 1; transform: translateX(0); pointer-events: all; transition-delay: 0.2s; }\r\n.text-content { max-width: 60%; color: white; margin-left: 120px; margin-top: -150px; transform: translateY(20px); transition: transform 0.8s ease-out; transition-delay: 0.4s; }\r\n.carousel-slide.active .text-content { transform: translateY(0); }\r\n.carousel-slide h1 { font-size: 65px; font-weight: bold; margin-bottom: 30px; color: white; line-height: 1.1; opacity: 0; transform: translateY(20px); transition: all 0.8s ease-out; }\r\n.carousel-slide.active h1 { opacity: 1; transform: translateY(0); transition-delay: 0.5s; }\r\n.carousel-slide p { font-size: 22px; line-height: 1.5; margin-bottom: 30px; line-height: 1.1; opacity: 0; transform: translateY(20px); transition: all 0.8s ease-out; }\r\n.carousel-slide.active p { opacity: 1; transform: translateY(0); transition-delay: 0.7s; }\r\n.image-content { max-width: 45%; text-align: right; opacity: 0; transform: translateX(30px) scale(0.95); transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); }\r\n.carousel-slide.active .image-content { opacity: 1; transform: translateX(0) scale(1); transition-delay: 0.6s; }\r\n.product-image { max-width: 100%; height: auto; margin-top: -90px; transition: transform 0.5s ease; }\r\n.product-image:hover { transform: scale(1.03); }\r\n\r\n\/* Estilos espec\u00edficos para la imagen del segundo slide *\/\r\n.second-slide-image .product-image {\r\n  transform: scale(1.15) translateX(30px);\r\n}\r\n.second-slide-image .product-image:hover {\r\n  transform: scale(1.18) translateX(30px);\r\n}\r\n\r\n\/* Botones - versi\u00f3n PC (dentro del texto) *\/\r\n.buy-button.pc-only { \r\n  display: inline-block; \r\n  position: relative; \r\n  top: 30px; \r\n  margin-left: 130px; \r\n  opacity: 0; \r\n  transform: translateY(20px); \r\n  transition: all 0.8s ease-out; \r\n} \r\n\r\n\/* Botones - versi\u00f3n m\u00f3vil (ocultos en PC) *\/\r\n.buy-button.mobile-only { \r\n  display: none; \r\n}\r\n\r\n.carousel-slide.active .buy-button.pc-only { \r\n  opacity: 1; \r\n  transform: translateY(0); \r\n  transition-delay: 0.9s; \r\n} \r\n\r\n.buy-button img { \r\n  width: 180px; \r\n  transition: transform 0.3s ease; \r\n} \r\n\r\n.buy-button img:hover { \r\n  transform: scale(1.08); \r\n} \r\n\r\n\/* Puntos de navegaci\u00f3n *\/\r\n.carousel-controls { \r\n  position: absolute; \r\n  bottom: 40px; \r\n  left: 50%; \r\n  transform: translateX(-50%); \r\n  display: flex; \r\n  gap: 8px; \r\n  z-index: 10; \r\n} \r\n\r\n.carousel-dot { \r\n  width: 14px; \r\n  height: 14px; \r\n  border-radius: 50%; \r\n  background-color: #fff; \r\n  cursor: pointer; \r\n  transition: all 0.3s ease; \r\n} \r\n\r\n.carousel-dot:hover { \r\n  transform: scale(1.2); \r\n} \r\n\r\n.carousel-dot.active { \r\n  background-color: #bd8c40; \r\n  transform: scale(1.3); \r\n} \r\n\r\n.carousel-container::before { \r\n  content: ''; \r\n  position: absolute; \r\n  top: 0; \r\n  left: 0; \r\n  width: 100%; \r\n  height: 100%; \r\n  background: linear-gradient(90deg, rgba(26,26,46,0.7) 0%, rgba(26,26,46,0.4) 50%, rgba(26,26,46,0.7) 100%); \r\n  pointer-events: none; \r\n  z-index: 2; \r\n  opacity: 0; \r\n  transition: opacity 0.5s ease; \r\n} \r\n\r\n.carousel-container.animating::before { \r\n  opacity: 0.6; \r\n} \r\n\r\n@keyframes initialFadeIn { \r\n  from { opacity: 0; transform: translateY(20px); } \r\n  to { opacity: 1; transform: translateY(0); } \r\n} \r\n\r\n.initial-animation { \r\n  animation: initialFadeIn 1s ease-out forwards; \r\n} \r\n\r\n\/* -------- RESPONSIVE -------- *\/\r\n@media (max-width: 1200px) { \r\n  .text-content { margin-left: 80px; } \r\n  .carousel-slide h1 { font-size: 55px; } \r\n  .carousel-slide p { font-size: 20px; } \r\n} \r\n\r\n@media (max-width: 992px) { \r\n  .carousel-slide { \r\n    flex-direction: column; \r\n    justify-content: center; \r\n    text-align: center; \r\n  } \r\n  \r\n  .text-content { \r\n    max-width: 80%; \r\n    margin: 0 auto; \r\n    margin-top: -50px; \r\n  } \r\n  \r\n  .image-content { \r\n    max-width: 60%; \r\n    margin: 0 auto; \r\n    text-align: center; \r\n  } \r\n\r\n  .second-slide-image .product-image { \r\n    transform: scale(1.05) translateX(0); \r\n  }\r\n  \r\n  .second-slide-image .product-image:hover { \r\n    transform: scale(1.08) translateX(0); \r\n  }\r\n} \r\n\r\n\/* ---- SOLO EN CELULAR ---- *\/\r\n@media (max-width: 768px) {\r\n  \/* Ocultar bot\u00f3n de PC y mostrar bot\u00f3n m\u00f3vil *\/\r\n  .buy-button.pc-only { \r\n    display: none !important; \r\n  }\r\n  \r\n  .buy-button.mobile-only { \r\n    display: block !important; \r\n    margin-left: 0; \r\n    top: 0; \r\n    margin-top: 160px; \r\n    opacity: 0; \r\n    transform: translateY(20px); \r\n    transition: all 0.8s ease-out; \r\n    text-align: center;\r\n    width: 100%;\r\n  }\r\n  \r\n  .carousel-slide.active .buy-button.mobile-only { \r\n    opacity: 1; \r\n    transform: translateY(0); \r\n    transition-delay: 0.9s; \r\n  }\r\n\r\n  .text-content p { \r\n    display: none !important; \r\n  }\r\n\r\n  .carousel-slide {\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-align: center;\r\n    padding: 20px;\r\n  }\r\n\r\n  .text-content { \r\n    max-width: 90%; \r\n    margin: 0 auto; \r\n    order: 1; \r\n  }\r\n\r\n  .carousel-slide h1 { \r\n    font-size: 30px; \r\n    line-height: 1.2; \r\n    margin-bottom: 20px; \r\n    text-align: center; \r\n  }\r\n\r\n  .image-content { \r\n    max-width: 85%; \r\n    margin: 0 auto; \r\n    text-align: center; \r\n    order: 2; \r\n  }\r\n\r\n  .product-image { \r\n    margin-top: 10px; \r\n    max-width: 100%; \r\n    height: auto; \r\n  }\r\n\r\n  .buy-button.mobile-only { \r\n    order: 3; \/* siempre debajo de la imagen *\/\r\n  }\r\n\r\n  .buy-button img { \r\n    width: 180px;\r\n    margin-top: -220px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const slides = document.querySelectorAll('.carousel-slide');\r\n  const dots = document.querySelectorAll('.carousel-dot');\r\n  const container = document.querySelector('.carousel-container');\r\n  let currentSlide = 0;\r\n  let isAnimating = false;\r\n\r\n  setTimeout(() => {\r\n    const activeSlide = document.querySelector('.carousel-slide.active');\r\n    if (activeSlide) { activeSlide.classList.add('initial-animation'); }\r\n  }, 100);\r\n\r\n  function showSlide(index) {\r\n    if (isAnimating || index === currentSlide) return;\r\n    isAnimating = true;\r\n    container.classList.add('animating');\r\n\r\n    slides[currentSlide].classList.remove('active');\r\n    slides[currentSlide].classList.remove('initial-animation');\r\n    slides[index].classList.add('active');\r\n\r\n    dots.forEach(dot => dot.classList.remove('active'));\r\n    dots.forEach(dot => {\r\n      const dotIndex = parseInt(dot.getAttribute('data-index'));\r\n      if (dotIndex === index) { dot.classList.add('active'); }\r\n    });\r\n\r\n    currentSlide = index;\r\n    setTimeout(() => { isAnimating = false; container.classList.remove('animating'); }, 1000);\r\n  }\r\n\r\n  dots.forEach(dot => {\r\n    dot.addEventListener('click', function() {\r\n      if (isAnimating) return;\r\n      const slideIndex = parseInt(this.getAttribute('data-index'));\r\n      showSlide(slideIndex);\r\n    });\r\n  });\r\n\r\n  setInterval(() => {\r\n    if (!isAnimating) {\r\n      let nextSlide = (currentSlide + 1) % 2;\r\n      showSlide(nextSlide);\r\n    }\r\n  }, 8000);\r\n})();\r\n<\/script>\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-352a15d e-con-full e-flex e-con e-parent\" data-id=\"352a15d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60c2342 elementor-widget elementor-widget-html\" data-id=\"60c2342\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"productos\" style=\"text-align:center; font-family:Arial,sans-serif; padding:40px;\">\r\n\r\n  <style>\r\n    #productos-carrusel img {\r\n      transition: transform 0.3s ease;\r\n    }\r\n    #productos-carrusel img:hover {\r\n      transform: scale(1.05);\r\n    }\r\n    #productos-carrusel button {\r\n      padding: 12px 24px;\r\n      border: 1px solid #cfa43a;\r\n      background: white;\r\n      color: #cfa43a;\r\n      cursor: pointer;\r\n      border-radius: 5px;\r\n      transition: all 0.3s ease;\r\n    }\r\n    #productos-carrusel button:hover {\r\n      transform: scale(1.1);\r\n      background: #cfa43a;\r\n      color: white;\r\n    }\r\n\r\n    \/* --- Responsive para celular --- *\/\r\n    @media (max-width: 768px) {\r\n      .carrusel-externo {\r\n        width: 100% !important;\r\n      }\r\n      #productos-carrusel {\r\n        gap: 20px !important;\r\n      }\r\n      #productos-carrusel > div {\r\n        width: 95% !important;   \/* m\u00e1s grande en celular *\/\r\n        margin: 0 auto;\r\n        padding: 30px !important; \/* un poco m\u00e1s de espacio *\/\r\n      }\r\n      #productos-carrusel img {\r\n        max-width: 100%;\r\n      }\r\n      .flecha {\r\n        width: 40px !important;\r\n        height: 40px !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <h2 style=\"font-weight:bold; margin-bottom:40px;font-size:48px;color: #545454;\">Products<\/h2> \r\n\r\n  <!-- Contenedor externo -->\r\n  <div class=\"carrusel-externo\" style=\"position:relative; width:1085px; margin:0 auto; overflow:hidden;\"> \r\n\r\n    <!-- Contenedor interno -->\r\n    <div id=\"productos-carrusel\" style=\"display:flex; transition:transform 0.5s ease; gap:60px;\"> \r\n\r\n      <!-- Productos con las nuevas im\u00e1genes -->\r\n      <div style=\"border:1px solid #e0e0e0; padding:25px; width:320px; text-align:center; flex-shrink:0;\"> \r\n        <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-26-111617.png\" alt=\"Producto 1\" style=\"width:100%; height:auto; margin-bottom:20px;\"> \r\n        <button>Add to cart.<\/button> \r\n      <\/div> \r\n      <div style=\"border:1px solid #e0e0e0; padding:25px; width:320px; text-align:center; flex-shrink:0;\"> \r\n        <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-26-111719.png\" alt=\"Producto 2\" style=\"width:100%; height:auto; margin-bottom:20px;\"> \r\n        <button>Add to cart.<\/button> \r\n      <\/div> \r\n      <div style=\"border:1px solid #e0e0e0; padding:25px; width:320px; text-align:center; flex-shrink:0;\"> \r\n        <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-26-111754.png\" alt=\"Producto 3\" style=\"width:100%; height:auto; margin-bottom:20px;\"> \r\n        <button>Add to cart.<\/button> \r\n      <\/div> \r\n      <div style=\"border:1px solid #e0e0e0; padding:25px; width:320px; text-align:center; flex-shrink:0;\"> \r\n        <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-26-111617.png\" alt=\"Producto 4\" style=\"width:100%; height:auto; margin-bottom:20px;\"> \r\n        <button>Add to cart.<\/button> \r\n      <\/div> \r\n      <div style=\"border:1px solid #e0e0e0; padding:25px; width:320px; text-align:center; flex-shrink:0;\"> \r\n        <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-26-111719.png\" alt=\"Producto 5\" style=\"width:100%; height:auto; margin-bottom:20px;\"> \r\n        <button>Add to cart.<\/button> \r\n      <\/div> \r\n      <div style=\"border:1px solid #e0e0e0; padding:25px; width:320px; text-align:center; flex-shrink:0;\"> \r\n        <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-26-111754.png\" alt=\"Producto 6\" style=\"width:100%; height:auto; margin-bottom:20px;\"> \r\n        <button>Add to cart.<\/button> \r\n      <\/div> \r\n\r\n    <\/div> \r\n\r\n    <!-- Flechas -->\r\n    <img decoding=\"async\" class=\"flecha\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-16-165838.png\" alt=\"Flecha izquierda\" onclick=\"moverCarrusel(-1)\" style=\"position:absolute; left:0; top:50%; transform:translateY(-50%); width:40px; height:40px; cursor:pointer;\"> \r\n    <img decoding=\"async\" class=\"flecha\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-16-165853.png\" alt=\"Flecha derecha\" onclick=\"moverCarrusel(1)\" style=\"position:absolute; right:0; top:50%; transform:translateY(-50%); width:40px; height:40px; cursor:pointer;\"> \r\n\r\n  <\/div> \r\n<\/div> \r\n\r\n<script> \r\n  let indice = 0; \r\n  const carrusel = document.getElementById(\"productos-carrusel\"); \r\n  const totalProductos = carrusel.children.length; \r\n  \r\n  \/\/ Variables para el desplazamiento t\u00e1ctil\r\n  let startX = 0;\r\n  let currentX = 0;\r\n  let isDragging = false;\r\n\r\n  function moverCarrusel(direccion) { \r\n    \/\/ Detectar si est\u00e1 en m\u00f3vil\r\n    const esMovil = window.innerWidth <= 768;\r\n    const productosVisibles = esMovil ? 1 : 3;\r\n\r\n    indice += direccion; \r\n\r\n    if (indice < 0) { \r\n      indice = Math.ceil(totalProductos \/ productosVisibles) - 1; \r\n    } else if (indice >= Math.ceil(totalProductos \/ productosVisibles)) { \r\n      indice = 0; \r\n    } \r\n\r\n    const anchoProducto = carrusel.children[0].offsetWidth + (esMovil ? 20 : 60);\r\n    const desplazamiento = -(indice * anchoProducto * productosVisibles);  \r\n    carrusel.style.transform = `translateX(${desplazamiento}px)`; \r\n  } \r\n  \r\n  \/\/ Funcionalidad de desplazamiento t\u00e1ctil\r\n  carrusel.addEventListener('touchstart', (e) => {\r\n    startX = e.touches[0].clientX;\r\n    isDragging = true;\r\n  });\r\n  \r\n  carrusel.addEventListener('touchmove', (e) => {\r\n    if (!isDragging) return;\r\n    currentX = e.touches[0].clientX;\r\n  });\r\n  \r\n  carrusel.addEventListener('touchend', () => {\r\n    if (!isDragging) return;\r\n    isDragging = false;\r\n    \r\n    const diffX = startX - currentX;\r\n    const threshold = 50; \/\/ M\u00ednimo desplazamiento para cambiar de slide\r\n    \r\n    if (Math.abs(diffX) > threshold) {\r\n      if (diffX > 0) {\r\n        moverCarrusel(1); \/\/ Deslizar hacia la izquierda -> siguiente\r\n      } else {\r\n        moverCarrusel(-1); \/\/ Deslizar hacia la derecha -> anterior\r\n      }\r\n    }\r\n  });\r\n<\/script>\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-df60246 e-flex e-con-boxed e-con e-parent\" data-id=\"df60246\" 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-0951d77 elementor-widget elementor-widget-html\" data-id=\"0951d77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ESTILOS RESPONSIVOS PARA M\u00d3VILES (se activan solo en pantallas peque\u00f1as) *\/\r\n@media screen and (max-width: 768px) {\r\n    \/* Contenedor principal - se convierte en columna *\/\r\n    div[style*=\"display:flex; align-items:center; justify-content:center;\"] {\r\n        flex-direction: column !important;\r\n        padding: 20px !important;\r\n        gap: 30px !important;\r\n    }\r\n    \r\n    \/* Contenedor de imagen - ocupa todo el ancho *\/\r\n    div[style*=\"flex:0 0 45%;\"] {\r\n        flex: 0 0 100% !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n    }\r\n    \r\n    \/* Contenedor de texto - ocupa todo el ancho *\/\r\n    div[style*=\"flex:0 0 50%;\"] {\r\n        flex: 0 0 100% !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        text-align: center !important;\r\n    }\r\n    \r\n    \/* Ajuste de m\u00e1rgenes para el t\u00edtulo *\/\r\n    img[src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-16-171611.png\"] {\r\n        margin-bottom: 15px !important;\r\n    }\r\n    \r\n    \/* Mejora de apariencia de p\u00e1rrafos en m\u00f3viles *\/\r\n    p {\r\n        text-align: justify !important;\r\n        margin-bottom: 15px !important;\r\n    }\r\n    \r\n    \/* Centrar el bot\u00f3n en m\u00f3viles *\/\r\n    a[style*=\"display:inline-block; text-decoration:none;\"] {\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        width: 100% !important;\r\n    }\r\n}\r\n\r\n\/* ESTILOS ORIGINALES (se mantienen igual) *\/\r\n.boton-img:hover {\r\n    transform: translateY(-5px);\r\n}\r\n<\/style>\r\n\r\n<!-- TU C\u00d3DIGO ORIGINAL con ID agregado -->\r\n<div id=\"nosotros\" style=\"display:flex; align-items:center; justify-content:center; gap:8px; padding:40px; font-family:Arial,sans-serif; color:#333;\">\r\n\r\n  <!-- Imagen grande izquierda -->\r\n  <div style=\"flex:0 0 45%;\">\r\n    <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-16-170908.png\" alt=\"Imagen izquierda\" style=\"max-width:100%; border-radius:10px;\">\r\n  <\/div>\r\n\r\n  <!-- Texto a la derecha -->\r\n  <div style=\"flex:0 0 50%; max-width:500px;\">\r\n    \r\n    <!-- T\u00edtulo como imagen -->\r\n    <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-24-094119.png\" alt=\"T\u00edtulo Nuestra historia\" style=\"max-width:100%; margin-bottom:20px;\">\r\n    \r\n    <p style=\"line-height:1.6; margin-bottom:20px;\">\r\n      In <strong>Grace & Flavor<\/strong>we believe that wellness doesn't start at the gym or with your beauty routine.\nIt starts with what you choose to consume.\r\n    <\/p>\r\n    <p style=\"line-height:1.6; margin-bottom:20px;\">\r\n      We are a functional beverage brand that fuses real coffee with active ingredients like collagen, protein, and adaptogens to transform your day from within. We create clean, portable, and emotionally connected products designed for those who want to look good, feel good, and perform better.\r\n    <\/p>\r\n\r\n    <!-- Bot\u00f3n con imagen -->\r\n    <a href=\"#\" style=\"display:inline-block; text-decoration:none;\">\r\n      <img decoding=\"async\" class=\"boton-img\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura_de_pantalla_2025-09-24_094549-removebg-preview.png\" alt=\"Bot\u00f3n descubrir\" style=\"width:220px; cursor:pointer; transition:transform 0.3s ease;\">\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\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-b009bd8 e-con-full e-flex e-con e-parent\" data-id=\"b009bd8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbe2701 elementor-widget elementor-widget-html\" data-id=\"cbe2701\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"contenedor-imagenes-pc\">\r\n    <div class=\"imagen-izquierda-pc\">\r\n        <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-24-100631.png\" \r\n             alt=\"Imagen izquierda\">\r\n    <\/div>\r\n    <div class=\"imagen-derecha-pc\">\r\n        <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-24-100932.png\" \r\n             alt=\"Imagen derecha\">\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Ocultar en todos los dispositivos por defecto *\/\r\n.contenedor-imagenes-pc {\r\n    display: none;\r\n}\r\n\r\n\/* Mostrar solo en PC (pantallas grandes) *\/\r\n@media (min-width: 1024px) {\r\n    .contenedor-imagenes-pc {\r\n        display: flex;\r\n        width: 100%;\r\n        margin: 0;\r\n        padding: 0;\r\n        justify-content: center;\r\n        gap: 0;\r\n    }\r\n    \r\n    .imagen-izquierda-pc, .imagen-derecha-pc {\r\n        flex: 1;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    \r\n    .imagen-izquierda-pc img, .imagen-derecha-pc img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    \r\n    .imagen-derecha-pc img {\r\n        width: 99%;\r\n    }\r\n}\r\n<\/style>\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-70db53d e-con-full e-flex e-con e-parent\" data-id=\"70db53d\" 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-4038e03 elementor-widget elementor-widget-html\" data-id=\"4038e03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"text-align:center; font-family:Arial,sans-serif; padding:40px 20px;\">\r\n\r\n  <!-- Imagen del t\u00edtulo -->\r\n  <div style=\"margin-bottom:40px;\">\r\n    <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-24-103415.png\" \r\n         alt=\"Nuestros Valores\" \r\n         style=\"max-width:450px; width:100%; height:auto;\">\r\n  <\/div>\r\n\r\n  <!-- Contenedor de valores -->\r\n  <div style=\"display:flex; justify-content:center; gap:30px; flex-wrap:wrap;\">\r\n\r\n    <!-- Valor 1 -->\r\n    <div style=\"text-align:center; width:200px; flex:0 0 auto;\">\r\n      <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-24-102152.png\" \r\n           alt=\"Naturalidad\" \r\n           style=\"width:200px; height:200px; object-fit:contain; margin-bottom:15px; transition: transform 0.3s ease;\"\r\n           onmouseover=\"this.style.transform='translateY(-10px)'\"\r\n           onmouseout=\"this.style.transform='translateY(0)'\">\r\n    <\/div>\r\n\r\n    <!-- Valor 2 -->\r\n    <div style=\"text-align:center; width:200px; flex:0 0 auto;\">\r\n      <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-24-102245.png\" \r\n           alt=\"Funcionalidad\" \r\n           style=\"width:200px; height:200px; object-fit:contain; margin-bottom:15px; transition: transform 0.3s ease;\"\r\n           onmouseover=\"this.style.transform='translateY(-10px)'\"\r\n           onmouseout=\"this.style.transform='translateY(0)'\">\r\n    <\/div>\r\n\r\n    <!-- Valor 3 -->\r\n    <div style=\"text-align:center; width:200px; flex:0 0 auto;\">\r\n      <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-24-102941.png\" \r\n           alt=\"Integridad\" \r\n           style=\"width:200px; height:200px; object-fit:contain; margin-bottom:15px; transition: transform 0.3s ease;\"\r\n           onmouseover=\"this.style.transform='translateY(-10px)'\"\r\n           onmouseout=\"this.style.transform='translateY(0)'\">\r\n    <\/div>\r\n\r\n    <!-- Valor 4 -->\r\n    <div style=\"text-align:center; width:200px; flex:0 0 auto;\">\r\n      <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-24-103045.png\" \r\n           alt=\"Inspiraci\u00f3n\" \r\n           style=\"width:200px; height:200px; object-fit:contain; margin-bottom:15px; transition: transform 0.3s ease;\"\r\n           onmouseover=\"this.style.transform='translateY(-10px)'\"\r\n           onmouseout=\"this.style.transform='translateY(0)'\">\r\n    <\/div>\r\n\r\n    <!-- Valor 5 -->\r\n    <div style=\"text-align:center; width:200px; flex:0 0 auto;\">\r\n      <img decoding=\"async\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-24-103251.png\" \r\n           alt=\"Respeto\" \r\n           style=\"width:200px; height:200px; object-fit:contain; margin-bottom:15px; transition: transform 0.3s ease;\"\r\n           onmouseover=\"this.style.transform='translateY(-10px)'\"\r\n           onmouseout=\"this.style.transform='translateY(0)'\">\r\n    <\/div>\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-b28b350 e-flex e-con-boxed e-con e-parent\" data-id=\"b28b350\" 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-7d5288d elementor-widget elementor-widget-html\" data-id=\"7d5288d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n.hero-cards {\r\n  max-width: 1400px;\r\n  margin: 30px auto;\r\n  padding: 0 20px;\r\n  text-align: center;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n.hero-cards h2 {\r\n  font-size: 35px;\r\n  font-weight: bold;\r\n  margin-bottom: 40px;\r\n  color: #444;\r\n}\r\n\r\n.cards-row {\r\n  display: flex;\r\n  gap: 20px;\r\n  justify-content: center;\r\n  flex-wrap: nowrap;\r\n}\r\n\r\n.card {\r\n  width: calc(25% - 15px);\r\n  min-width: 240px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  position: relative;\r\n  flex-shrink: 0;\r\n  overflow: visible;\r\n}\r\n\r\n\/* Imagen grande *\/\r\n.card .big-img {\r\n  width: 100%;\r\n  height: 450px;\r\n  object-fit: cover;\r\n  border-radius: 0;\r\n  box-shadow: 0 10px 22px rgba(0,0,0,0.12);\r\n  position: relative;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n\/* Imagen peque\u00f1a *\/\r\n.card .small-img {\r\n  position: absolute;\r\n  width: 80%;\r\n  height: auto;\r\n  border-radius: 8px;\r\n  box-shadow: 0 6px 14px rgba(0,0,0,0.25);\r\n  bottom: -30px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  border: none;\r\n  transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n}\r\n\r\n\/* Hover en la card *\/\r\n.card:hover .big-img {\r\n  transform: translateY(-10px);\r\n}\r\n\r\n.card:hover .small-img {\r\n  transform: translateX(-50%) translateY(-10px) scale(1.05);\r\n  box-shadow: 0 12px 28px rgba(0,0,0,0.35);\r\n}\r\n\r\n\/* MEJORAS PARA RESPONSIVO - M\u00d3VILES *\/\r\n@media (max-width: 1100px) {\r\n  .cards-row {\r\n    flex-wrap: wrap;\r\n    gap: 40px; \/* M\u00e1s espacio entre filas *\/\r\n  }\r\n  .card {\r\n    width: calc(50% - 20px);\r\n    min-width: 200px;\r\n    margin-bottom: 40px; \/* Espacio adicional debajo de cada card *\/\r\n  }\r\n  .card .big-img {\r\n    height: 380px; \/* Reducir altura *\/\r\n  }\r\n  .card .small-img {\r\n    width: 75%; \/* Reducir tama\u00f1o de imagen peque\u00f1a *\/\r\n    bottom: -25px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .hero-cards h2 {\r\n    font-size: 28px; \/* T\u00edtulo m\u00e1s peque\u00f1o *\/\r\n    margin-bottom: 30px;\r\n    padding: 0 10px;\r\n  }\r\n  \r\n  .cards-row {\r\n    gap: 60px; \/* M\u00e1s espacio entre cards *\/\r\n  }\r\n  \r\n  .card {\r\n    width: 100%;\r\n    max-width: 320px;\r\n    margin-bottom: 50px; \/* M\u00e1s espacio entre cards en m\u00f3vil *\/\r\n  }\r\n  \r\n  .card .big-img {\r\n    height: 340px; \/* Altura m\u00e1s apropiada para m\u00f3vil *\/\r\n  }\r\n  \r\n  .card .small-img {\r\n    width: 70%; \/* Imagen peque\u00f1a m\u00e1s proporcional *\/\r\n    max-width: 220px;\r\n    bottom: -20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .hero-cards {\r\n    padding: 0 15px;\r\n    margin: 20px auto;\r\n  }\r\n  \r\n  .hero-cards h2 {\r\n    font-size: 24px;\r\n    margin-bottom: 25px;\r\n  }\r\n  \r\n  .card .big-img {\r\n    height: 300px; \/* Altura a\u00fan menor para m\u00f3viles peque\u00f1os *\/\r\n  }\r\n  \r\n  .card .small-img {\r\n    width: 65%;\r\n    bottom: -15px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hero-cards\" id=\"blog\">\r\n  <h2>Transform your routine, feel the difference<\/h2>\r\n  <div class=\"cards-row\">\r\n    <!-- CARD 1 -->\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" class=\"big-img\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-17-083026.png\" alt=\"grande 1\">\r\n      <img decoding=\"async\" class=\"small-img\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-24-104039.png\" alt=\"mini 1\">\r\n    <\/div>\r\n    <!-- CARD 2 -->\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" class=\"big-img\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-17-083042.png\" alt=\"grande 2\">\r\n      <img decoding=\"async\" class=\"small-img\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-24-104152.png\" alt=\"mini 2\">\r\n    <\/div>\r\n    <!-- CARD 3 -->\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" class=\"big-img\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-17-083105.png\" alt=\"grande 3\">\r\n      <img decoding=\"async\" class=\"small-img\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-24-104407.png\" alt=\"mini 3\">\r\n    <\/div>\r\n    <!-- CARD 4 -->\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" class=\"big-img\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-17-083142.png\" alt=\"grande 4\">\r\n      <img decoding=\"async\" class=\"small-img\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-24-104521.png\" alt=\"mini 4\">\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\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-0c854d1 e-flex e-con-boxed e-con e-parent\" data-id=\"0c854d1\" 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-91a116a elementor-widget elementor-widget-spacer\" data-id=\"91a116a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\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-62b5dea e-con-full e-flex e-con e-parent\" data-id=\"62b5dea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44f34dc elementor-widget elementor-widget-html\" data-id=\"44f34dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"grace-flavor-hero\">\r\n    <!-- Imagen del t\u00edtulo -->\r\n    <img decoding=\"async\" class=\"title\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura_de_pantalla_2025-09-24_105130-removebg-preview-1-1.png\" alt=\"T\u00edtulo Grace & Flavor\">\r\n\r\n    <!-- Bot\u00f3n -->\r\n    <a href=\"#\" class=\"btn-img\">\r\n        <img decoding=\"async\" class=\"button\" src=\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura_de_pantalla_2025-09-24_105626-removebg-preview-1.png\" alt=\"Bot\u00f3n Empieza Ahora\">\r\n    <\/a>\r\n<\/div>\r\n\r\n<style>\r\n.grace-flavor-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 60vh;\r\n    background: url(\"https:\/\/gracenflavor-natural.com\/wp-content\/uploads\/2025\/09\/Captura-de-pantalla-2025-09-17-105420-1-scaled.png\") no-repeat center top \/ cover;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    text-align: center;\r\n    padding-top: 10vh;\r\n}\r\n\r\n.grace-flavor-hero img.title {\r\n    max-width: 60%;\r\n    height: auto;\r\n    display: block;\r\n    transform: translateY(10px);\r\n}\r\n\r\n\/* ESTILOS REFORZADOS para eliminar el fondo azul *\/\r\n.grace-flavor-hero a.btn-img {\r\n    display: inline-block;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    box-shadow: none !important;\r\n    padding: 0;\r\n    text-decoration: none !important;\r\n    outline: none !important;\r\n    background-color: transparent !important;\r\n    -webkit-tap-highlight-color: transparent !important;\r\n    -webkit-touch-callout: none;\r\n    -webkit-user-select: none;\r\n    -khtml-user-select: none;\r\n    -moz-user-select: none;\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    margin-top: 5vh;\r\n}\r\n\r\n\/* Estilos para todos los estados del enlace *\/\r\n.grace-flavor-hero a.btn-img:focus,\r\n.grace-flavor-hero a.btn-img:active,\r\n.grace-flavor-hero a.btn-img:hover,\r\n.grace-flavor-hero a.btn-img:visited {\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n    outline: none !important;\r\n    box-shadow: none !important;\r\n    border: none !important;\r\n}\r\n\r\n\/* Estilos espec\u00edficos para la imagen del bot\u00f3n *\/\r\n.grace-flavor-hero a img.button {\r\n    width: 220px;\r\n    height: auto;\r\n    transition: transform 0.3s ease;\r\n    background: transparent;\r\n    -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n.grace-flavor-hero a img.button:hover {\r\n    transform: scale(1.1);\r\n}\r\n\r\n\/* ================== MEJORAS PARA M\u00d3VILES ================== *\/\r\n@media (max-width: 768px) {\r\n    .grace-flavor-hero {\r\n        min-height: 70vh;\r\n        padding-top: 12vh;\r\n        justify-content: center;\r\n        background-position: center 30%;\r\n        background-size: 250% auto; \/* <<< M\u00e1s grande a\u00fan *\/\r\n    }\r\n\r\n    .grace-flavor-hero img.title {\r\n        max-width: 85% !important;\r\n        transform: translateY(0);\r\n        margin-bottom: 8vh;\r\n    }\r\n\r\n    .grace-flavor-hero a.btn-img {\r\n        margin-top: 0;\r\n    }\r\n\r\n    .grace-flavor-hero a.btn-img:active {\r\n        background-color: transparent !important;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    .grace-flavor-hero a img.button {\r\n        width: 200px;\r\n    }\r\n}\r\n\r\n\/* Ajustes para pantallas muy peque\u00f1as *\/\r\n@media (max-width: 480px) {\r\n    .grace-flavor-hero {\r\n        min-height: 65vh;\r\n        padding-top: 10vh;\r\n        background-size: 240% auto; \/* <<< Muy grande en m\u00f3viles chicos *\/\r\n    }\r\n\r\n    .grace-flavor-hero img.title {\r\n        max-width: 90% !important;\r\n        margin-bottom: 6vh;\r\n    }\r\n\r\n    .grace-flavor-hero a img.button {\r\n        width: 180px;\r\n    }\r\n}\r\n\r\n\/* Para tablets en modo horizontal *\/\r\n@media (max-width: 1024px) and (orientation: landscape) {\r\n    .grace-flavor-hero {\r\n        min-height: 80vh;\r\n        padding-top: 8vh;\r\n        background-size: 260% auto; \/* <<< En tablets horizontales a\u00fan m\u00e1s grande *\/\r\n    }\r\n\r\n    .grace-flavor-hero img.title {\r\n        max-width: 50% !important;\r\n        margin-bottom: 5vh;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Energ\u00eda que transforma tu d\u00eda Nutrici\u00f3n especializada en formato doypack. Energ\u00eda, enfoque, recuperaci\u00f3n y belleza al alcance de tu mano. Energ\u00eda que transforma tu d\u00eda Nutrici\u00f3n especializada en formato doypack. Energ\u00eda, enfoque, recuperaci\u00f3n y belleza al alcance de tu mano. Productos Agregar al carrito Agregar al carrito Agregar al carrito Agregar al carrito Agregar al [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","_joinchat":[],"footnotes":""},"class_list":["post-612","page","type-page","status-publish","hentry"],"blocksy_meta":[],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"woocommerce_archive_thumbnail":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"leidyandrea8808@gmail.com","author_link":"https:\/\/gracenflavor-natural.com\/en\/author\/leidyandrea8808gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Energ\u00eda que transforma tu d\u00eda Nutrici\u00f3n especializada en formato doypack. Energ\u00eda, enfoque, recuperaci\u00f3n y belleza al alcance de tu mano. Energ\u00eda que transforma tu d\u00eda Nutrici\u00f3n especializada en formato doypack. Energ\u00eda, enfoque, recuperaci\u00f3n y belleza al alcance de tu mano. Productos Agregar al carrito Agregar al carrito Agregar al carrito Agregar al carrito Agregar al&hellip;","_links":{"self":[{"href":"https:\/\/gracenflavor-natural.com\/en\/wp-json\/wp\/v2\/pages\/612","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gracenflavor-natural.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gracenflavor-natural.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gracenflavor-natural.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gracenflavor-natural.com\/en\/wp-json\/wp\/v2\/comments?post=612"}],"version-history":[{"count":79,"href":"https:\/\/gracenflavor-natural.com\/en\/wp-json\/wp\/v2\/pages\/612\/revisions"}],"predecessor-version":[{"id":1794,"href":"https:\/\/gracenflavor-natural.com\/en\/wp-json\/wp\/v2\/pages\/612\/revisions\/1794"}],"wp:attachment":[{"href":"https:\/\/gracenflavor-natural.com\/en\/wp-json\/wp\/v2\/media?parent=612"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}