{"id":22815,"date":"2026-03-18T13:47:49","date_gmt":"2026-03-18T18:47:49","guid":{"rendered":"https:\/\/jlvmarketing.com\/?page_id=22815"},"modified":"2026-03-25T09:14:36","modified_gmt":"2026-03-25T14:14:36","slug":"desarrollo-web","status":"publish","type":"page","link":"https:\/\/jlvmarketing.com\/en\/desarrollo-web\/","title":{"rendered":"Web Development"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"22815\" class=\"elementor elementor-22815\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f4beac0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f4beac0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-71ab1cf\" data-id=\"71ab1cf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-625a366 elementor-widget elementor-widget-html\" data-id=\"625a366\" 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<!-- ============================================\r\n     DESARROLLO WEB \u2014 HERO\r\n     Pegar en: Widget HTML de Elementor\r\n     ============================================ -->\r\n\r\n<style>\r\n\/* Fuerza full width en Elementor *\/\r\n.elementor-widget-html,\r\n.elementor-widget-container,\r\n.elementor-column,\r\n.elementor-column-wrap,\r\n.elementor-widget-wrap,\r\n.e-con,\r\n.e-con-inner {\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n.elementor-section,\r\n.elementor-top-section,\r\n.elementor-section-boxed .elementor-container {\r\n  max-width: 100% !important;\r\n  padding: 0 !important;\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* ===== HERO DESARROLLO WEB ===== *\/\r\nhtml {\r\n  scroll-behavior: smooth !important;\r\n}\r\n\r\n.jlv-devhero {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  padding: 110px 40px 90px !important;\r\n  background:\r\n    linear-gradient(165deg, rgba(10,10,10,0.91) 0%, rgba(17,17,17,0.87) 40%, rgba(26,10,10,0.92) 100%),\r\n    url('https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/aa1fb43e-e901-40d7-8b42-5a1f49d80857\/image.png?w=1184&h=864') center center \/ cover no-repeat !important;\r\n  font-family: 'Raleway', sans-serif !important;\r\n  min-height: 480px !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n}\r\n\r\n\/* Grid animado *\/\r\n.jlv-devhero::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: -20px !important;\r\n  z-index: 0 !important;\r\n  background:\r\n    linear-gradient(rgba(230, 57, 70, 0.06) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(230, 57, 70, 0.06) 1px, transparent 1px) !important;\r\n  background-size: 60px 60px !important;\r\n  transform: perspective(800px) rotateX(55deg) translateY(-15%) !important;\r\n  transform-origin: top center !important;\r\n  opacity: 0.5 !important;\r\n  animation: jlvDevGridMove 12s linear infinite !important;\r\n}\r\n\r\n@keyframes jlvDevGridMove {\r\n  0%   { background-position: 0 0, 0 0; }\r\n  100% { background-position: 0 180px, 180px 0; }\r\n}\r\n\r\n\/* Glow *\/\r\n.jlv-devhero::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: -50% !important;\r\n  z-index: 0 !important;\r\n  background:\r\n    radial-gradient(circle at 20% 30%, rgba(230, 57, 70, 0.15), transparent 45%),\r\n    radial-gradient(circle at 80% 60%, rgba(230, 57, 70, 0.08), transparent 50%) !important;\r\n  filter: blur(50px) !important;\r\n  animation: jlvDevGlow 7s ease-in-out infinite alternate !important;\r\n}\r\n\r\n@keyframes jlvDevGlow {\r\n  from { transform: translate3d(-1%, -1%, 0) scale(1); }\r\n  to   { transform: translate3d(1%, 1%, 0) scale(1.05); }\r\n}\r\n\r\n\/* Scanline *\/\r\n.jlv-devhero-scan {\r\n  pointer-events: none !important;\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  z-index: 1 !important;\r\n  background: linear-gradient(180deg, transparent 0%, rgba(230, 57, 70, 0.03) 50%, transparent 100%) !important;\r\n  height: 100% !important;\r\n  width: 100% !important;\r\n  animation: jlvDevScan 5s linear infinite !important;\r\n}\r\n\r\n@keyframes jlvDevScan {\r\n  0%   { transform: translateY(-120%); }\r\n  100% { transform: translateY(120%); }\r\n}\r\n\r\n\/* Franja lateral *\/\r\n.jlv-devhero-stripe {\r\n  position: absolute !important;\r\n  left: 0 !important;\r\n  top: 0 !important;\r\n  width: 4px !important;\r\n  height: 100% !important;\r\n  background: linear-gradient(180deg, transparent, #E63946, #E63946, transparent) !important;\r\n  z-index: 2 !important;\r\n  opacity: 0.8 !important;\r\n}\r\n\r\n\/* Part\u00edculas *\/\r\n.jlv-devhero-particles {\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  z-index: 1 !important;\r\n  overflow: hidden !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n.jlv-devhero-particles span {\r\n  position: absolute !important;\r\n  width: 3px !important;\r\n  height: 3px !important;\r\n  background: rgba(230, 57, 70, 0.6) !important;\r\n  border-radius: 50% !important;\r\n  animation: jlvDevFloat 6s ease-in-out infinite !important;\r\n}\r\n\r\n.jlv-devhero-particles span:nth-child(1) { left: 8%; top: 20%; animation-delay: 0s; animation-duration: 7s; }\r\n.jlv-devhero-particles span:nth-child(2) { left: 22%; top: 65%; animation-delay: 1s; animation-duration: 5s; }\r\n.jlv-devhero-particles span:nth-child(3) { left: 55%; top: 12%; animation-delay: 2s; animation-duration: 8s; }\r\n.jlv-devhero-particles span:nth-child(4) { left: 75%; top: 50%; animation-delay: 0.5s; animation-duration: 6s; }\r\n.jlv-devhero-particles span:nth-child(5) { left: 90%; top: 80%; animation-delay: 3s; animation-duration: 7s; }\r\n.jlv-devhero-particles span:nth-child(6) { left: 40%; top: 85%; animation-delay: 1.5s; animation-duration: 9s; }\r\n\r\n@keyframes jlvDevFloat {\r\n  0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; }\r\n  50%      { transform: translateY(-25px) scale(1.4); opacity: 0.8; }\r\n}\r\n\r\n\/* Contenido *\/\r\n.jlv-devhero-content {\r\n  position: relative !important;\r\n  z-index: 3 !important;\r\n  max-width: 850px !important;\r\n  text-align: center !important;\r\n  margin: 0 auto !important;\r\n}\r\n\r\n\/* Breadcrumb *\/\r\n.jlv-devhero-bread {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 8px !important;\r\n  font-size: 13px !important;\r\n  color: rgba(255, 255, 255, 0.40) !important;\r\n  margin-bottom: 24px !important;\r\n}\r\n\r\n.jlv-devhero-bread a {\r\n  color: rgba(255, 255, 255, 0.40) !important;\r\n  text-decoration: none !important;\r\n  transition: color 0.3s ease !important;\r\n}\r\n\r\n.jlv-devhero-bread a:hover {\r\n  color: #FF4D5A !important;\r\n}\r\n\r\n.jlv-devhero-bread svg {\r\n  width: 14px !important;\r\n  height: 14px !important;\r\n  color: rgba(255, 255, 255, 0.25) !important;\r\n}\r\n\r\n.jlv-devhero-bread .current {\r\n  color: #FF4D5A !important;\r\n  font-weight: 600 !important;\r\n}\r\n\r\n\/* Tag *\/\r\n.jlv-devhero-tag {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 8px !important;\r\n  background: rgba(230, 57, 70, 0.12) !important;\r\n  border: 1px solid rgba(230, 57, 70, 0.25) !important;\r\n  border-radius: 50px !important;\r\n  padding: 8px 20px !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  color: #FF4D5A !important;\r\n  letter-spacing: 2px !important;\r\n  text-transform: uppercase !important;\r\n  margin-bottom: 24px !important;\r\n}\r\n\r\n.jlv-devhero-tag::before {\r\n  content: \"\" !important;\r\n  width: 7px !important;\r\n  height: 7px !important;\r\n  background: #FF4D5A !important;\r\n  border-radius: 50% !important;\r\n  box-shadow: 0 0 10px rgba(230, 57, 70, 0.6) !important;\r\n  animation: jlvDevPulse 2s ease-in-out infinite !important;\r\n}\r\n\r\n@keyframes jlvDevPulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50%      { opacity: 0.4; transform: scale(0.7); }\r\n}\r\n\r\n\/* H1 *\/\r\n.jlv-devhero-title {\r\n  font-size: clamp(30px, 5vw, 52px) !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.15 !important;\r\n  letter-spacing: -0.02em !important;\r\n  margin: 0 0 16px 0 !important;\r\n}\r\n\r\n.jlv-devhero-title .white {\r\n  color: #FFFFFF !important;\r\n  text-shadow:\r\n    0 0 20px rgba(255, 255, 255, 0.50),\r\n    0 0 50px rgba(255, 255, 255, 0.15),\r\n    0 1px 3px rgba(0, 0, 0, 0.5) !important;\r\n}\r\n\r\n.jlv-devhero-title .accent {\r\n  color: #FF4D5A !important;\r\n  text-shadow:\r\n    0 0 25px rgba(230, 57, 70, 0.50),\r\n    0 0 60px rgba(230, 57, 70, 0.20) !important;\r\n}\r\n\r\n\/* L\u00ednea *\/\r\n.jlv-devhero-line {\r\n  width: 70px !important;\r\n  height: 3px !important;\r\n  background: linear-gradient(90deg, #E63946, transparent) !important;\r\n  border-radius: 3px !important;\r\n  margin: 20px auto 24px !important;\r\n  box-shadow: 0 0 12px rgba(230, 57, 70, 0.4) !important;\r\n}\r\n\r\n\/* P\u00e1rrafos *\/\r\n.jlv-devhero-text {\r\n  font-size: 17px !important;\r\n  line-height: 1.75 !important;\r\n  color: rgba(255, 255, 255, 0.88) !important;\r\n  margin: 0 auto 14px !important;\r\n  max-width: 680px !important;\r\n  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;\r\n}\r\n\r\n.jlv-devhero-text strong {\r\n  color: #FFFFFF !important;\r\n  font-weight: 700 !important;\r\n}\r\n\r\n\/* Botones *\/\r\n.jlv-devhero-buttons {\r\n  display: flex !important;\r\n  gap: 16px !important;\r\n  margin-top: 34px !important;\r\n  flex-wrap: wrap !important;\r\n  justify-content: center !important;\r\n}\r\n\r\n.jlv-devhero-btn {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 8px !important;\r\n  padding: 16px 32px !important;\r\n  border-radius: 12px !important;\r\n  font-family: 'Raleway', sans-serif !important;\r\n  font-size: 15px !important;\r\n  font-weight: 700 !important;\r\n  text-decoration: none !important;\r\n  cursor: pointer !important;\r\n  transition: all 0.3s ease !important;\r\n  border: none !important;\r\n  letter-spacing: 0.3px !important;\r\n}\r\n\r\n.jlv-devhero-btn svg {\r\n  width: 18px !important;\r\n  height: 18px !important;\r\n  transition: transform 0.3s ease !important;\r\n}\r\n\r\n.jlv-devhero-btn:hover svg {\r\n  transform: translateX(3px) !important;\r\n}\r\n\r\n.jlv-devhero-btn.primary {\r\n  background: linear-gradient(135deg, #E63946, #C62828) !important;\r\n  color: #FFFFFF !important;\r\n  box-shadow: 0 12px 35px rgba(230, 57, 70, 0.30) !important;\r\n}\r\n\r\n.jlv-devhero-btn.primary:hover {\r\n  transform: translateY(-3px) !important;\r\n  box-shadow: 0 18px 45px rgba(230, 57, 70, 0.40) !important;\r\n  color: #FFFFFF !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.jlv-devhero-btn.secondary {\r\n  background: rgba(255, 255, 255, 0.06) !important;\r\n  color: rgba(255, 255, 255, 0.90) !important;\r\n  border: 1px solid rgba(255, 255, 255, 0.12) !important;\r\n  backdrop-filter: blur(10px) !important;\r\n}\r\n\r\n.jlv-devhero-btn.secondary:hover {\r\n  transform: translateY(-3px) !important;\r\n  background: rgba(255, 255, 255, 0.10) !important;\r\n  border-color: rgba(230, 57, 70, 0.35) !important;\r\n  color: #FFFFFF !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .jlv-devhero {\r\n    padding: 80px 24px 70px !important;\r\n    min-height: auto !important;\r\n  }\r\n  .jlv-devhero-buttons {\r\n    flex-direction: column !important;\r\n  }\r\n  .jlv-devhero-btn {\r\n    justify-content: center !important;\r\n    width: 100% !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- HTML -->\r\n<section class=\"jlv-devhero\">\r\n  <div class=\"jlv-devhero-stripe\"><\/div>\r\n  <div class=\"jlv-devhero-scan\"><\/div>\r\n  <div class=\"jlv-devhero-particles\">\r\n    <span><\/span><span><\/span><span><\/span>\r\n    <span><\/span><span><\/span><span><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"jlv-devhero-content\">\r\n\r\n    <!-- Tag-->\r\n    <div class=\"jlv-devhero-tag\">Web Development<\/div>\r\n\r\n    <!-- T\u00edtulo -->\r\n    <h1 class=\"jlv-devhero-title translation-block\"><span class=\"white\">Design and development of<\/span>\n      <span class=\"accent\">professional websites<\/span>\n      <span class=\"white\">in Colombia<\/span><\/h1>\r\n\r\n    <div class=\"jlv-devhero-line\"><\/div>\r\n\r\n    <!-- P\u00e1rrafos -->\r\n    <p class=\"jlv-devhero-text translation-block\">We build <strong>custom websites<\/strong> that don't just look great \u2014 they're designed to rank on Google, convert visitors into customers and scale your business.<\/p>\r\n    <p class=\"jlv-devhero-text translation-block\">At <strong>JLV Marketing<\/strong> every web project is developed with an SEO strategy from day one, optimized loading speed and a user experience that builds trust.<\/p>\r\n\r\n    <!-- Botones -->\r\n    <div class=\"jlv-devhero-buttons\">\r\n      <a href=\"https:\/\/wa.me\/573173951364?text=Hola,%20me%20interesa%20crear%20una%20p\u00e1gina%20web%20profesional.%20Quisiera%20recibir%20m\u00e1s%20informaci\u00f3n%20y%20una%20cotizaci\u00f3n.\"\r\n         target=\"_blank\"\r\n         class=\"jlv-devhero-btn primary\">\r\n        Request a quote\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n      <a href=\"#tipos-web\" class=\"jlv-devhero-btn secondary\">\r\n        View website types\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\r\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 9l-7 7-7-7\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- FIN HERO DESARROLLO WEB -->\r\n\r\n<!-- ============================================\r\n     SEPARADOR FUTURISTA \u2014 FONDO TRANSPARENTE\r\n     ============================================ -->\r\n<style>\r\n.jlv-sep-pol {\r\n  background: transparent !important;\r\n  padding: 0 40px !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  height: 60px !important;\r\n}\r\n.jlv-sep-pol-line {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 5% !important;\r\n  right: 5% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(230,57,70,0.15),\r\n    rgba(230,57,70,0.35),\r\n    rgba(230,57,70,0.15),\r\n    transparent\r\n  ) !important;\r\n  transform: translateY(-50%) !important;\r\n}\r\n.jlv-sep-pol-diamond {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  width: 10px !important;\r\n  height: 10px !important;\r\n  background: #E63946 !important;\r\n  transform: rotate(45deg) !important;\r\n  box-shadow:\r\n    0 0 10px rgba(230,57,70,0.8),\r\n    0 0 20px rgba(230,57,70,0.4),\r\n    0 0 40px rgba(230,57,70,0.2) !important;\r\n  animation: jlvPolSepPulse 2s infinite !important;\r\n}\r\n.jlv-sep-pol-diamond::before,\r\n.jlv-sep-pol-diamond::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 50% !important;\r\n  transform: translate(-50%, -50%) rotate(0deg) !important;\r\n  border: 1px solid rgba(230,57,70,0.3) !important;\r\n  border-radius: 2px !important;\r\n}\r\n.jlv-sep-pol-diamond::before {\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n}\r\n.jlv-sep-pol-diamond::after {\r\n  width: 30px !important;\r\n  height: 30px !important;\r\n  border-color: rgba(230,57,70,0.15) !important;\r\n}\r\n@keyframes jlvPolSepPulse {\r\n  0%, 100% {\r\n    box-shadow:\r\n      0 0 10px rgba(230,57,70,0.8),\r\n      0 0 20px rgba(230,57,70,0.4),\r\n      0 0 40px rgba(230,57,70,0.2);\r\n  }\r\n  50% {\r\n    box-shadow:\r\n      0 0 15px rgba(230,57,70,1),\r\n      0 0 30px rgba(230,57,70,0.6),\r\n      0 0 60px rgba(230,57,70,0.3);\r\n  }\r\n}\r\n.jlv-sep-pol-scanner {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 0 !important;\r\n  width: 40% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(90deg, transparent, rgba(230,57,70,0.6)) !important;\r\n  transform: translateY(-50%) !important;\r\n  animation: jlvPolSepScanL 3s ease-in-out infinite !important;\r\n}\r\n.jlv-sep-pol-scanner2 {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  right: 0 !important;\r\n  width: 40% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(270deg, transparent, rgba(230,57,70,0.6)) !important;\r\n  transform: translateY(-50%) !important;\r\n  animation: jlvPolSepScanR 3s ease-in-out infinite !important;\r\n}\r\n@keyframes jlvPolSepScanL {\r\n  0%   { width: 0%; opacity: 0; }\r\n  50%  { width: 42%; opacity: 1; }\r\n  100% { width: 0%; opacity: 0; }\r\n}\r\n@keyframes jlvPolSepScanR {\r\n  0%   { width: 0%; opacity: 0; }\r\n  50%  { width: 42%; opacity: 1; }\r\n  100% { width: 0%; opacity: 0; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jlv-sep-pol\" aria-hidden=\"true\">\r\n  <div class=\"jlv-sep-pol-line\"><\/div>\r\n  <div class=\"jlv-sep-pol-scanner\"><\/div>\r\n  <div class=\"jlv-sep-pol-scanner2\"><\/div>\r\n  <div class=\"jlv-sep-pol-diamond\"><\/div>\r\n<\/div>\r\n<!-- FIN SEPARADOR TRANSPARENTE -->\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-695d203 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"695d203\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fc179af\" data-id=\"fc179af\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d375c17 elementor-widget elementor-widget-html\" data-id=\"d375c17\" 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<!-- ============================================\r\n     DESARROLLO WEB \u2014 BENEFICIOS (CON IM\u00c1GENES)\r\n     ============================================ -->\r\n<style>\r\n\/* ===== SECCI\u00d3N BENEFICIOS ===== *\/\r\n.jlv-devben {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  padding: 100px 40px !important;\r\n  background: #0A0A0A !important;\r\n  font-family: 'Raleway', sans-serif !important;\r\n  width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n}\r\n.jlv-devben::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  z-index: 0 !important;\r\n  background:\r\n    linear-gradient(rgba(230, 57, 70, 0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(230, 57, 70, 0.03) 1px, transparent 1px) !important;\r\n  background-size: 70px 70px !important;\r\n  opacity: 0.3 !important;\r\n}\r\n.jlv-devben::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  width: 600px !important;\r\n  height: 600px !important;\r\n  top: 50% !important;\r\n  left: 50% !important;\r\n  transform: translate(-50%, -50%) !important;\r\n  background: radial-gradient(circle, rgba(230, 57, 70, 0.06), transparent 60%) !important;\r\n  filter: blur(70px) !important;\r\n  z-index: 0 !important;\r\n  pointer-events: none !important;\r\n}\r\n.jlv-devben-inner {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  max-width: 1100px !important;\r\n  margin: 0 auto !important;\r\n  text-align: center !important;\r\n}\r\n\r\n\/* Tag *\/\r\n.jlv-devben-tag {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 8px !important;\r\n  background: rgba(230, 57, 70, 0.12) !important;\r\n  border: 1px solid rgba(230, 57, 70, 0.25) !important;\r\n  border-radius: 50px !important;\r\n  padding: 7px 18px !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  color: #FF4D5A !important;\r\n  letter-spacing: 2px !important;\r\n  text-transform: uppercase !important;\r\n  margin-bottom: 18px !important;\r\n}\r\n.jlv-devben-tag::before {\r\n  content: \"\" !important;\r\n  width: 6px !important;\r\n  height: 6px !important;\r\n  background: #FF4D5A !important;\r\n  border-radius: 50% !important;\r\n  box-shadow: 0 0 8px rgba(230, 57, 70, 0.6) !important;\r\n  animation: jlvDevBenPulse 2s ease-in-out infinite !important;\r\n}\r\n@keyframes jlvDevBenPulse {\r\n  0%, 100% { opacity: 1; }\r\n  50%      { opacity: 0.4; }\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n.jlv-devben-title {\r\n  font-size: clamp(26px, 4vw, 42px) !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.2 !important;\r\n  letter-spacing: -0.02em !important;\r\n  margin: 0 0 14px 0 !important;\r\n}\r\n.jlv-devben-title .white {\r\n  color: #FFFFFF !important;\r\n  text-shadow:\r\n    0 0 20px rgba(255,255,255,0.50),\r\n    0 0 50px rgba(255,255,255,0.15),\r\n    0 1px 3px rgba(0,0,0,0.5) !important;\r\n}\r\n.jlv-devben-title .accent {\r\n  color: #FF4D5A !important;\r\n  text-shadow:\r\n    0 0 25px rgba(230,57,70,0.50),\r\n    0 0 60px rgba(230,57,70,0.20) !important;\r\n}\r\n\r\n\/* L\u00ednea *\/\r\n.jlv-devben-line {\r\n  width: 60px !important;\r\n  height: 3px !important;\r\n  background: linear-gradient(90deg, #E63946, #FF6B77) !important;\r\n  border-radius: 3px !important;\r\n  margin: 0 auto 20px !important;\r\n  box-shadow: 0 0 12px rgba(230,57,70,0.3) !important;\r\n}\r\n\r\n\/* Subt\u00edtulo *\/\r\n.jlv-devben-sub {\r\n  font-size: 16px !important;\r\n  color: rgba(255,255,255,0.60) !important;\r\n  max-width: 600px !important;\r\n  margin: 0 auto 55px !important;\r\n  line-height: 1.7 !important;\r\n}\r\n\r\n\/* Grid *\/\r\n.jlv-devben-grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(3, 1fr) !important;\r\n  gap: 22px !important;\r\n}\r\n\r\n\/* Card *\/\r\n.jlv-devben-card {\r\n  position: relative !important;\r\n  background: rgba(255,255,255,0.03) !important;\r\n  border: 1px solid rgba(255,255,255,0.06) !important;\r\n  border-radius: 20px !important;\r\n  overflow: hidden !important;\r\n  text-align: center !important;\r\n  transition: all 0.4s ease !important;\r\n}\r\n.jlv-devben-card::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 50% !important;\r\n  transform: translateX(-50%) !important;\r\n  width: 50% !important;\r\n  height: 2px !important;\r\n  background: linear-gradient(90deg, transparent, #E63946, transparent) !important;\r\n  opacity: 0 !important;\r\n  transition: opacity 0.4s ease !important;\r\n  z-index: 3 !important;\r\n}\r\n.jlv-devben-card:hover {\r\n  border-color: rgba(230,57,70,0.30) !important;\r\n  transform: translateY(-6px) !important;\r\n  box-shadow:\r\n    0 20px 50px rgba(0,0,0,0.5),\r\n    0 0 30px rgba(230,57,70,0.10) !important;\r\n}\r\n.jlv-devben-card:hover::before {\r\n  opacity: 1 !important;\r\n}\r\n\r\n\/* \u2500\u2500 IMAGEN DE CARD \u2500\u2500 *\/\r\n.jlv-devben-img-wrap {\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  height: 180px !important;\r\n  overflow: hidden !important;\r\n}\r\n.jlv-devben-img-wrap img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  display: block !important;\r\n  transition: transform 0.5s ease !important;\r\n  filter: brightness(0.55) saturate(0.8) !important;\r\n}\r\n.jlv-devben-card:hover .jlv-devben-img-wrap img {\r\n  transform: scale(1.07) !important;\r\n  filter: brightness(0.65) saturate(1) !important;\r\n}\r\n\r\n\/* Overlay gradiente sobre imagen *\/\r\n.jlv-devben-img-wrap::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(10,10,10,0.10) 0%,\r\n    rgba(10,10,10,0.55) 70%,\r\n    rgba(10,10,10,0.92) 100%\r\n  ) !important;\r\n  z-index: 1 !important;\r\n}\r\n\r\n\/* \u00cdcono flotante sobre imagen *\/\r\n.jlv-devben-img-icon {\r\n  position: absolute !important;\r\n  bottom: -22px !important;\r\n  left: 50% !important;\r\n  transform: translateX(-50%) !important;\r\n  z-index: 2 !important;\r\n  width: 52px !important;\r\n  height: 52px !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  border-radius: 14px !important;\r\n  background: rgba(10,10,10,0.90) !important;\r\n  border: 1px solid rgba(230,57,70,0.35) !important;\r\n  box-shadow:\r\n    0 0 20px rgba(230,57,70,0.20),\r\n    0 4px 15px rgba(0,0,0,0.5) !important;\r\n  backdrop-filter: blur(8px) !important;\r\n  transition: all 0.4s ease !important;\r\n}\r\n.jlv-devben-img-icon svg {\r\n  width: 24px !important;\r\n  height: 24px !important;\r\n  color: #E63946 !important;\r\n}\r\n.jlv-devben-card:hover .jlv-devben-img-icon {\r\n  background: rgba(230,57,70,0.18) !important;\r\n  border-color: rgba(230,57,70,0.55) !important;\r\n  box-shadow:\r\n    0 0 25px rgba(230,57,70,0.30),\r\n    0 4px 20px rgba(0,0,0,0.5) !important;\r\n  transform: translateX(-50%) scale(1.08) !important;\r\n}\r\n\r\n\/* Contenido texto de card *\/\r\n.jlv-devben-card-body {\r\n  padding: 38px 24px 30px !important;\r\n}\r\n\r\n\/* T\u00edtulo card *\/\r\n.jlv-devben-card-title {\r\n  font-size: 17px !important;\r\n  font-weight: 800 !important;\r\n  color: #FFFFFF !important;\r\n  margin: 0 0 11px 0 !important;\r\n  line-height: 1.3 !important;\r\n  text-shadow:\r\n    0 0 15px rgba(255,255,255,0.40),\r\n    0 0 40px rgba(255,255,255,0.10) !important;\r\n}\r\n\r\n\/* Descripci\u00f3n card *\/\r\n.jlv-devben-card-desc {\r\n  font-size: 13.5px !important;\r\n  color: rgba(255,255,255,0.55) !important;\r\n  line-height: 1.7 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  .jlv-devben-grid {\r\n    grid-template-columns: repeat(2, 1fr) !important;\r\n  }\r\n}\r\n@media (max-width: 600px) {\r\n  .jlv-devben {\r\n    padding: 70px 20px !important;\r\n  }\r\n  .jlv-devben-grid {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 16px !important;\r\n  }\r\n  .jlv-devben-img-wrap {\r\n    height: 160px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- HTML -->\r\n<section class=\"jlv-devben\">\r\n  <div class=\"jlv-devben-inner\">\r\n\r\n    <div class=\"jlv-devben-tag\">Benefits<\/div>\r\n\r\n    <h2 class=\"jlv-devben-title translation-block\"><span class=\"white\">Why does your business need a<\/span>\n      <span class=\"accent\">professional websites<\/span>\n      <span class=\"white\">?<\/span><\/h2>\r\n\r\n    <div class=\"jlv-devben-line\"><\/div>\r\n\r\n    <p class=\"jlv-devben-sub\">\r\n      A website is not an expense \u2014 it's the most profitable investment for your business in today's digital landscape.\r\n    <\/p>\r\n\r\n    <div class=\"jlv-devben-grid\">\r\n\r\n      <!-- Card 1 \u2014 Visibilidad 24\/7 -->\r\n      <div class=\"jlv-devben-card\">\r\n        <div class=\"jlv-devben-img-wrap\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/4a3af0c0-721f-41ce-b759-ad9af1ef761a\/image.png?w=1024&h=1024\"\r\n            alt=\"Visibilidad 24\/7 para tu negocio en internet\"\r\n            loading=\"lazy\"\r\n          \/>\r\n          \r\n        <\/div>\r\n        <div class=\"jlv-devben-card-body\">\r\n          <h3 class=\"jlv-devben-card-title\">24\/7 Visibility<\/h3>\r\n          <p class=\"jlv-devben-card-desc\">Your business available 24 hours a day, 365 days a year. Your customers find you when they need you, with no schedule limitations.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n           <!-- Card 2 \u2014 Credibilidad profesional -->\r\n      <div class=\"jlv-devben-card\">\r\n        <div class=\"jlv-devben-img-wrap\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/e07b3d0a-6f76-4fa5-9779-1fd95171ab5d\/image.png?w=1024&h=1024\"\r\n            alt=\"Credibilidad profesional con dise\u00f1o web de alto nivel\"\r\n            loading=\"lazy\"\r\n          \/>\r\n          \r\n        <\/div>\r\n        <div class=\"jlv-devben-card-body\">\r\n          <h3 class=\"jlv-devben-card-title\">Professional Credibility<\/h3>\r\n          <p class=\"jlv-devben-card-desc\">75% of users judge a company's credibility by its website design. A professional website builds instant trust.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3 \u2014 Posicionamiento en Google -->\r\n      <div class=\"jlv-devben-card\">\r\n        <div class=\"jlv-devben-img-wrap\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/bad14baf-62c5-4a8c-914c-e1b5951ea67a\/image.png?w=1024&h=1024\"\r\n            alt=\"Posicionamiento SEO en Google para tu p\u00e1gina web\"\r\n            loading=\"lazy\"\r\n          \/>\r\n          \r\n        <\/div>\r\n        <div class=\"jlv-devben-card-body\">\r\n          <h3 class=\"jlv-devben-card-title\">Google Ranking<\/h3>\r\n          <p class=\"jlv-devben-card-desc\">A website optimized for SEO positions you at the top of search results, driving organic traffic and potential customers without paying for ads.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 4 \u2014 Generaci\u00f3n de leads -->\r\n      <div class=\"jlv-devben-card\">\r\n        <div class=\"jlv-devben-img-wrap\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/a7eccea9-9cd4-458c-a69c-c33e37e34c9d\/image.png?w=1024&h=1024\"\r\n            alt=\"Generaci\u00f3n de leads y conversi\u00f3n de clientes\"\r\n            loading=\"lazy\"\r\n          \/>\r\n          \r\n        <\/div>\r\n        <div class=\"jlv-devben-card-body\">\r\n          <h3 class=\"jlv-devben-card-title\">Lead Generation<\/h3>\r\n          <p class=\"jlv-devben-card-desc\">Turn visitors into customers with strategic forms, effective calls to action and conversion funnels built into your website.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 5 \u2014 100% Responsive -->\r\n      <div class=\"jlv-devben-card\">\r\n        <div class=\"jlv-devben-img-wrap\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/8990cbbe-169b-4b5a-9fb4-5b080128d7af\/image.png?w=1024&h=1024\"\r\n            alt=\"Dise\u00f1o web 100% responsive para m\u00f3viles y tablets\"\r\n            loading=\"lazy\"\r\n          \/>\r\n          \r\n        <\/div>\r\n        <div class=\"jlv-devben-card-body\">\r\n          <h3 class=\"jlv-devben-card-title\">100% Responsive<\/h3>\r\n          <p class=\"jlv-devben-card-desc\">Over 60% of web traffic comes from mobile devices. Your website will look perfect on smartphones, tablets and desktop computers.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 6 \u2014 Velocidad optimizada -->\r\n      <div class=\"jlv-devben-card\">\r\n        <div class=\"jlv-devben-img-wrap\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/a4b68e4e-3e88-457a-a158-67aa91ce1386\/image.png?w=1024&h=1024\"\r\n            alt=\"Velocidad de carga optimizada para tu p\u00e1gina web\"\r\n            loading=\"lazy\"\r\n          \/>\r\n         \r\n        <\/div>\r\n        <div class=\"jlv-devben-card-body\">\r\n          <h3 class=\"jlv-devben-card-title\">Optimized Speed<\/h3>\r\n          <p class=\"jlv-devben-card-desc\">Fast-loading pages in under 3 seconds. Every second of delay reduces conversions by 7%. Speed = sales.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <!-- FIN GRID -->\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- FIN SECCI\u00d3N BENEFICIOS -->\r\n\r\n<!-- ============================================\r\n     SEPARADOR FUTURISTA \u2014 FONDO TRANSPARENTE\r\n     ============================================ -->\r\n<style>\r\n.jlv-sep-pol {\r\n  background: transparent !important;\r\n  padding: 0 40px !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  height: 60px !important;\r\n}\r\n.jlv-sep-pol-line {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 5% !important;\r\n  right: 5% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(90deg, transparent, rgba(230,57,70,0.15), rgba(230,57,70,0.35), rgba(230,57,70,0.15), transparent) !important;\r\n  transform: translateY(-50%) !important;\r\n}\r\n.jlv-sep-pol-diamond {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  width: 10px !important;\r\n  height: 10px !important;\r\n  background: #E63946 !important;\r\n  transform: rotate(45deg) !important;\r\n  box-shadow: 0 0 10px rgba(230,57,70,0.8), 0 0 20px rgba(230,57,70,0.4), 0 0 40px rgba(230,57,70,0.2) !important;\r\n  animation: jlvPolSepPulse 2s infinite !important;\r\n}\r\n.jlv-sep-pol-diamond::before,\r\n.jlv-sep-pol-diamond::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 50% !important;\r\n  transform: translate(-50%, -50%) rotate(0deg) !important;\r\n  border: 1px solid rgba(230,57,70,0.3) !important;\r\n  border-radius: 2px !important;\r\n}\r\n.jlv-sep-pol-diamond::before { width: 20px !important; height: 20px !important; }\r\n.jlv-sep-pol-diamond::after { width: 30px !important; height: 30px !important; border-color: rgba(230,57,70,0.15) !important; }\r\n@keyframes jlvPolSepPulse {\r\n  0%, 100% { box-shadow: 0 0 10px rgba(230,57,70,0.8), 0 0 20px rgba(230,57,70,0.4), 0 0 40px rgba(230,57,70,0.2); }\r\n  50% { box-shadow: 0 0 15px rgba(230,57,70,1), 0 0 30px rgba(230,57,70,0.6), 0 0 60px rgba(230,57,70,0.3); }\r\n}\r\n.jlv-sep-pol-scanner {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 0 !important;\r\n  width: 40% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(90deg, transparent, rgba(230,57,70,0.6)) !important;\r\n  transform: translateY(-50%) !important;\r\n  animation: jlvPolSepScanL 3s ease-in-out infinite !important;\r\n}\r\n.jlv-sep-pol-scanner2 {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  right: 0 !important;\r\n  width: 40% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(270deg, transparent, rgba(230,57,70,0.6)) !important;\r\n  transform: translateY(-50%) !important;\r\n  animation: jlvPolSepScanR 3s ease-in-out infinite !important;\r\n}\r\n@keyframes jlvPolSepScanL {\r\n  0% { width: 0%; opacity: 0; }\r\n  50% { width: 42%; opacity: 1; }\r\n  100% { width: 0%; opacity: 0; }\r\n}\r\n@keyframes jlvPolSepScanR {\r\n  0% { width: 0%; opacity: 0; }\r\n  50% { width: 42%; opacity: 1; }\r\n  100% { width: 0%; opacity: 0; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jlv-sep-pol\" aria-hidden=\"true\">\r\n  <div class=\"jlv-sep-pol-line\"><\/div>\r\n  <div class=\"jlv-sep-pol-scanner\"><\/div>\r\n  <div class=\"jlv-sep-pol-scanner2\"><\/div>\r\n  <div class=\"jlv-sep-pol-diamond\"><\/div>\r\n<\/div>\r\n<!-- FIN SEPARADOR TRANSPARENTE -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e613c8d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e613c8d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-31834ab\" data-id=\"31834ab\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-45ff6ff elementor-widget elementor-widget-html\" data-id=\"45ff6ff\" 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<!-- ============================================\r\n     DESARROLLO WEB \u2014 PROCESO (SIN N\u00daMEROS)\r\n     ============================================ -->\r\n<style>\r\n.jlv-devproc {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  padding: 100px 40px !important;\r\n  background: #0D0D0D !important;\r\n  font-family: 'Raleway', sans-serif !important;\r\n  width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n}\r\n.jlv-devproc::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  z-index: 0 !important;\r\n  background:\r\n    linear-gradient(rgba(230, 57, 70, 0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(230, 57, 70, 0.03) 1px, transparent 1px) !important;\r\n  background-size: 70px 70px !important;\r\n  opacity: 0.3 !important;\r\n}\r\n.jlv-devproc::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  width: 500px !important;\r\n  height: 500px !important;\r\n  top: 40% !important;\r\n  right: -100px !important;\r\n  background: radial-gradient(circle, rgba(230, 57, 70, 0.07), transparent 60%) !important;\r\n  filter: blur(70px) !important;\r\n  z-index: 0 !important;\r\n  pointer-events: none !important;\r\n}\r\n.jlv-devproc-inner {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  max-width: 1100px !important;\r\n  margin: 0 auto !important;\r\n  text-align: center !important;\r\n}\r\n\r\n\/* Tag *\/\r\n.jlv-devproc-tag {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 8px !important;\r\n  background: rgba(230, 57, 70, 0.12) !important;\r\n  border: 1px solid rgba(230, 57, 70, 0.25) !important;\r\n  border-radius: 50px !important;\r\n  padding: 7px 18px !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  color: #FF4D5A !important;\r\n  letter-spacing: 2px !important;\r\n  text-transform: uppercase !important;\r\n  margin-bottom: 18px !important;\r\n}\r\n.jlv-devproc-tag::before {\r\n  content: \"\" !important;\r\n  width: 6px !important;\r\n  height: 6px !important;\r\n  background: #FF4D5A !important;\r\n  border-radius: 50% !important;\r\n  box-shadow: 0 0 8px rgba(230, 57, 70, 0.6) !important;\r\n  animation: jlvDevProcPulse 2s ease-in-out infinite !important;\r\n}\r\n@keyframes jlvDevProcPulse {\r\n  0%, 100% { opacity: 1; }\r\n  50%      { opacity: 0.4; }\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n.jlv-devproc-title {\r\n  font-size: clamp(26px, 4vw, 42px) !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.2 !important;\r\n  letter-spacing: -0.02em !important;\r\n  margin: 0 0 14px 0 !important;\r\n}\r\n.jlv-devproc-title .white {\r\n  color: #FFFFFF !important;\r\n  text-shadow: 0 0 20px rgba(255,255,255,0.50), 0 0 50px rgba(255,255,255,0.15), 0 1px 3px rgba(0,0,0,0.5) !important;\r\n}\r\n.jlv-devproc-title .accent {\r\n  color: #FF4D5A !important;\r\n  text-shadow: 0 0 25px rgba(230,57,70,0.50), 0 0 60px rgba(230,57,70,0.20) !important;\r\n}\r\n.jlv-devproc-line {\r\n  width: 60px !important;\r\n  height: 3px !important;\r\n  background: linear-gradient(90deg, #E63946, #FF6B77) !important;\r\n  border-radius: 3px !important;\r\n  margin: 0 auto 20px !important;\r\n  box-shadow: 0 0 12px rgba(230,57,70,0.3) !important;\r\n}\r\n.jlv-devproc-sub {\r\n  font-size: 16px !important;\r\n  color: rgba(255,255,255,0.60) !important;\r\n  max-width: 600px !important;\r\n  margin: 0 auto 55px !important;\r\n  line-height: 1.7 !important;\r\n}\r\n\r\n\/* Grid *\/\r\n.jlv-devproc-grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(4, 1fr) !important;\r\n  gap: 22px !important;\r\n  position: relative !important;\r\n}\r\n\r\n\/* Card *\/\r\n.jlv-devproc-step {\r\n  position: relative !important;\r\n  z-index: 1 !important;\r\n  background: rgba(255,255,255,0.03) !important;\r\n  border: 1px solid rgba(255,255,255,0.07) !important;\r\n  border-radius: 20px !important;\r\n  overflow: hidden !important;\r\n  text-align: center !important;\r\n  transition: all 0.4s ease !important;\r\n}\r\n.jlv-devproc-step::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 50% !important;\r\n  transform: translateX(-50%) !important;\r\n  width: 50% !important;\r\n  height: 2px !important;\r\n  background: linear-gradient(90deg, transparent, #E63946, transparent) !important;\r\n  opacity: 0 !important;\r\n  transition: opacity 0.4s ease !important;\r\n  z-index: 10 !important;\r\n}\r\n.jlv-devproc-step:hover {\r\n  border-color: rgba(230,57,70,0.28) !important;\r\n  background: rgba(230,57,70,0.04) !important;\r\n  transform: translateY(-6px) !important;\r\n  box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 25px rgba(230,57,70,0.08) !important;\r\n}\r\n.jlv-devproc-step:hover::before {\r\n  opacity: 1 !important;\r\n}\r\n\r\n\/* Imagen *\/\r\n.jlv-devproc-img-wrap {\r\n  position: relative !important;\r\n  width: 100% !important;\r\n  height: 170px !important;\r\n  overflow: hidden !important;\r\n}\r\n.jlv-devproc-img-wrap img {\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  object-fit: cover !important;\r\n  object-position: center !important;\r\n  display: block !important;\r\n  transition: transform 0.5s ease !important;\r\n  filter: brightness(0.50) saturate(0.75) !important;\r\n}\r\n.jlv-devproc-step:hover .jlv-devproc-img-wrap img {\r\n  transform: scale(1.07) !important;\r\n  filter: brightness(0.65) saturate(1) !important;\r\n}\r\n.jlv-devproc-img-wrap::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(13,13,13,0.0) 0%,\r\n    rgba(13,13,13,0.40) 60%,\r\n    rgba(13,13,13,0.95) 100%\r\n  ) !important;\r\n  z-index: 1 !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n\/* Cuerpo *\/\r\n.jlv-devproc-step-body {\r\n  padding: 24px 20px 30px !important;\r\n}\r\n\r\n\/* \u00cdcono *\/\r\n.jlv-devproc-stepicon {\r\n  width: 36px !important;\r\n  height: 36px !important;\r\n  margin: 0 auto 14px !important;\r\n  color: rgba(255,255,255,0.28) !important;\r\n  transition: color 0.4s ease !important;\r\n}\r\n.jlv-devproc-step:hover .jlv-devproc-stepicon {\r\n  color: #FF4D5A !important;\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n.jlv-devproc-steptitle {\r\n  font-size: 16px !important;\r\n  font-weight: 700 !important;\r\n  color: #FFFFFF !important;\r\n  margin: 0 0 10px 0 !important;\r\n  letter-spacing: -0.01em !important;\r\n  text-shadow: 0 0 15px rgba(255,255,255,0.25) !important;\r\n}\r\n\r\n\/* Descripci\u00f3n *\/\r\n.jlv-devproc-stepdesc {\r\n  font-size: 13px !important;\r\n  color: rgba(255,255,255,0.50) !important;\r\n  line-height: 1.65 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  .jlv-devproc-grid {\r\n    grid-template-columns: repeat(2, 1fr) !important;\r\n  }\r\n}\r\n@media (max-width: 550px) {\r\n  .jlv-devproc {\r\n    padding: 70px 20px !important;\r\n  }\r\n  .jlv-devproc-grid {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 18px !important;\r\n  }\r\n  .jlv-devproc-img-wrap {\r\n    height: 140px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"jlv-devproc\">\r\n  <div class=\"jlv-devproc-inner\">\r\n\r\n    <div class=\"jlv-devproc-tag\">Methodology<\/div>\r\n\r\n    <h2 class=\"jlv-devproc-title translation-block\"><span class=\"white\">Our development <\/span>\n      <span class=\"accent\">process<\/span><\/h2>\r\n\r\n    <div class=\"jlv-devproc-line\"><\/div>\r\n\r\n    <p class=\"jlv-devproc-sub\">A structured approach that guarantees measurable results on every project. From strategy to launch, with no improvisation.<\/p>\r\n\r\n    <div class=\"jlv-devproc-grid\">\r\n\r\n      <!-- Paso 1 \u2014 Diagn\u00f3stico -->\r\n      <div class=\"jlv-devproc-step\">\r\n        <div class=\"jlv-devproc-img-wrap\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/6b7f4665-8bc0-4f7c-9ce5-18fea8182ca8\/image.png?w=1024&h=1024\"\r\n            alt=\"Diagn\u00f3stico y an\u00e1lisis estrat\u00e9gico digital\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n        <div class=\"jlv-devproc-step-body\">\r\n          <svg class=\"jlv-devproc-stepicon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z\"\/><\/svg>\r\n          <h3 class=\"jlv-devproc-steptitle\">Diagnosis<\/h3>\r\n          <p class=\"jlv-devproc-stepdesc\">We analyze your business, competition, target audience and current digital presence to define a clear roadmap.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Paso 2 \u2014 Dise\u00f1o UX\/UI -->\r\n      <div class=\"jlv-devproc-step\">\r\n        <div class=\"jlv-devproc-img-wrap\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/57a5a02a-ef61-4e5a-ace1-b821b927ae39\/image.png?w=1024&h=1024\"\r\n            alt=\"Dise\u00f1o UX UI wireframes y prototipos web\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n        <div class=\"jlv-devproc-step-body\">\r\n          <svg class=\"jlv-devproc-stepicon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42\"\/><\/svg>\r\n          <h3 class=\"jlv-devproc-steptitle\">UX\/UI Design<\/h3>\r\n          <p class=\"jlv-devproc-stepdesc\">We create wireframes and prototypes focused on user experience, with visual design aligned to your brand.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Paso 3 \u2014 Desarrollo -->\r\n      <div class=\"jlv-devproc-step\">\r\n        <div class=\"jlv-devproc-img-wrap\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/389ed4dd-e494-4f87-bd90-f7302e5b65cc\/image.png?w=1024&h=1024\"\r\n            alt=\"Desarrollo web con c\u00f3digo limpio y optimizado\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n        <div class=\"jlv-devproc-step-body\">\r\n          <svg class=\"jlv-devproc-stepicon\"          xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5\"\/><\/svg>\r\n          <h3 class=\"jlv-devproc-steptitle\">Development<\/h3>\r\n          <p class=\"jlv-devproc-stepdesc\">We build your website with clean code, optimized for speed, SEO and compatibility across all devices.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Paso 4 \u2014 Lanzamiento y optimizaci\u00f3n -->\r\n      <div class=\"jlv-devproc-step\">\r\n        <div class=\"jlv-devproc-img-wrap\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/96fbcede-cfa0-4322-aded-23ac4388dff9\/image.png?w=1024&h=1024\"\r\n            alt=\"Lanzamiento y optimizaci\u00f3n continua de p\u00e1gina web\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n        <div class=\"jlv-devproc-step-body\">\r\n          <svg class=\"jlv-devproc-stepicon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.58-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z\"\/><\/svg>\r\n          <h3 class=\"jlv-devproc-steptitle\">Launch &amp; Optimization<\/h3>\r\n          <p class=\"jlv-devproc-stepdesc\">We publish your website, set up analytics and perform continuous optimization to maximize conversions and performance.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <!-- FIN GRID -->\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- FIN SECCI\u00d3N PROCESO -->\r\n\r\n<!-- ============================================\r\n     SEPARADOR FUTURISTA \u2014 FONDO OSCURO\r\n     ============================================ -->\r\n<style>\r\n.jlv-sep-dark {\r\n  background: #0A0A0A !important;\r\n  padding: 0 40px !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  height: 60px !important;\r\n  width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n}\r\n.jlv-sep-dark-line {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 5% !important;\r\n  right: 5% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(90deg, transparent, rgba(230,57,70,0.15), rgba(230,57,70,0.35), rgba(230,57,70,0.15), transparent) !important;\r\n  transform: translateY(-50%) !important;\r\n}\r\n.jlv-sep-dark-diamond {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  width: 10px !important;\r\n  height: 10px !important;\r\n  background: #E63946 !important;\r\n  transform: rotate(45deg) !important;\r\n  box-shadow: 0 0 10px rgba(230,57,70,0.8), 0 0 20px rgba(230,57,70,0.4), 0 0 40px rgba(230,57,70,0.2) !important;\r\n  animation: jlvSepDarkPulse 2s infinite !important;\r\n}\r\n.jlv-sep-dark-diamond::before,\r\n.jlv-sep-dark-diamond::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 50% !important;\r\n  transform: translate(-50%, -50%) !important;\r\n  border: 1px solid rgba(230,57,70,0.3) !important;\r\n  border-radius: 2px !important;\r\n}\r\n.jlv-sep-dark-diamond::before { width: 20px !important; height: 20px !important; }\r\n.jlv-sep-dark-diamond::after  { width: 30px !important; height: 30px !important; border-color: rgba(230,57,70,0.15) !important; }\r\n@keyframes jlvSepDarkPulse {\r\n  0%, 100% { box-shadow: 0 0 10px rgba(230,57,70,0.8), 0 0 20px rgba(230,57,70,0.4), 0 0 40px rgba(230,57,70,0.2); }\r\n  50%       { box-shadow: 0 0 15px rgba(230,57,70,1),   0 0 30px rgba(230,57,70,0.6), 0 0 60px rgba(230,57,70,0.3); }\r\n}\r\n.jlv-sep-dark-scanner {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 0 !important;\r\n  width: 40% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(90deg, transparent, rgba(230,57,70,0.6)) !important;\r\n  transform: translateY(-50%) !important;\r\n  animation: jlvSepDarkScanL 3s ease-in-out infinite !important;\r\n}\r\n.jlv-sep-dark-scanner2 {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  right: 0 !important;\r\n  width: 40% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(270deg, transparent, rgba(230,57,70,0.6)) !important;\r\n  transform: translateY(-50%) !important;\r\n  animation: jlvSepDarkScanR 3s ease-in-out infinite !important;\r\n}\r\n@keyframes jlvSepDarkScanL {\r\n  0%   { width: 0%;  opacity: 0; }\r\n  50%  { width: 42%; opacity: 1; }\r\n  100% { width: 0%;  opacity: 0; }\r\n}\r\n@keyframes jlvSepDarkScanR {\r\n  0%   { width: 0%;  opacity: 0; }\r\n  50%  { width: 42%; opacity: 1; }\r\n  100% { width: 0%;  opacity: 0; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jlv-sep-dark\" aria-hidden=\"true\">\r\n  <div class=\"jlv-sep-dark-line\"><\/div>\r\n  <div class=\"jlv-sep-dark-scanner\"><\/div>\r\n  <div class=\"jlv-sep-dark-scanner2\"><\/div>\r\n  <div class=\"jlv-sep-dark-diamond\"><\/div>\r\n<\/div>\r\n<!-- FIN SEPARADOR OSCURO -->\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dc9b6d3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dc9b6d3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8c66251\" data-id=\"8c66251\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c9b0ee4 elementor-widget elementor-widget-html\" data-id=\"c9b0ee4\" 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<!-- ============================================\r\n     DESARROLLO WEB \u2014 TIPOS DE SITIOS\r\n     ============================================ -->\r\n<style>\r\n\/* ===== SECCI\u00d3N TIPOS ===== *\/\r\n.jlv-devtypes {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  padding: 100px 40px !important;\r\n  background: #111111 !important;\r\n  font-family: 'Raleway', sans-serif !important;\r\n  width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n}\r\n.jlv-devtypes::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  z-index: 0 !important;\r\n  background:\r\n    linear-gradient(rgba(230, 57, 70, 0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(230, 57, 70, 0.03) 1px, transparent 1px) !important;\r\n  background-size: 70px 70px !important;\r\n  opacity: 0.25 !important;\r\n}\r\n.jlv-devtypes::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  width: 450px !important;\r\n  height: 450px !important;\r\n  bottom: -80px !important;\r\n  left: -80px !important;\r\n  background: radial-gradient(circle, rgba(230, 57, 70, 0.06), transparent 60%) !important;\r\n  filter: blur(60px) !important;\r\n  z-index: 0 !important;\r\n  pointer-events: none !important;\r\n}\r\n.jlv-devtypes-inner {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  max-width: 1100px !important;\r\n  margin: 0 auto !important;\r\n  text-align: center !important;\r\n}\r\n.jlv-devtypes-tag {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 8px !important;\r\n  background: rgba(230, 57, 70, 0.12) !important;\r\n  border: 1px solid rgba(230, 57, 70, 0.25) !important;\r\n  border-radius: 50px !important;\r\n  padding: 7px 18px !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  color: #FF4D5A !important;\r\n  letter-spacing: 2px !important;\r\n  text-transform: uppercase !important;\r\n  margin-bottom: 18px !important;\r\n}\r\n.jlv-devtypes-tag::before {\r\n  content: \"\" !important;\r\n  width: 6px !important;\r\n  height: 6px !important;\r\n  background: #FF4D5A !important;\r\n  border-radius: 50% !important;\r\n  box-shadow: 0 0 8px rgba(230, 57, 70, 0.6) !important;\r\n  animation: jlvDevTypesPulse 2s ease-in-out infinite !important;\r\n}\r\n@keyframes jlvDevTypesPulse {\r\n  0%, 100% { opacity: 1; }\r\n  50%      { opacity: 0.4; }\r\n}\r\n.jlv-devtypes-title {\r\n  font-size: clamp(26px, 4vw, 42px) !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.2 !important;\r\n  letter-spacing: -0.02em !important;\r\n  margin: 0 0 14px 0 !important;\r\n}\r\n.jlv-devtypes-title .white  { color: #FFFFFF !important; text-shadow: 0 0 20px rgba(255,255,255,0.50), 0 1px 3px rgba(0,0,0,0.5) !important; }\r\n.jlv-devtypes-title .accent { color: #FF4D5A !important; text-shadow: 0 0 25px rgba(230,57,70,0.50) !important; }\r\n.jlv-devtypes-line {\r\n  width: 60px !important;\r\n  height: 3px !important;\r\n  background: linear-gradient(90deg, #E63946, #FF6B77) !important;\r\n  border-radius: 3px !important;\r\n  margin: 0 auto 20px !important;\r\n  box-shadow: 0 0 12px rgba(230, 57, 70, 0.3) !important;\r\n}\r\n.jlv-devtypes-sub {\r\n  font-size: 16px !important;\r\n  color: rgba(255, 255, 255, 0.60) !important;\r\n  max-width: 620px !important;\r\n  margin: 0 auto 55px !important;\r\n  line-height: 1.7 !important;\r\n}\r\n\r\n\/* Grid 3 columnas *\/\r\n.jlv-devtypes-grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(3, 1fr) !important;\r\n  gap: 24px !important;\r\n}\r\n\r\n\/* Card tipo *\/\r\n.jlv-devtypes-card {\r\n  position: relative !important;\r\n  background: rgba(255, 255, 255, 0.03) !important;\r\n  border: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n  border-radius: 20px !important;\r\n  overflow: hidden !important;\r\n  text-align: left !important;\r\n  transition: all 0.4s ease !important;\r\n}\r\n.jlv-devtypes-card::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 50% !important;\r\n  transform: translateX(-50%) !important;\r\n  width: 50% !important;\r\n  height: 2px !important;\r\n  background: linear-gradient(90deg, transparent, #E63946, transparent) !important;\r\n  opacity: 0 !important;\r\n  transition: opacity 0.4s ease !important;\r\n  z-index: 3 !important;\r\n}\r\n.jlv-devtypes-card:hover {\r\n  border-color: rgba(230, 57, 70, 0.30) !important;\r\n  background: rgba(230, 57, 70, 0.04) !important;\r\n  transform: translateY(-6px) !important;\r\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 30px rgba(230, 57, 70, 0.08) !important;\r\n}\r\n.jlv-devtypes-card:hover::before {\r\n  opacity: 1 !important;\r\n}\r\n\r\n\/* Imagen card *\/\r\n.jlv-devtypes-cardimg {\r\n  width: 100% !important;\r\n  height: 180px !important;\r\n  object-fit: cover !important;\r\n  display: block !important;\r\n  transition: transform 0.5s ease !important;\r\n  filter: brightness(0.85) saturate(0.9) !important;\r\n}\r\n.jlv-devtypes-card:hover .jlv-devtypes-cardimg {\r\n  transform: scale(1.05) !important;\r\n  filter: brightness(0.95) saturate(1.1) !important;\r\n}\r\n\r\n\/* Overlay rojo sutil sobre imagen *\/\r\n.jlv-devtypes-img-wrap {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n}\r\n.jlv-devtypes-img-wrap::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  background: linear-gradient(180deg, transparent 40%, rgba(10,10,10,0.85) 100%) !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n\/* Cuerpo card *\/\r\n.jlv-devtypes-cardbody {\r\n  padding: 26px 26px 30px !important;\r\n}\r\n\r\n\/* T\u00edtulo card *\/\r\n.jlv-devtypes-cardtitle {\r\n  font-size: 18px !important;\r\n  font-weight: 700 !important;\r\n  color: #FFFFFF !important;\r\n  margin: 0 0 10px 0 !important;\r\n  letter-spacing: -0.01em !important;\r\n}\r\n\r\n\/* Descripci\u00f3n card *\/\r\n.jlv-devtypes-carddesc {\r\n  font-size: 14px !important;\r\n  color: rgba(255, 255, 255, 0.50) !important;\r\n  line-height: 1.65 !important;\r\n  margin: 0 0 18px 0 !important;\r\n}\r\n\r\n\/* Lista features *\/\r\n.jlv-devtypes-features {\r\n  list-style: none !important;\r\n  padding: 0 !important;\r\n  margin: 0 !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 8px !important;\r\n}\r\n.jlv-devtypes-features li {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  gap: 8px !important;\r\n  font-size: 13px !important;\r\n  color: rgba(255, 255, 255, 0.55) !important;\r\n}\r\n.jlv-devtypes-features li::before {\r\n  content: \"\" !important;\r\n  width: 5px !important;\r\n  height: 5px !important;\r\n  background: #E63946 !important;\r\n  border-radius: 50% !important;\r\n  flex-shrink: 0 !important;\r\n  box-shadow: 0 0 6px rgba(230, 57, 70, 0.4) !important;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 900px) {\r\n  .jlv-devtypes-grid {\r\n    grid-template-columns: repeat(2, 1fr) !important;\r\n  }\r\n}\r\n@media (max-width: 550px) {\r\n  .jlv-devtypes {\r\n    padding: 70px 20px !important;\r\n  }\r\n  .jlv-devtypes-grid {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 18px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"jlv-devtypes\" id=\"tipos-web\">\r\n  <div class=\"jlv-devtypes-inner\">\r\n\r\n    <div class=\"jlv-devtypes-tag\">Solutions<\/div>\r\n\r\n    <h2 class=\"jlv-devtypes-title translation-block\"><span class=\"white\">Types of <\/span>\n      <span class=\"accent\">websites <\/span>\n      <span class=\"white\"> we develop<\/span><\/h2>\r\n\r\n    <div class=\"jlv-devtypes-line\"><\/div>\r\n\r\n    <p class=\"jlv-devtypes-sub\">Every business needs a different solution. We design and develop the type of website that best fits your business goals.<\/p>\r\n\r\n    <div class=\"jlv-devtypes-grid\">\r\n\r\n      <!-- Card 1 \u2014 Corporativo -->\r\n      <div class=\"jlv-devtypes-card\">\r\n        <div class=\"jlv-devtypes-img-wrap\">\r\n          <img decoding=\"async\"\r\n            class=\"jlv-devtypes-cardimg\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/d6dbcbab-1350-496c-8f8b-133eec0bed63\/image.png?w=1184&h=864\"\r\n            alt=\"Sitio web corporativo profesional\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n        <div class=\"jlv-devtypes-cardbody\">\r\n          <h3 class=\"jlv-devtypes-cardtitle\">Corporate Website<\/h3>\r\n          <p class=\"jlv-devtypes-carddesc\">Your company's digital storefront. Conveys professionalism, builds trust and converts visitors into customers.<\/p>\r\n          <ul class=\"jlv-devtypes-features\">\r\n            <li>Custom design aligned to your brand<\/li>\r\n            <li>Services and team sections<\/li>\r\n            <li>Contact forms<\/li>\r\n            <li>Full SEO optimization<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2 \u2014 eCommerce -->\r\n      <div class=\"jlv-devtypes-card\">\r\n        <div class=\"jlv-devtypes-img-wrap\">\r\n          <img decoding=\"async\"\r\n            class=\"jlv-devtypes-cardimg\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/e84b6f7c-8d83-43ca-8ad9-3aee6f821c6e\/image.png?w=1184&h=864\"\r\n            alt=\"Tienda online eCommerce futurista\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n        <div class=\"jlv-devtypes-cardbody\">\r\n          <h3 class=\"jlv-devtypes-cardtitle\">Online Store (eCommerce)<\/h3>\r\n          <p class=\"jlv-devtypes-carddesc\">Sell your products 24\/7 with a secure, fast and easy-to-manage store from any device.<\/p>\r\n          <ul class=\"jlv-devtypes-features\">\r\n            <li>Product catalog<\/li>\r\n            <li>Integrated payment gateway<\/li>\r\n            <li>Inventory management<\/li>\r\n            <li>Optimized cart and checkout<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3 \u2014 Landing page -->\r\n      <div class=\"jlv-devtypes-card\">\r\n        <div class=\"jlv-devtypes-img-wrap\">\r\n          <img decoding=\"async\"\r\n            class=\"jlv-devtypes-cardimg\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/65f4b8bf-de9d-46af-b088-df9cc59b8e5f\/image.png?w=1184&h=864\"\r\n            alt=\"Landing page de alta conversi\u00f3n\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n        <div class=\"jlv-devtypes-cardbody\">\r\n          <h3 class=\"jlv-devtypes-cardtitle\">Landing page<\/h3>\r\n          <p class=\"jlv-devtypes-carddesc\">High-converting landing pages. Ideal for advertising campaigns, product launches and lead generation.<\/p>\r\n          <ul class=\"jlv-devtypes-features\">\r\n            <li>Single-action focus<\/li>\r\n            <li>Persuasive copywriting<\/li>\r\n            <li>A\/B testing ready<\/li>\r\n            <li>CRM and email integration<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 4 \u2014 Blog -->\r\n      <div class=\"jlv-devtypes-card\">\r\n        <div class=\"jlv-devtypes-img-wrap\">\r\n          <img decoding=\"async\"\r\n            class=\"jlv-devtypes-cardimg\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/e63b012e-d8b1-495c-8c7d-7c69f6d104df\/image.png?w=1184&h=864\"\r\n            alt=\"Blog profesional optimizado para SEO\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n        <div class=\"jlv-devtypes-cardbody\">\r\n          <h3 class=\"jlv-devtypes-cardtitle\">Professional Blog<\/h3>\r\n          <p class=\"jlv-devtypes-carddesc\">Position yourself as an expert in your industry. An SEO-optimized blog drives organic traffic and builds brand authority.<\/p>\r\n          <ul class=\"jlv-devtypes-features\">\r\n            <li>Modern editorial design<\/li>\r\n            <li>Categories and tags<\/li>\r\n            <li>Automatic on-page SEO<\/li>\r\n            <li>Social media integration<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 5 \u2014 Reservas -->\r\n      <div class=\"jlv-devtypes-card\">\r\n        <div class=\"jlv-devtypes-img-wrap\">\r\n          <img decoding=\"async\"\r\n            class=\"jlv-devtypes-cardimg\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/64cb59e1-6116-4002-a5aa-94c66d9db499\/image.png?w=1184&h=864\"\r\n            alt=\"Sistema de reservas online automatizado\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n        <div class=\"jlv-devtypes-cardbody\">\r\n          <h3 class=\"jlv-devtypes-cardtitle\">Booking System<\/h3>\r\n          <p class=\"jlv-devtypes-carddesc\">Automate your business schedule. Your clients book appointments, shifts or services directly from your website.<\/p>\r\n          <ul class=\"jlv-devtypes-features\">\r\n            <li>Interactive calendar<\/li>\r\n            <li>Automatic confirmations<\/li>\r\n            <li>Prepayments<\/li>\r\n            <li>Google Calendar sync<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 6 \u2014 Portal \/ Intranet -->\r\n      <div class=\"jlv-devtypes-card\">\r\n        <div class=\"jlv-devtypes-img-wrap\">\r\n          <img decoding=\"async\"\r\n            class=\"jlv-devtypes-cardimg\"\r\n            src=\"https:\/\/us.chat-img.sintra.ai\/3b73f1ec-9191-43c0-9b51-808d866df9aa\/d7193b50-5702-4744-a27a-3c53cd83abdc\/image.png?w=1184&h=864\"\r\n            alt=\"Portal web privado e intranet corporativa\"\r\n            loading=\"lazy\"\r\n          \/>\r\n        <\/div>\r\n        <div class=\"jlv-devtypes-cardbody\">\r\n          <h3 class=\"jlv-devtypes-cardtitle\">Web Portal \/ Intranet<\/h3>\r\n          <p class=\"jlv-devtypes-carddesc\">Private platforms for internal management, client portals or membership systems with controlled access.<\/p>\r\n          <ul class=\"jlv-devtypes-features\">\r\n            <li>Login and user roles<\/li>\r\n            <li>Custom dashboard<\/li>\r\n            <li>Document management<\/li>\r\n            <li>Automatic notifications<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <!-- FIN GRID -->\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- FIN SECCI\u00d3N TIPOS DE SITIOS -->\r\n\r\n<!-- ============================================\r\n     SEPARADOR FUTURISTA \u2014 FONDO OSCURO\r\n     ============================================ -->\r\n<style>\r\n.jlv-sep-types-dark {\r\n  background: #0A0A0A !important;\r\n  padding: 0 40px !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  height: 60px !important;\r\n  width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n}\r\n.jlv-sep-types-dark-line {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 5% !important;\r\n  right: 5% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(90deg, transparent, rgba(230,57,70,0.15), rgba(230,57,70,0.35), rgba(230,57,70,0.15), transparent) !important;\r\n  transform: translateY(-50%) !important;\r\n}\r\n.jlv-sep-types-dark-diamond {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  width: 10px !important;\r\n  height: 10px !important;\r\n  background: #E63946 !important;\r\n  transform: rotate(45deg) !important;\r\n  box-shadow: 0 0 10px rgba(230,57,70,0.8), 0 0 20px rgba(230,57,70,0.4), 0 0 40px rgba(230,57,70,0.2) !important;\r\n  animation: jlvSepTypesDarkPulse 2s infinite !important;\r\n}\r\n.jlv-sep-types-dark-diamond::before,\r\n.jlv-sep-types-dark-diamond::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 50% !important;\r\n  transform: translate(-50%, -50%) !important;\r\n  border: 1px solid rgba(230,57,70,0.3) !important;\r\n  border-radius: 2px !important;\r\n}\r\n.jlv-sep-types-dark-diamond::before { width: 20px !important; height: 20px !important; }\r\n.jlv-sep-types-dark-diamond::after  { width: 30px !important; height: 30px !important; border-color: rgba(230,57,70,0.15) !important; }\r\n@keyframes jlvSepTypesDarkPulse {\r\n  0%, 100% { box-shadow: 0 0 10px rgba(230,57,70,0.8), 0 0 20px rgba(230,57,70,0.4), 0 0 40px rgba(230,57,70,0.2); }\r\n  50%       { box-shadow: 0 0 15px rgba(230,57,70,1),   0 0 30px rgba(230,57,70,0.6), 0 0 60px rgba(230,57,70,0.3); }\r\n}\r\n.jlv-sep-types-dark-scanner {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 0 !important;\r\n  width: 40% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(90deg, transparent, rgba(230,57,70,0.6)) !important;\r\n  transform: translateY(-50%) !important;\r\n  animation: jlvSepTypesDarkScanL 3s ease-in-out infinite !important;\r\n}\r\n.jlv-sep-types-dark-scanner2 {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  right: 0 !important;\r\n  width: 40% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(270deg, transparent, rgba(230,57,70,0.6)) !important;\r\n  transform: translateY(-50%) !important;\r\n  animation: jlvSepTypesDarkScanR 3s ease-in-out infinite !important;\r\n}\r\n@keyframes jlvSepTypesDarkScanL {\r\n  0%   { width: 0%;  opacity: 0; }\r\n  50%  { width: 42%; opacity: 1; }\r\n  100% { width: 0%;  opacity: 0; }\r\n}\r\n@keyframes jlvSepTypesDarkScanR {\r\n  0%   { width: 0%;  opacity: 0; }\r\n  50%  { width: 42%; opacity: 1; }\r\n  100% { width: 0%;  opacity: 0; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jlv-sep-types-dark\" aria-hidden=\"true\">\r\n  <div class=\"jlv-sep-types-dark-line\"><\/div>\r\n  <div class=\"jlv-sep-types-dark-scanner\"><\/div>\r\n  <div class=\"jlv-sep-types-dark-scanner2\"><\/div>\r\n  <div class=\"jlv-sep-types-dark-diamond\"><\/div>\r\n<\/div>\r\n<!-- FIN SEPARADOR OSCURO -->\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-eb90929 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"eb90929\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-de2680b\" data-id=\"de2680b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-feb191e elementor-widget elementor-widget-html\" data-id=\"feb191e\" 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<!-- ============================================\r\n     DESARROLLO WEB \u2014 TECNOLOG\u00cdAS\r\n     ============================================ -->\r\n<style>\r\n\/* ===== SECCI\u00d3N TECNOLOG\u00cdAS ===== *\/\r\n.jlv-devtech {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  padding: 100px 40px !important;\r\n  background: #0D0D0D !important;\r\n  font-family: 'Raleway', sans-serif !important;\r\n  width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n}\r\n\r\n.jlv-devtech::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  z-index: 0 !important;\r\n  background:\r\n    linear-gradient(rgba(230, 57, 70, 0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(230, 57, 70, 0.03) 1px, transparent 1px) !important;\r\n  background-size: 70px 70px !important;\r\n  opacity: 0.3 !important;\r\n}\r\n\r\n.jlv-devtech::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  width: 500px !important;\r\n  height: 500px !important;\r\n  top: -100px !important;\r\n  right: 20% !important;\r\n  background: radial-gradient(circle, rgba(230, 57, 70, 0.06), transparent 60%) !important;\r\n  filter: blur(70px) !important;\r\n  z-index: 0 !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n.jlv-devtech-inner {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  max-width: 1100px !important;\r\n  margin: 0 auto !important;\r\n  text-align: center !important;\r\n}\r\n\r\n.jlv-devtech-tag {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 8px !important;\r\n  background: rgba(230, 57, 70, 0.12) !important;\r\n  border: 1px solid rgba(230, 57, 70, 0.25) !important;\r\n  border-radius: 50px !important;\r\n  padding: 7px 18px !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  color: #FF4D5A !important;\r\n  letter-spacing: 2px !important;\r\n  text-transform: uppercase !important;\r\n  margin-bottom: 18px !important;\r\n}\r\n\r\n.jlv-devtech-tag::before {\r\n  content: \"\" !important;\r\n  width: 6px !important;\r\n  height: 6px !important;\r\n  background: #FF4D5A !important;\r\n  border-radius: 50% !important;\r\n  box-shadow: 0 0 8px rgba(230, 57, 70, 0.6) !important;\r\n  animation: jlvDevTechPulse 2s ease-in-out infinite !important;\r\n}\r\n\r\n@keyframes jlvDevTechPulse {\r\n  0%, 100% { opacity: 1; }\r\n  50%      { opacity: 0.4; }\r\n}\r\n\r\n.jlv-devtech-title {\r\n  font-size: clamp(26px, 4vw, 42px) !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.2 !important;\r\n  letter-spacing: -0.02em !important;\r\n  margin: 0 0 14px 0 !important;\r\n}\r\n\r\n.jlv-devtech-title .white { color: #FFFFFF !important; text-shadow: 0 0 20px rgba(255,255,255,0.50), 0 1px 3px rgba(0,0,0,0.5) !important; }\r\n.jlv-devtech-title .accent { color: #FF4D5A !important; text-shadow: 0 0 25px rgba(230,57,70,0.50) !important; }\r\n\r\n.jlv-devtech-line {\r\n  width: 60px !important;\r\n  height: 3px !important;\r\n  background: linear-gradient(90deg, #E63946, #FF6B77) !important;\r\n  border-radius: 3px !important;\r\n  margin: 0 auto 20px !important;\r\n  box-shadow: 0 0 12px rgba(230, 57, 70, 0.3) !important;\r\n}\r\n\r\n.jlv-devtech-sub {\r\n  font-size: 16px !important;\r\n  color: rgba(255, 255, 255, 0.60) !important;\r\n  max-width: 620px !important;\r\n  margin: 0 auto 55px !important;\r\n  line-height: 1.7 !important;\r\n}\r\n\r\n\/* Grid tecnolog\u00edas \u2014 2 filas *\/\r\n.jlv-devtech-grid {\r\n  display: grid !important;\r\n  grid-template-columns: repeat(4, 1fr) !important;\r\n  gap: 20px !important;\r\n}\r\n\r\n\/* Card tecnolog\u00eda *\/\r\n.jlv-devtech-card {\r\n  position: relative !important;\r\n  background: rgba(255, 255, 255, 0.03) !important;\r\n  border: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n  border-radius: 18px !important;\r\n  padding: 32px 20px 28px !important;\r\n  text-align: center !important;\r\n  transition: all 0.4s ease !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n.jlv-devtech-card::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: 50% !important;\r\n  transform: translateX(-50%) !important;\r\n  width: 50% !important;\r\n  height: 2px !important;\r\n  background: linear-gradient(90deg, transparent, #E63946, transparent) !important;\r\n  opacity: 0 !important;\r\n  transition: opacity 0.4s ease !important;\r\n}\r\n\r\n.jlv-devtech-card:hover {\r\n  border-color: rgba(230, 57, 70, 0.22) !important;\r\n  background: rgba(230, 57, 70, 0.04) !important;\r\n  transform: translateY(-5px) !important;\r\n  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.4), 0 0 20px rgba(230, 57, 70, 0.06) !important;\r\n}\r\n\r\n.jlv-devtech-card:hover::before {\r\n  opacity: 1 !important;\r\n}\r\n\r\n\/* Logo \/ icono de la tecnolog\u00eda *\/\r\n.jlv-devtech-logo {\r\n  width: 50px !important;\r\n  height: 50px !important;\r\n  margin: 0 auto 14px !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  border-radius: 14px !important;\r\n  background: rgba(255, 255, 255, 0.05) !important;\r\n  border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n  font-size: 24px !important;\r\n  transition: all 0.4s ease !important;\r\n}\r\n\r\n.jlv-devtech-card:hover .jlv-devtech-logo {\r\n  background: rgba(230, 57, 70, 0.12) !important;\r\n  border-color: rgba(230, 57, 70, 0.25) !important;\r\n  box-shadow: 0 0 18px rgba(230, 57, 70, 0.12) !important;\r\n}\r\n\r\n.jlv-devtech-name {\r\n  font-size: 15px !important;\r\n  font-weight: 700 !important;\r\n  color: #FFFFFF !important;\r\n  margin: 0 0 5px 0 !important;\r\n}\r\n\r\n.jlv-devtech-desc {\r\n  font-size: 12.5px !important;\r\n  color: rgba(255, 255, 255, 0.45) !important;\r\n  line-height: 1.5 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 900px) {\r\n  .jlv-devtech-grid {\r\n    grid-template-columns: repeat(2, 1fr) !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 550px) {\r\n  .jlv-devtech {\r\n    padding: 70px 20px !important;\r\n  }\r\n  .jlv-devtech-grid {\r\n    grid-template-columns: repeat(2, 1fr) !important;\r\n    gap: 14px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"jlv-devtech\">\r\n  <div class=\"jlv-devtech-inner\">\r\n\r\n    <div class=\"jlv-devtech-tag\">Tech Stack<\/div>\r\n\r\n    <h2 class=\"jlv-devtech-title translation-block\"><span class=\"white\">Technologies we <\/span>\n      <span class=\"accent\">master<\/span><\/h2>\r\n\r\n    <div class=\"jlv-devtech-line\"><\/div>\r\n\r\n    <p class=\"jlv-devtech-sub\">We work with the most powerful and up-to-date tools on the market to ensure performance, security and scalability.<\/p>\r\n\r\n    <div class=\"jlv-devtech-grid\">\r\n\r\n      <!-- WordPress -->\r\n      <div class=\"jlv-devtech-card\">\r\n        <div class=\"jlv-devtech-logo\">\r\n          <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2Zm-1.5 15.08L6.2 7.997c.68-.032 1.293-.095 1.293-.095.608-.072.537-1.024-.072-1.024 0 0-1.83.144-3.013.144-.212 0-.46-.006-.723-.016A8.96 8.96 0 0 1 12 3.04c2.34 0 4.47.896 6.07 2.36-.038-.002-.076-.008-.116-.008-1.105 0-1.889.96-1.889 1.992 0 .925.535 1.708 1.104 2.633.428.752.928 1.716.928 3.11 0 .965-.37 2.084-.856 3.644l-1.124 3.752-4.07-12.1c.68-.032 1.293-.095 1.293-.095.608-.072.536-1.024-.072-1.024 0 0-1.83.144-3.013.144-.21 0-.453-.005-.71-.014l4.87 14.45ZM18.15 17.2l2.74-7.92c.512-1.28.684-2.304.684-3.216 0-.33-.022-.637-.06-.924A8.948 8.948 0 0 1 20.96 12c0 1.88-.58 3.63-1.57 5.08l-1.24.12Zm-7.26 1.52 3.24-9.41 3.32 9.1c.022.053.048.103.076.15A8.93 8.93 0 0 1 12 20.96c-.38 0-.75-.03-1.11-.08v-2.16Z\" fill=\"#FFFFFF\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"jlv-devtech-name\">WordPress<\/h3>\r\n        <p class=\"jlv-devtech-desc\">World-leading CMS. Flexible, scalable and easy to manage.<\/p>\r\n      <\/div>\r\n\r\n      <!-- WooCommerce -->\r\n      <div class=\"jlv-devtech-card\">\r\n        <div class=\"jlv-devtech-logo\">\r\n          <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M3 3h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Zm3 4c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1s1-.5 1-1V8c0-.5-.5-1-1-1Zm4 0c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1s1-.5 1-1V8c0-.5-.5-1-1-1Zm7.5 0c-.5 0-1 .5-1 1v4c0 .5.5 1 1 1s1-.5 1-1V8c0-.5-.5-1-1-1ZM8 19l2 2m4-2 2 2\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"jlv-devtech-name\">WooCommerce<\/h3>\r\n        <p class=\"jlv-devtech-desc\">Powerful eCommerce fully integrated with WordPress.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Elementor -->\r\n      <div class=\"jlv-devtech-card\">\r\n        <div class=\"jlv-devtech-logo\">\r\n          <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"\/><line x1=\"8\" y1=\"8\" x2=\"8\" y2=\"16\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"12\" y1=\"8\" x2=\"16\" y2=\"8\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"12\" y1=\"12\" x2=\"16\" y2=\"12\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><line x1=\"12\" y1=\"16\" x2=\"16\" y2=\"16\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"jlv-devtech-name\">Elementor Pro<\/h3>\r\n        <p class=\"jlv-devtech-desc\">Advanced visual builder for pixel-perfect design.<\/p>\r\n      <\/div>\r\n\r\n      <!-- PHP -->\r\n      <div class=\"jlv-devtech-card\">\r\n        <div class=\"jlv-devtech-logo\">\r\n          <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><ellipse cx=\"12\" cy=\"12\" rx=\"10\" ry=\"6\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"\/><text x=\"12\" y=\"14.5\" text-anchor=\"middle\" fill=\"#FFFFFF\" font-size=\"7\" font-weight=\"700\" font-family=\"sans-serif\">PHP<\/text><\/svg>\r\n        <\/div>\r\n        <h3 class=\"jlv-devtech-name\">PHP<\/h3>\r\n        <p class=\"jlv-devtech-desc\">Robust backend for custom functionalities.<\/p>\r\n      <\/div>\r\n\r\n      <!-- HTML5 \/ CSS3 -->\r\n      <div class=\"jlv-devtech-card\">\r\n        <div class=\"jlv-devtech-logo\">\r\n          <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M4 3l1.5 17L12 22l6.5-2L20 3H4Zm12.3 5.5H8.5l.2 2.5h7.3l-.5 5.5-3.5 1-3.5-1-.2-2.5h2.4l.1 1.2 1.2.3 1.2-.3.1-1.7H8.2L7.7 6h8.8l-.2 2.5Z\" fill=\"#FFFFFF\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"jlv-devtech-name\">HTML5 \/ CSS3<\/h3>\r\n        <p class=\"jlv-devtech-desc\">Semantic structure and modern responsive styling.<\/p>\r\n      <\/div>\r\n\r\n      <!-- JavaScript -->\r\n      <div class=\"jlv-devtech-card\">\r\n        <div class=\"jlv-devtech-logo\">\r\n          <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"#FFFFFF\" stroke-width=\"1.5\"\/><text x=\"12\" y=\"15.5\" text-anchor=\"middle\" fill=\"#FFFFFF\" font-size=\"8\" font-weight=\"800\" font-family=\"sans-serif\">JS<\/text><\/svg>\r\n        <\/div>\r\n        <h3 class=\"jlv-devtech-name\">JavaScript<\/h3>\r\n        <p class=\"jlv-devtech-desc\">Interactivity, animations and dynamic experiences.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Google Analytics -->\r\n      <div class=\"jlv-devtech-card\">\r\n        <div class=\"jlv-devtech-logo\">\r\n          <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M20 20V7a1 1 0 0 0-2 0v13m-4 0V11a1 1 0 0 0-2 0v9m-4 0v-5a1 1 0 0 0-2 0v5m-2 1h18\" stroke=\"#FFFFFF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"jlv-devtech-name\">Google Analytics<\/h3>\r\n        <p class=\"jlv-devtech-desc\">Metrics and data for smarter business decisions.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Cloudflare \/ Seguridad -->\r\n      <div class=\"jlv-devtech-card\">\r\n        <div class=\"jlv-devtech-logo\">\r\n          <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3Zm-1 14.5L7.5 13l1.41-1.41L11 13.67l5.09-5.09L17.5 10 11 16.5Z\" fill=\"#FFFFFF\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"jlv-devtech-name\">SSL \/ Seguridad<\/h3>\r\n        <p class=\"jlv-devtech-desc\">SSL certificates, firewall and protection against attacks.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <!-- FIN GRID -->\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- FIN SECCI\u00d3N TECNOLOG\u00cdAS -->\r\n\r\n<!-- ============================================\r\n     SEPARADOR FUTURISTA \u2014 FONDO TRANSPARENTE\r\n     Pegar en widget HTML de Elementor\r\n     ============================================ -->\r\n<style>\r\n.jlv-sep-pol {\r\n  background: transparent !important;\r\n  padding: 0 40px !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  height: 60px !important;\r\n}\r\n.jlv-sep-pol-line {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 5% !important;\r\n  right: 5% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(230,57,70,0.15),\r\n    rgba(230,57,70,0.35),\r\n    rgba(230,57,70,0.15),\r\n    transparent\r\n  ) !important;\r\n  transform: translateY(-50%) !important;\r\n}\r\n.jlv-sep-pol-diamond {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  width: 10px !important;\r\n  height: 10px !important;\r\n  background: #E63946 !important;\r\n  transform: rotate(45deg) !important;\r\n  box-shadow:\r\n    0 0 10px rgba(230,57,70,0.8),\r\n    0 0 20px rgba(230,57,70,0.4),\r\n    0 0 40px rgba(230,57,70,0.2) !important;\r\n  animation: jlvPolSepPulse 2s infinite !important;\r\n}\r\n.jlv-sep-pol-diamond::before,\r\n.jlv-sep-pol-diamond::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 50% !important;\r\n  transform: translate(-50%, -50%) rotate(0deg) !important;\r\n  border: 1px solid rgba(230,57,70,0.3) !important;\r\n  border-radius: 2px !important;\r\n}\r\n.jlv-sep-pol-diamond::before {\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n}\r\n.jlv-sep-pol-diamond::after {\r\n  width: 30px !important;\r\n  height: 30px !important;\r\n  border-color: rgba(230,57,70,0.15) !important;\r\n}\r\n@keyframes jlvPolSepPulse {\r\n  0%, 100% {\r\n    box-shadow:\r\n      0 0 10px rgba(230,57,70,0.8),\r\n      0 0 20px rgba(230,57,70,0.4),\r\n      0 0 40px rgba(230,57,70,0.2);\r\n  }\r\n  50% {\r\n    box-shadow:\r\n      0 0 15px rgba(230,57,70,1),\r\n      0 0 30px rgba(230,57,70,0.6),\r\n      0 0 60px rgba(230,57,70,0.3);\r\n  }\r\n}\r\n.jlv-sep-pol-scanner {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 0 !important;\r\n  width: 40% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(230,57,70,0.6)\r\n  ) !important;\r\n  transform: translateY(-50%) !important;\r\n  animation: jlvPolSepScanL 3s ease-in-out infinite !important;\r\n}\r\n.jlv-sep-pol-scanner2 {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  right: 0 !important;\r\n  width: 40% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(\r\n    270deg,\r\n    transparent,\r\n    rgba(230,57,70,0.6)\r\n  ) !important;\r\n  transform: translateY(-50%) !important;\r\n  animation: jlvPolSepScanR 3s ease-in-out infinite !important;\r\n}\r\n@keyframes jlvPolSepScanL {\r\n  0%   { width: 0%; opacity: 0; }\r\n  50%  { width: 42%; opacity: 1; }\r\n  100% { width: 0%; opacity: 0; }\r\n}\r\n@keyframes jlvPolSepScanR {\r\n  0%   { width: 0%; opacity: 0; }\r\n  50%  { width: 42%; opacity: 1; }\r\n  100% { width: 0%; opacity: 0; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jlv-sep-pol\" aria-hidden=\"true\">\r\n  <div class=\"jlv-sep-pol-line\"><\/div>\r\n  <div class=\"jlv-sep-pol-scanner\"><\/div>\r\n  <div class=\"jlv-sep-pol-scanner2\"><\/div>\r\n  <div class=\"jlv-sep-pol-diamond\"><\/div>\r\n<\/div>\r\n<!-- FIN SEPARADOR TRANSPARENTE -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dfadca1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dfadca1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-123b5a6\" data-id=\"123b5a6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-172feeb elementor-widget elementor-widget-html\" data-id=\"172feeb\" 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<!-- ============================================\r\n     DESARROLLO WEB \u2014 FAQ\r\n     ============================================ -->\r\n<style>\r\n\/* ===== SECCI\u00d3N FAQ ===== *\/\r\n.jlv-devfaq {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  padding: 100px 40px !important;\r\n  background: #111111 !important;\r\n  font-family: 'Raleway', sans-serif !important;\r\n  width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n}\r\n\r\n.jlv-devfaq::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  z-index: 0 !important;\r\n  background:\r\n    linear-gradient(rgba(230, 57, 70, 0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(230, 57, 70, 0.03) 1px, transparent 1px) !important;\r\n  background-size: 70px 70px !important;\r\n  opacity: 0.25 !important;\r\n}\r\n\r\n.jlv-devfaq::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  width: 400px !important;\r\n  height: 400px !important;\r\n  bottom: -50px !important;\r\n  left: 50% !important;\r\n  transform: translateX(-50%) !important;\r\n  background: radial-gradient(circle, rgba(230, 57, 70, 0.06), transparent 60%) !important;\r\n  filter: blur(60px) !important;\r\n  z-index: 0 !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n.jlv-devfaq-inner {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  max-width: 800px !important;\r\n  margin: 0 auto !important;\r\n  text-align: center !important;\r\n}\r\n\r\n.jlv-devfaq-tag {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 8px !important;\r\n  background: rgba(230, 57, 70, 0.12) !important;\r\n  border: 1px solid rgba(230, 57, 70, 0.25) !important;\r\n  border-radius: 50px !important;\r\n  padding: 7px 18px !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  color: #FF4D5A !important;\r\n  letter-spacing: 2px !important;\r\n  text-transform: uppercase !important;\r\n  margin-bottom: 18px !important;\r\n}\r\n\r\n.jlv-devfaq-tag::before {\r\n  content: \"\" !important;\r\n  width: 6px !important;\r\n  height: 6px !important;\r\n  background: #FF4D5A !important;\r\n  border-radius: 50% !important;\r\n  box-shadow: 0 0 8px rgba(230, 57, 70, 0.6) !important;\r\n  animation: jlvDevFaqPulse 2s ease-in-out infinite !important;\r\n}\r\n\r\n@keyframes jlvDevFaqPulse {\r\n  0%, 100% { opacity: 1; }\r\n  50%      { opacity: 0.4; }\r\n}\r\n\r\n.jlv-devfaq-title {\r\n  font-size: clamp(26px, 4vw, 42px) !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.2 !important;\r\n  letter-spacing: -0.02em !important;\r\n  margin: 0 0 14px 0 !important;\r\n}\r\n\r\n.jlv-devfaq-title .white { color: #FFFFFF !important; text-shadow: 0 0 20px rgba(255,255,255,0.50), 0 1px 3px rgba(0,0,0,0.5) !important; }\r\n.jlv-devfaq-title .accent { color: #FF4D5A !important; text-shadow: 0 0 25px rgba(230,57,70,0.50) !important; }\r\n\r\n.jlv-devfaq-line {\r\n  width: 60px !important;\r\n  height: 3px !important;\r\n  background: linear-gradient(90deg, #E63946, #FF6B77) !important;\r\n  border-radius: 3px !important;\r\n  margin: 0 auto 20px !important;\r\n  box-shadow: 0 0 12px rgba(230, 57, 70, 0.3) !important;\r\n}\r\n\r\n.jlv-devfaq-sub {\r\n  font-size: 16px !important;\r\n  color: rgba(255, 255, 255, 0.60) !important;\r\n  max-width: 580px !important;\r\n  margin: 0 auto 45px !important;\r\n  line-height: 1.7 !important;\r\n}\r\n\r\n\/* Acorde\u00f3n *\/\r\n.jlv-devfaq-list {\r\n  text-align: left !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 12px !important;\r\n}\r\n\r\n.jlv-devfaq-item {\r\n  background: rgba(255, 255, 255, 0.03) !important;\r\n  border: 1px solid rgba(255, 255, 255, 0.06) !important;\r\n  border-radius: 16px !important;\r\n  overflow: hidden !important;\r\n  transition: all 0.3s ease !important;\r\n}\r\n\r\n.jlv-devfaq-item:hover {\r\n  border-color: rgba(230, 57, 70, 0.18) !important;\r\n}\r\n\r\n.jlv-devfaq-q {\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: space-between !important;\r\n  gap: 16px !important;\r\n  padding: 20px 24px !important;\r\n  cursor: pointer !important;\r\n  font-size: 15.5px !important;\r\n  font-weight: 600 !important;\r\n  color: #FFFFFF !important;\r\n  line-height: 1.4 !important;\r\n  transition: color 0.3s ease !important;\r\n  user-select: none !important;\r\n}\r\n\r\n.jlv-devfaq-q:hover {\r\n  color: #FF4D5A !important;\r\n}\r\n\r\n.jlv-devfaq-q svg {\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n  flex-shrink: 0 !important;\r\n  color: rgba(255, 255, 255, 0.35) !important;\r\n  transition: transform 0.3s ease, color 0.3s ease !important;\r\n}\r\n\r\n.jlv-devfaq-item.active .jlv-devfaq-q svg {\r\n  transform: rotate(45deg) !important;\r\n  color: #FF4D5A !important;\r\n}\r\n\r\n.jlv-devfaq-a {\r\n  max-height: 0 !important;\r\n  overflow: hidden !important;\r\n  transition: max-height 0.4s ease, padding 0.4s ease !important;\r\n  padding: 0 24px !important;\r\n}\r\n\r\n.jlv-devfaq-item.active .jlv-devfaq-a {\r\n  max-height: 300px !important;\r\n  padding: 0 24px 22px !important;\r\n}\r\n\r\n.jlv-devfaq-a p {\r\n  font-size: 14px !important;\r\n  color: rgba(255, 255, 255, 0.55) !important;\r\n  line-height: 1.7 !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 550px) {\r\n  .jlv-devfaq {\r\n    padding: 70px 20px !important;\r\n  }\r\n  .jlv-devfaq-q {\r\n    font-size: 14.5px !important;\r\n    padding: 18px 18px\r\n !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"jlv-devfaq\">\r\n  <div class=\"jlv-devfaq-inner\">\r\n\r\n    <div class=\"jlv-devfaq-tag translation-block\"><span class=\"white\">Frequently asked <\/span>\n        <span class=\"accent\">questions<\/span><\/div>\r\n\r\n    <h2 class=\"jlv-devfaq-title translation-block\"><span class=\"white\">We answer your <\/span>\n      <span class=\"accent\">questions<\/span><\/h2>\r\n\r\n    <div class=\"jlv-devfaq-line\"><\/div>\r\n\r\n    <p class=\"jlv-devfaq-sub\">The most common questions about our web development service. If you don't find your answer, write to us.<\/p>\r\n\r\n    <div class=\"jlv-devfaq-list\">\r\n\r\n      <!-- FAQ 1 -->\r\n      <div class=\"jlv-devfaq-item\">\r\n        <div class=\"jlv-devfaq-q\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n          How long does it take to develop a website?\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"jlv-devfaq-a\">\r\n          <p>It depends on the project's complexity. A landing page can be ready in 5\u20137 business days. A complete corporate site takes 2\u20134 weeks. Online stores and more complex platforms can take 4\u20138 weeks. We always define a clear timeline before starting.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 2 -->\r\n      <div class=\"jlv-devfaq-item\">\r\n        <div class=\"jlv-devfaq-q\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n          How much does a professional website cost?\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"jlv-devfaq-a\">\r\n          <p>Every project is unique and the price depends on the features, number of pages and complexity. We offer plans from landing pages to full platforms. Contact us for a personalized quote with no commitment.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 3 -->\r\n      <div class=\"jlv-devfaq-item\">\r\n        <div class=\"jlv-devfaq-q\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n          Does it include hosting and domain?\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"jlv-devfaq-a\">\r\n          <p>Yes. We handle everything: domain registration, high-performance hosting setup, SSL certificate, corporate email accounts and technical support. You just focus on your business.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 4 -->\r\n      <div class=\"jlv-devfaq-item\">\r\n        <div class=\"jlv-devfaq-q\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n          Will the website be responsive (mobile-friendly)?\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"jlv-devfaq-a\">\r\n          <p>Absolutely. All our websites are designed mobile-first, ensuring a perfect experience on smartphones, tablets and desktops. Over 60% of web traffic comes from mobile devices, so it's a priority.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 5 -->\r\n      <div class=\"jlv-devfaq-item\">\r\n        <div class=\"jlv-devfaq-q\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n          Can I manage the content myself?\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"jlv-devfaq-a\">\r\n          <p>Yes. We build on WordPress with Elementor, which lets you edit text, images and content visually without any coding knowledge. We also provide full training upon delivery.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FAQ 6 -->\r\n      <div class=\"jlv-devfaq-item\">\r\n        <div class=\"jlv-devfaq-q\" onclick=\"this.parentElement.classList.toggle('active')\">\r\n          Do you offer support after launch?\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"jlv-devfaq-a\">\r\n          <p>Yes. All our plans include post-launch support. We handle updates, security, backups and any adjustments you need. Your website will always be in good hands.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <!-- FIN FAQ LIST -->\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- FIN SECCI\u00d3N FAQ -->\r\n\r\n<!-- ============================================\r\n     SEPARADOR FUTURISTA \u2014 FONDO TRANSPARENTE\r\n     Pegar en widget HTML de Elementor\r\n     ============================================ -->\r\n<style>\r\n.jlv-sep-pol {\r\n  background: transparent !important;\r\n  padding: 0 40px !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  height: 60px !important;\r\n}\r\n.jlv-sep-pol-line {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 5% !important;\r\n  right: 5% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(230,57,70,0.15),\r\n    rgba(230,57,70,0.35),\r\n    rgba(230,57,70,0.15),\r\n    transparent\r\n  ) !important;\r\n  transform: translateY(-50%) !important;\r\n}\r\n.jlv-sep-pol-diamond {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  width: 10px !important;\r\n  height: 10px !important;\r\n  background: #E63946 !important;\r\n  transform: rotate(45deg) !important;\r\n  box-shadow:\r\n    0 0 10px rgba(230,57,70,0.8),\r\n    0 0 20px rgba(230,57,70,0.4),\r\n    0 0 40px rgba(230,57,70,0.2) !important;\r\n  animation: jlvPolSepPulse 2s infinite !important;\r\n}\r\n.jlv-sep-pol-diamond::before,\r\n.jlv-sep-pol-diamond::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 50% !important;\r\n  transform: translate(-50%, -50%) rotate(0deg) !important;\r\n  border: 1px solid rgba(230,57,70,0.3) !important;\r\n  border-radius: 2px !important;\r\n}\r\n.jlv-sep-pol-diamond::before {\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n}\r\n.jlv-sep-pol-diamond::after {\r\n  width: 30px !important;\r\n  height: 30px !important;\r\n  border-color: rgba(230,57,70,0.15) !important;\r\n}\r\n@keyframes jlvPolSepPulse {\r\n  0%, 100% {\r\n    box-shadow:\r\n      0 0 10px rgba(230,57,70,0.8),\r\n      0 0 20px rgba(230,57,70,0.4),\r\n      0 0 40px rgba(230,57,70,0.2);\r\n  }\r\n  50% {\r\n    box-shadow:\r\n      0 0 15px rgba(230,57,70,1),\r\n      0 0 30px rgba(230,57,70,0.6),\r\n      0 0 60px rgba(230,57,70,0.3);\r\n  }\r\n}\r\n.jlv-sep-pol-scanner {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 0 !important;\r\n  width: 40% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(230,57,70,0.6)\r\n  ) !important;\r\n  transform: translateY(-50%) !important;\r\n  animation: jlvPolSepScanL 3s ease-in-out infinite !important;\r\n}\r\n.jlv-sep-pol-scanner2 {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  right: 0 !important;\r\n  width: 40% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(\r\n    270deg,\r\n    transparent,\r\n    rgba(230,57,70,0.6)\r\n  ) !important;\r\n  transform: translateY(-50%) !important;\r\n  animation: jlvPolSepScanR 3s ease-in-out infinite !important;\r\n}\r\n@keyframes jlvPolSepScanL {\r\n  0%   { width: 0%; opacity: 0; }\r\n  50%  { width: 42%; opacity: 1; }\r\n  100% { width: 0%; opacity: 0; }\r\n}\r\n@keyframes jlvPolSepScanR {\r\n  0%   { width: 0%; opacity: 0; }\r\n  50%  { width: 42%; opacity: 1; }\r\n  100% { width: 0%; opacity: 0; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jlv-sep-pol\" aria-hidden=\"true\">\r\n  <div class=\"jlv-sep-pol-line\"><\/div>\r\n  <div class=\"jlv-sep-pol-scanner\"><\/div>\r\n  <div class=\"jlv-sep-pol-scanner2\"><\/div>\r\n  <div class=\"jlv-sep-pol-diamond\"><\/div>\r\n<\/div>\r\n<!-- FIN SEPARADOR TRANSPARENTE -->\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a930fc5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a930fc5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-59e2033\" data-id=\"59e2033\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e079083 elementor-widget elementor-widget-html\" data-id=\"e079083\" 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<!-- ============================================\r\n     DESARROLLO WEB \u2014 CTA FINAL\r\n     ============================================ -->\r\n     \r\n<style>\r\n\/* ===== SECCI\u00d3N CTA FINAL ===== *\/\r\n.jlv-devcta {\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  padding: 100px 40px !important;\r\n  background: #0D0D0D !important;\r\n  font-family: 'Raleway', sans-serif !important;\r\n  width: 100vw !important;\r\n  margin-left: calc(-50vw + 50%) !important;\r\n}\r\n\r\n.jlv-devcta::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  inset: 0 !important;\r\n  z-index: 0 !important;\r\n  background:\r\n    linear-gradient(rgba(230, 57, 70, 0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(230, 57, 70, 0.04) 1px, transparent 1px) !important;\r\n  background-size: 70px 70px !important;\r\n  opacity: 0.3 !important;\r\n}\r\n\r\n.jlv-devcta::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  width: 600px !important;\r\n  height: 600px !important;\r\n  top: 50% !important;\r\n  left: 50% !important;\r\n  transform: translate(-50%, -50%) !important;\r\n  background: radial-gradient(circle, rgba(230, 57, 70, 0.08), transparent 55%) !important;\r\n  filter: blur(80px) !important;\r\n  z-index: 0 !important;\r\n  pointer-events: none !important;\r\n}\r\n\r\n.jlv-devcta-inner {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  max-width: 750px !important;\r\n  margin: 0 auto !important;\r\n  text-align: center !important;\r\n}\r\n\r\n.jlv-devcta-tag {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 8px !important;\r\n  background: rgba(230, 57, 70, 0.12) !important;\r\n  border: 1px solid rgba(230, 57, 70, 0.25) !important;\r\n  border-radius: 50px !important;\r\n  padding: 7px 18px !important;\r\n  font-size: 12px !important;\r\n  font-weight: 700 !important;\r\n  color: #FF4D5A !important;\r\n  letter-spacing: 2px !important;\r\n  text-transform: uppercase !important;\r\n  margin-bottom: 18px !important;\r\n}\r\n\r\n.jlv-devcta-tag::before {\r\n  content: \"\" !important;\r\n  width: 6px !important;\r\n  height: 6px !important;\r\n  background: #FF4D5A !important;\r\n  border-radius: 50% !important;\r\n  box-shadow: 0 0 8px rgba(230, 57, 70, 0.6) !important;\r\n  animation: jlvDevCtaPulse 2s ease-in-out infinite !important;\r\n}\r\n\r\n@keyframes jlvDevCtaPulse {\r\n  0%, 100% { opacity: 1; }\r\n  50%      { opacity: 0.4; }\r\n}\r\n\r\n.jlv-devcta-title {\r\n  font-size: clamp(28px, 4.5vw, 46px) !important;\r\n  font-weight: 800 !important;\r\n  line-height: 1.15 !important;\r\n  letter-spacing: -0.02em !important;\r\n  margin: 0 0 14px 0 !important;\r\n}\r\n\r\n.jlv-devcta-title .white { color: #FFFFFF !important; text-shadow: 0 0 20px rgba(255,255,255,0.50), 0 1px 3px rgba(0,0,0,0.5) !important; }\r\n.jlv-devcta-title .accent { color: #FF4D5A !important; text-shadow: 0 0 25px rgba(230,57,70,0.50) !important; }\r\n\r\n.jlv-devcta-line {\r\n  width: 60px !important;\r\n  height: 3px !important;\r\n  background: linear-gradient(90deg, #E63946, #FF6B77) !important;\r\n  border-radius: 3px !important;\r\n  margin: 0 auto 22px !important;\r\n  box-shadow: 0 0 12px rgba(230, 57, 70, 0.3) !important;\r\n}\r\n\r\n.jlv-devcta-desc {\r\n  font-size: 16.5px !important;\r\n  color: rgba(255, 255, 255, 0.60) !important;\r\n  max-width: 580px !important;\r\n  margin: 0 auto 18px !important;\r\n  line-height: 1.7 !important;\r\n}\r\n\r\n\/* Badges de beneficios *\/\r\n.jlv-devcta-badges {\r\n  display: flex !important;\r\n  flex-wrap: wrap !important;\r\n  justify-content: center !important;\r\n  gap: 10px !important;\r\n  margin-bottom: 38px !important;\r\n}\r\n\r\n.jlv-devcta-badge {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 6px !important;\r\n  background: rgba(255, 255, 255, 0.04) !important;\r\n  border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n  border-radius: 50px !important;\r\n  padding: 8px 16px !important;\r\n  font-size: 13px !important;\r\n  color: rgba(255, 255, 255, 0.65) !important;\r\n  font-weight: 500 !important;\r\n}\r\n\r\n.jlv-devcta-badge svg {\r\n  width: 16px !important;\r\n  height: 16px !important;\r\n  color: #FF4D5A !important;\r\n  flex-shrink: 0 !important;\r\n}\r\n\r\n\/* Bot\u00f3n WhatsApp principal *\/\r\n.jlv-devcta-wsp {\r\n  display: inline-flex !important;\r\n  align-items: center !important;\r\n  gap: 12px !important;\r\n  padding: 18px 42px !important;\r\n  background: linear-gradient(135deg, #E63946, #C62833) !important;\r\n  color: #FFFFFF !important;\r\n  font-size: 16px !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.02em !important;\r\n  border-radius: 60px !important;\r\n  text-decoration: none !important;\r\n  border: none !important;\r\n  cursor: pointer !important;\r\n  box-shadow:\r\n    0 4px 25px rgba(230, 57, 70, 0.35),\r\n    0 0 50px rgba(230, 57, 70, 0.10) !important;\r\n  transition: all 0.4s ease !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n.jlv-devcta-wsp::before {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 0 !important;\r\n  left: -100% !important;\r\n  width: 100% !important;\r\n  height: 100% !important;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent) !important;\r\n  transition: left 0.6s ease !important;\r\n}\r\n\r\n.jlv-devcta-wsp:hover {\r\n  transform: translateY(-3px) !important;\r\n  box-shadow:\r\n    0 8px 35px rgba(230, 57, 70, 0.45),\r\n    0 0 70px rgba(230, 57, 70, 0.15) !important;\r\n}\r\n\r\n.jlv-devcta-wsp:hover::before {\r\n  left: 100% !important;\r\n}\r\n\r\n.jlv-devcta-wsp svg {\r\n  width: 22px !important;\r\n  height: 22px !important;\r\n}\r\n\r\n\/* Texto secundario *\/\r\n.jlv-devcta-note {\r\n  font-size: 13px !important;\r\n  color: rgba(255, 255, 255, 0.35) !important;\r\n  margin-top: 18px !important;\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 550px) {\r\n  .jlv-devcta {\r\n    padding: 70px 20px !important;\r\n  }\r\n  .jlv-devcta-wsp {\r\n    padding: 16px 32px !important;\r\n    font-size: 15px !important;\r\n  }\r\n  .jlv-devcta-badges {\r\n    gap: 8px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"jlv-devcta\">\r\n  <div class=\"jlv-devcta-inner\">\r\n\r\n    <div class=\"jlv-devcta-tag\">Start Today<\/div>\r\n\r\n    <h2 class=\"jlv-devcta-title translation-block\"><span class=\"white\">Ready for your <\/span>\n      <span class=\"accent\">professional website<\/span>\n      <span class=\"white\"> ?<\/span><\/h2>\r\n\r\n    <div class=\"jlv-devcta-line\"><\/div>\r\n\r\n    <p class=\"jlv-devcta-desc\">Tell us about your project and receive a personalized proposal in less than 24 hours. No commitment, no fine print.<\/p>\r\n\r\n    <p class=\"jlv-devcta-desc\" style=\"margin-bottom: 30px !important;\">Over 200 businesses in Medell\u00edn already trust us with their digital presence. Your success story could be next.<\/p>\r\n\r\n    <div class=\"jlv-devcta-badges\">\r\n      <span class=\"jlv-devcta-badge\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg>\r\n        Free quote\r\n      <\/span>\r\n      <span class=\"jlv-devcta-badge\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg>\r\n        Response in 24h\r\n      <\/span>\r\n      <span class=\"jlv-devcta-badge\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg>\r\n        No commitment\r\n      <\/span>\r\n      <span class=\"jlv-devcta-badge\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4.5 12.75 6 6 9-13.5\"\/><\/svg>\r\n        Support included\r\n      <\/span>\r\n    <\/div>\r\n\r\n    <!-- BOT\u00d3N WHATSAPP \u2014 Desarrollo Web -->\r\n    <a href=\"https:\/\/wa.me\/573173951364?text=Hola%20JLV%20Marketing%2C%20estoy%20interesado%20en%20el%20servicio%20de%20desarrollo%20web.%20Me%20gustar%C3%ADa%20recibir%20una%20cotizaci%C3%B3n%20personalizada%20para%20mi%20proyecto.%20%C2%BFPodemos%20agendar%20una%20llamada%3F\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"jlv-devcta-wsp\">\r\n      <svg viewbox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413Z\"\/><\/svg>\r\n      Request a quote via WhatsApp\r\n    <\/a>\r\n\r\n    <p class=\"jlv-devcta-note\">We respond during business hours \u00b7 Monday to Friday \u00b7 8:00 AM \u2013 5:00 PM<\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n<!-- FIN SECCI\u00d3N CTA FINAL -->\r\n<style>\r\n.jlv-sep-pol {\r\n  background: #0A0A0A !important;\r\n  padding: 0 40px !important;\r\n  position: relative !important;\r\n  overflow: hidden !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  height: 60px !important;\r\n}\r\n.jlv-sep-pol-line {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 5% !important;\r\n  right: 5% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(230,57,70,0.15),\r\n    rgba(230,57,70,0.35),\r\n    rgba(230,57,70,0.15),\r\n    transparent\r\n  ) !important;\r\n  transform: translateY(-50%) !important;\r\n}\r\n.jlv-sep-pol-diamond {\r\n  position: relative !important;\r\n  z-index: 2 !important;\r\n  width: 10px !important;\r\n  height: 10px !important;\r\n  background: #E63946 !important;\r\n  transform: rotate(45deg) !important;\r\n  box-shadow:\r\n    0 0 10px rgba(230,57,70,0.8),\r\n    0 0 20px rgba(230,57,70,0.4),\r\n    0 0 40px rgba(230,57,70,0.2) !important;\r\n  animation: jlvPolSepPulse 2s infinite !important;\r\n}\r\n.jlv-sep-pol-diamond::before,\r\n.jlv-sep-pol-diamond::after {\r\n  content: \"\" !important;\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 50% !important;\r\n  transform: translate(-50%, -50%) rotate(0deg) !important;\r\n  border: 1px solid rgba(230,57,70,0.3) !important;\r\n  border-radius: 2px !important;\r\n}\r\n.jlv-sep-pol-diamond::before {\r\n  width: 20px !important;\r\n  height: 20px !important;\r\n}\r\n.jlv-sep-pol-diamond::after {\r\n  width: 30px !important;\r\n  height: 30px !important;\r\n  border-color: rgba(230,57,70,0.15) !important;\r\n}\r\n@keyframes jlvPolSepPulse {\r\n  0%, 100% {\r\n    box-shadow:\r\n      0 0 10px rgba(230,57,70,0.8),\r\n      0 0 20px rgba(230,57,70,0.4),\r\n      0 0 40px rgba(230,57,70,0.2);\r\n  }\r\n  50% {\r\n    box-shadow:\r\n      0 0 15px rgba(230,57,70,1),\r\n      0 0 30px rgba(230,57,70,0.6),\r\n      0 0 60px rgba(230,57,70,0.3);\r\n  }\r\n}\r\n\r\n\/* L\u00edneas laterales animadas *\/\r\n.jlv-sep-pol-scanner {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  left: 0 !important;\r\n  width: 40% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(230,57,70,0.6)\r\n  ) !important;\r\n  transform: translateY(-50%) !important;\r\n  animation: jlvPolSepScanL 3s ease-in-out infinite !important;\r\n}\r\n.jlv-sep-pol-scanner2 {\r\n  position: absolute !important;\r\n  top: 50% !important;\r\n  right: 0 !important;\r\n  width: 40% !important;\r\n  height: 1px !important;\r\n  background: linear-gradient(\r\n    270deg,\r\n    transparent,\r\n    rgba(230,57,70,0.6)\r\n  ) !important;\r\n  transform: translateY(-50%) !important;\r\n  animation: jlvPolSepScanR 3s ease-in-out infinite !important;\r\n}\r\n@keyframes jlvPolSepScanL {\r\n  0%   { width: 0%; opacity: 0; }\r\n  50%  { width: 42%; opacity: 1; }\r\n  100% { width: 0%; opacity: 0; }\r\n}\r\n@keyframes jlvPolSepScanR {\r\n  0%   { width: 0%; opacity: 0; }\r\n  50%  { width: 42%; opacity: 1; }\r\n  100% { width: 0%; opacity: 0; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"jlv-sep-pol\" aria-hidden=\"true\">\r\n  <div class=\"jlv-sep-pol-line\"><\/div>\r\n  <div class=\"jlv-sep-pol-scanner\"><\/div>\r\n  <div class=\"jlv-sep-pol-scanner2\"><\/div>\r\n  <div class=\"jlv-sep-pol-diamond\"><\/div>\r\n<\/div>\r\n<!-- FIN SEPARADOR -->\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Desarrollo Web Dise\u00f1o y desarrollo de p\u00e1ginas web profesionales en Colombia Creamos p\u00e1ginas web a medida que no solo se ven bien, sino que est\u00e1n dise\u00f1adas para posicionarse en Google, convertir visitantes en clientes y escalar tu negocio. En JLV Marketing cada proyecto web se desarrolla con estrategia SEO desde el primer d\u00eda, velocidad de [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-22815","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Desarrollo Web - JLV ENTERPRISES<\/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:\/\/jlvmarketing.com\/en\/desarrollo-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Desarrollo Web - JLV ENTERPRISES\" \/>\n<meta property=\"og:description\" content=\"Desarrollo Web Dise\u00f1o y desarrollo de p\u00e1ginas web profesionales en Colombia Creamos p\u00e1ginas web a medida que no solo se ven bien, sino que est\u00e1n dise\u00f1adas para posicionarse en Google, convertir visitantes en clientes y escalar tu negocio. En JLV Marketing cada proyecto web se desarrolla con estrategia SEO desde el primer d\u00eda, velocidad de [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jlvmarketing.com\/en\/desarrollo-web\/\" \/>\n<meta property=\"og:site_name\" content=\"JLV ENTERPRISES\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/jlventerprise\/?locale=es_LA\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-25T14:14:36+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@JlvEnterprises\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jlvmarketing.com\/desarrollo-web\/\",\"url\":\"https:\/\/jlvmarketing.com\/desarrollo-web\/\",\"name\":\"Desarrollo Web - JLV ENTERPRISES\",\"isPartOf\":{\"@id\":\"https:\/\/jlvmarketing.com\/#website\"},\"datePublished\":\"2026-03-18T18:47:49+00:00\",\"dateModified\":\"2026-03-25T14:14:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jlvmarketing.com\/desarrollo-web\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jlvmarketing.com\/desarrollo-web\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jlvmarketing.com\/desarrollo-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jlvmarketing.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desarrollo Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jlvmarketing.com\/#website\",\"url\":\"https:\/\/jlvmarketing.com\/\",\"name\":\"JLV ENTERPRISES\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/jlvmarketing.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jlvmarketing.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jlvmarketing.com\/#organization\",\"name\":\"JLV ENTERPRISES\",\"url\":\"https:\/\/jlvmarketing.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jlvmarketing.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jlvmarketing.com\/wp-content\/uploads\/2025\/09\/cropped-Logo-JLV-Marketing.png\",\"contentUrl\":\"https:\/\/jlvmarketing.com\/wp-content\/uploads\/2025\/09\/cropped-Logo-JLV-Marketing.png\",\"width\":500,\"height\":381,\"caption\":\"JLV ENTERPRISES\"},\"image\":{\"@id\":\"https:\/\/jlvmarketing.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/jlventerprise\/?locale=es_LA\",\"https:\/\/x.com\/JlvEnterprises\",\"https:\/\/www.instagram.com\/jlventerprises\/?hl=es\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Desarrollo Web - JLV ENTERPRISES","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:\/\/jlvmarketing.com\/en\/desarrollo-web\/","og_locale":"en_US","og_type":"article","og_title":"Desarrollo Web - JLV ENTERPRISES","og_description":"Desarrollo Web Dise\u00f1o y desarrollo de p\u00e1ginas web profesionales en Colombia Creamos p\u00e1ginas web a medida que no solo se ven bien, sino que est\u00e1n dise\u00f1adas para posicionarse en Google, convertir visitantes en clientes y escalar tu negocio. En JLV Marketing cada proyecto web se desarrolla con estrategia SEO desde el primer d\u00eda, velocidad de [&hellip;]","og_url":"https:\/\/jlvmarketing.com\/en\/desarrollo-web\/","og_site_name":"JLV ENTERPRISES","article_publisher":"https:\/\/www.facebook.com\/jlventerprise\/?locale=es_LA","article_modified_time":"2026-03-25T14:14:36+00:00","twitter_card":"summary_large_image","twitter_site":"@JlvEnterprises","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jlvmarketing.com\/desarrollo-web\/","url":"https:\/\/jlvmarketing.com\/desarrollo-web\/","name":"Desarrollo Web - JLV ENTERPRISES","isPartOf":{"@id":"https:\/\/jlvmarketing.com\/#website"},"datePublished":"2026-03-18T18:47:49+00:00","dateModified":"2026-03-25T14:14:36+00:00","breadcrumb":{"@id":"https:\/\/jlvmarketing.com\/desarrollo-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jlvmarketing.com\/desarrollo-web\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jlvmarketing.com\/desarrollo-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jlvmarketing.com\/"},{"@type":"ListItem","position":2,"name":"Desarrollo Web"}]},{"@type":"WebSite","@id":"https:\/\/jlvmarketing.com\/#website","url":"https:\/\/jlvmarketing.com\/","name":"JLV ENTERPRISES","description":"","publisher":{"@id":"https:\/\/jlvmarketing.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jlvmarketing.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jlvmarketing.com\/#organization","name":"JLV ENTERPRISES","url":"https:\/\/jlvmarketing.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jlvmarketing.com\/#\/schema\/logo\/image\/","url":"https:\/\/jlvmarketing.com\/wp-content\/uploads\/2025\/09\/cropped-Logo-JLV-Marketing.png","contentUrl":"https:\/\/jlvmarketing.com\/wp-content\/uploads\/2025\/09\/cropped-Logo-JLV-Marketing.png","width":500,"height":381,"caption":"JLV ENTERPRISES"},"image":{"@id":"https:\/\/jlvmarketing.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/jlventerprise\/?locale=es_LA","https:\/\/x.com\/JlvEnterprises","https:\/\/www.instagram.com\/jlventerprises\/?hl=es"]}]}},"_links":{"self":[{"href":"https:\/\/jlvmarketing.com\/en\/wp-json\/wp\/v2\/pages\/22815","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jlvmarketing.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jlvmarketing.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jlvmarketing.com\/en\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/jlvmarketing.com\/en\/wp-json\/wp\/v2\/comments?post=22815"}],"version-history":[{"count":19,"href":"https:\/\/jlvmarketing.com\/en\/wp-json\/wp\/v2\/pages\/22815\/revisions"}],"predecessor-version":[{"id":22936,"href":"https:\/\/jlvmarketing.com\/en\/wp-json\/wp\/v2\/pages\/22815\/revisions\/22936"}],"wp:attachment":[{"href":"https:\/\/jlvmarketing.com\/en\/wp-json\/wp\/v2\/media?parent=22815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}