{"id":460,"date":"2026-01-04T23:18:22","date_gmt":"2026-01-04T23:18:22","guid":{"rendered":"https:\/\/ramapublicidad.com\/?page_id=460"},"modified":"2026-01-08T20:26:55","modified_gmt":"2026-01-08T20:26:55","slug":"inicio","status":"publish","type":"page","link":"https:\/\/ramapublicidad.com\/","title":{"rendered":"INICIO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"460\" class=\"elementor elementor-460\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a26668 e-con-full e-flex e-con e-parent\" data-id=\"6a26668\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c96b58d elementor-widget elementor-widget-html\" data-id=\"c96b58d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================\r\n   RESET B\u00c1SICO\r\n========================= *\/\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  font-family: 'Montserrat', sans-serif;\r\n  background: #1e3d52;\r\n  color: #ffffff;\r\n  overflow-x: hidden;\r\n}\r\n\r\n\/* =========================\r\n   HEADER BOUTIQUE\r\n========================= *\/\r\n.rama-header {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 90px;\r\n  background: linear-gradient(180deg, #1e3d52 0%, #234a62 100%);\r\n  z-index: 999;\r\n}\r\n\r\n.rama-header-container {\r\n  max-width: 1300px;\r\n  height: 100%;\r\n  margin: 0 auto;\r\n  padding: 0 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n\/* Logo *\/\r\n.rama-logo img {\r\n  height: 42px;\r\n}\r\n\r\n\/* Men\u00fa *\/\r\n.rama-nav {\r\n  display: flex;\r\n  gap: 36px;\r\n}\r\n\r\n.rama-nav a {\r\n  color: #ffffff;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  font-size: 15px;\r\n  position: relative;\r\n  opacity: 0.9;\r\n}\r\n\r\n.rama-nav a::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: -8px;\r\n  left: 0;\r\n  width: 0;\r\n  height: 2px;\r\n  background: #2BBF67;\r\n  transition: 0.3s ease;\r\n}\r\n\r\n.rama-nav a:hover::after {\r\n  width: 100%;\r\n}\r\n\r\n\/* CTA *\/\r\n.rama-header-btn {\r\n  background: linear-gradient(135deg, #2BBF67, #1ABC9C);\r\n  color: #0e2c3d;\r\n  padding: 12px 26px;\r\n  border-radius: 999px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  transition: 0.3s ease;\r\n}\r\n\r\n.rama-header-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 25px rgba(43,191,103,0.4);\r\n}\r\n\r\n\/* =========================\r\n   HERO FULL SCREEN\r\n========================= *\/\r\n.rama-hero {\r\n  min-height: 100vh;\r\n  padding-top: 90px; \/* espacio exacto del header *\/\r\n  display: flex;\r\n  align-items: center;\r\n  background: radial-gradient(circle at right, #2a5d77 0%, #1e3d52 55%);\r\n}\r\n\r\n.rama-hero-container {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  padding: 80px 32px;\r\n  display: grid;\r\n  grid-template-columns: 1.2fr 0.8fr;\r\n  gap: 60px;\r\n}\r\n\r\n\/* Texto hero *\/\r\n.rama-hero h1 {\r\n  font-size: clamp(36px, 4vw, 54px);\r\n  line-height: 1.15;\r\n  font-weight: 800;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.rama-hero h1 span {\r\n  color: #2BBF67;\r\n}\r\n\r\n.rama-hero p {\r\n  font-size: 18px;\r\n  max-width: 520px;\r\n  line-height: 1.6;\r\n  opacity: 0.9;\r\n  margin-bottom: 34px;\r\n}\r\n\r\n\/* Bot\u00f3n hero *\/\r\n.rama-hero-btn {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, #2BBF67, #1ABC9C);\r\n  color: #0e2c3d;\r\n  padding: 16px 38px;\r\n  border-radius: 999px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n}\r\n\r\n\/* Caja formulario *\/\r\n.rama-hero-box {\r\n  background: rgba(255,255,255,0.06);\r\n  backdrop-filter: blur(10px);\r\n  border-radius: 24px;\r\n  padding: 36px;\r\n}\r\n\r\n.rama-hero-box h3 {\r\n  font-size: 20px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.rama-hero-box p {\r\n  font-size: 14px;\r\n  opacity: 0.85;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.rama-hero-box input {\r\n  width: 100%;\r\n  padding: 14px 16px;\r\n  border-radius: 12px;\r\n  border: none;\r\n  margin-bottom: 14px;\r\n  font-size: 14px;\r\n}\r\n\r\n.rama-hero-box button {\r\n  width: 100%;\r\n  padding: 14px;\r\n  border-radius: 999px;\r\n  border: none;\r\n  font-weight: 700;\r\n  background: linear-gradient(135deg, #2BBF67, #1ABC9C);\r\n  color: #0e2c3d;\r\n  cursor: pointer;\r\n}\r\n\r\n\/* =========================\r\n   RESPONSIVE\r\n========================= *\/\r\n@media (max-width: 900px) {\r\n  .rama-hero-container {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .rama-nav {\r\n    display: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- =========================\r\n     HEADER\r\n========================= -->\r\n<header class=\"rama-header\">\r\n  <div class=\"rama-header-container\">\r\n    <div class=\"rama-logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/LOGO-final-04.png\" alt=\"RAMA\">\r\n    <\/div>\r\n\r\n    <nav class=\"rama-nav\">\r\n      <a href=\"#inicio\">Inicio<\/a>\r\n      <a href=\"#servicios\">Servicios<\/a>\r\n      <a href=\"#portafolio\">Portafolio<\/a>\r\n      <a href=\"#nosotros\">Nosotros<\/a>\r\n    <\/nav>\r\n\r\n    <a href=\"https:\/\/wa.me\/51946930406\" class=\"rama-header-btn\" target=\"_blank\">\r\n      Escr\u00edbenos\r\n    <\/a>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- =========================\r\n     HERO\r\n========================= -->\r\n<section class=\"rama-hero\" id=\"inicio\">\r\n  <div class=\"rama-hero-container\">\r\n\r\n    <div>\r\n      <h1>\r\n        Dise\u00f1o, estrategia y<br>\r\n        <span>ejecuci\u00f3n digital<\/span><br>\r\n        para marcas que quieren hacerlo bien.\r\n      <\/h1>\r\n\r\n      <p>\r\n        Somos una agencia boutique especializada en web, branding\r\n        y producci\u00f3n visual con criterio, estructura y ejecuci\u00f3n real.\r\n      <\/p>\r\n\r\n      <a href=\"https:\/\/wa.me\/51946930406\" class=\"rama-hero-btn\" target=\"_blank\">\r\n        Hablemos de tu proyecto\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"rama-hero-box\">\r\n      <h3>\u00bfTienes un proyecto en mente?<\/h3>\r\n      <p>D\u00e9janos tus datos y te contactamos.<\/p>\r\n\r\n      <input type=\"text\" placeholder=\"Nombre\">\r\n      <input type=\"email\" placeholder=\"Correo\">\r\n      <input type=\"text\" placeholder=\"Empresa (opcional)\">\r\n\r\n      <button onclick=\"window.open('https:\/\/wa.me\/51946930406','_blank')\">\r\n        Enviar por WhatsApp\r\n      <\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-afe8852 e-con-full e-flex e-con e-parent\" data-id=\"afe8852\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-ec4b544 e-con-full e-flex e-con e-child\" data-id=\"ec4b544\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90ad808 elementor-widget elementor-widget-html\" data-id=\"90ad808\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"rama-services\" id=\"servicios\">\r\n\r\n  <div class=\"rama-services-header\">\r\n    <h2>Servicios<\/h2>\r\n    <p>\r\n      Nos enfocamos en lo que hacemos bien: dise\u00f1o, estrategia y ejecuci\u00f3n.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"rama-services-grid\">\r\n\r\n    <!-- SERVICIO 1 -->\r\n    <div class=\"rama-service-card\">\r\n      <h3>Dise\u00f1o Web Estrat\u00e9gico<\/h3>\r\n      <p>\r\n        Webs claras, bien estructuradas y pensadas para comunicar,\r\n        convertir y representar correctamente tu marca.\r\n      <\/p>\r\n      <span>Web \u2022 UI\/UX \u2022 Responsive<\/span>\r\n    <\/div>\r\n\r\n    <!-- SERVICIO 2 -->\r\n    <div class=\"rama-service-card\">\r\n      <h3>Branding & Identidad Visual<\/h3>\r\n      <p>\r\n        Creamos marcas coherentes, funcionales y aplicables\r\n        en todos los puntos de contacto.\r\n      <\/p>\r\n      <span>Marca \u2022 Identidad \u2022 Dise\u00f1o<\/span>\r\n    <\/div>\r\n\r\n    <!-- SERVICIO 3 -->\r\n    <div class=\"rama-service-card\">\r\n      <h3>Producci\u00f3n BTL & Visual<\/h3>\r\n      <p>\r\n        Ejecutamos material gr\u00e1fico, activaciones y producci\u00f3n visual\r\n        pensada para el mundo real, no solo para mockups.\r\n      <\/p>\r\n      <span>BTL \u2022 Producci\u00f3n \u2022 Ejecuci\u00f3n<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ===============================\r\n   SERVICIOS RAMA \u2013 BOUTIQUE\r\n   =============================== *\/\r\n\r\n.rama-services {\r\n  background: #1e3d52;\r\n  padding: 100px 8%;\r\n  font-family: 'Montserrat', sans-serif;\r\n  color: #ffffff;\r\n}\r\n\r\n.rama-services-header {\r\n  max-width: 720px;\r\n  margin-bottom: 70px;\r\n}\r\n\r\n.rama-services-header h2 {\r\n  font-size: clamp(32px, 4vw, 46px);\r\n  font-weight: 800;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.rama-services-header p {\r\n  color: #cfe3ee;\r\n  font-size: 18px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* GRID *\/\r\n.rama-services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n  gap: 34px;\r\n}\r\n\r\n\/* CARD *\/\r\n.rama-service-card {\r\n  background: rgba(255,255,255,0.06);\r\n  border-radius: 26px;\r\n  padding: 40px 36px;\r\n  transition: all 0.35s ease;\r\n}\r\n\r\n.rama-service-card:hover {\r\n  transform: translateY(-6px);\r\n  background: rgba(255,255,255,0.1);\r\n  box-shadow: 0 24px 60px rgba(0,0,0,0.35);\r\n}\r\n\r\n\/* TITULO *\/\r\n.rama-service-card h3 {\r\n  font-size: 22px;\r\n  font-weight: 800;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.rama-service-card p {\r\n  font-size: 15.5px;\r\n  line-height: 1.6;\r\n  color: #d7e6f0;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\/* TAGS *\/\r\n.rama-service-card span {\r\n  font-size: 13px;\r\n  color: #2BBF67;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n  .rama-services {\r\n    padding: 80px 6%;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2116e80 e-con-full e-flex e-con e-child\" data-id=\"2116e80\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9454956 elementor-widget elementor-widget-html\" data-id=\"9454956\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"rama-social-proof\">\r\n\r\n  <div class=\"rama-proof-header\">\r\n    <h2>Clientes que confiaron en nuestro trabajo<\/h2>\r\n    <p>\r\n      Marcas con las que hemos trabajado en dise\u00f1o, branding y producci\u00f3n visual.\r\n      Algunas de ellas nos recomiendan.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- LOGOS CARRUSEL -->\r\n  <div class=\"rama-logos\">\r\n    <div class=\"rama-logos-track\">\r\n      <img decoding=\"async\" src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/icredit-04.png\" alt=\"ICREDIT\">\r\n      <img decoding=\"async\" src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/renticorp-04.png\" alt=\"Renticorp\">\r\n      <img decoding=\"async\" src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/psv-04.png\" alt=\"PSV Consultores\">\r\n      <img decoding=\"async\" src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/prob2-04.png\" alt=\"Team ProB2\">\r\n      <img decoding=\"async\" src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/dizupack-04.png\" alt=\"Dizupack\">\r\n      <img decoding=\"async\" src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/cascarita-04.png\" alt=\"Cascarita\">\r\n      <img decoding=\"async\" src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/lordfound-04.png\" alt=\"Lord Found\">\r\n\r\n      <!-- duplicados para loop -->\r\n      <img decoding=\"async\" src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/icredit-04.png\">\r\n      <img decoding=\"async\" src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/renticorp-04.png\">\r\n      <img decoding=\"async\" src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/psv-04.png\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- REVIEWS -->\r\n  <div class=\"rama-reviews\">\r\n\r\n    <div class=\"rama-review-card\">\r\n      <div class=\"rama-review-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/psv-04.png\" alt=\"PSV\">\r\n      <\/div>\r\n      <div class=\"rama-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p>\r\n        RAMA fue clave para ordenar nuestra presencia digital.\r\n        Entendieron el negocio y ejecutaron con un nivel profesional que marca la diferencia.\r\n      <\/p>\r\n      <strong>PSV Consultores<\/strong>\r\n      <span>Consultor\u00eda empresarial \u00b7 Dise\u00f1o Web<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"rama-review-card\">\r\n      <div class=\"rama-review-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/cascarita-04.png\" alt=\"Cascarita\">\r\n      <\/div>\r\n      <div class=\"rama-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p>\r\n        El trabajo de branding y dise\u00f1o fue clave para ordenar nuestra marca.\r\n        Todo qued\u00f3 claro, usable y coherente para web y redes.\r\n      <\/p>\r\n      <strong>Cascarita<\/strong>\r\n      <span>Alimentos \u00b7 Branding & Dise\u00f1o<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"rama-review-card\">\r\n      <div class=\"rama-review-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/dizupack-04.png\" alt=\"Dizupack\">\r\n      <\/div>\r\n      <div class=\"rama-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n      <p>\r\n        RAMA entendi\u00f3 perfectamente lo que necesit\u00e1bamos a nivel BTL.\r\n        La producci\u00f3n visual y ejecuci\u00f3n fueron claras y alineadas a nuestros objetivos.\r\n      <\/p>\r\n      <strong>Dizupack<\/strong>\r\n      <span>Packaging & Producci\u00f3n \u00b7 BTL<\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* === CONTENEDOR GENERAL === *\/\r\n.rama-social-proof {\r\n  background: #23475F;\r\n  padding: 120px 6%;\r\n  overflow: visible;\r\n  color: #fff;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* HEADER *\/\r\n.rama-proof-header h2 {\r\n  font-size: clamp(32px, 4vw, 48px);\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.rama-proof-header p {\r\n  max-width: 720px;\r\n  opacity: 0.9;\r\n}\r\n\r\n\/* LOGOS *\/\r\n.rama-logos {\r\n  margin: 60px 0 80px;\r\n  overflow: hidden;\r\n}\r\n\r\n.rama-logos-track {\r\n  display: flex;\r\n  gap: 60px;\r\n  animation: scroll 25s linear infinite;\r\n}\r\n\r\n.rama-logos img {\r\n  height: 48px;\r\n  opacity: 0.85;\r\n  filter: grayscale(100%);\r\n}\r\n\r\n@keyframes scroll {\r\n  from { transform: translateX(0); }\r\n  to { transform: translateX(-50%); }\r\n}\r\n\r\n\/* REVIEWS *\/\r\n.rama-reviews {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n  gap: 32px;\r\n}\r\n\r\n\/* TARJETA *\/\r\n.rama-review-card {\r\n  background: #ffffff;\r\n  color: #1e293b;\r\n  padding: 32px;\r\n  border-radius: 18px;\r\n  box-shadow: 0 20px 40px rgba(0,0,0,.18);\r\n}\r\n\r\n.rama-review-logo {\r\n  background: #23475F;\r\n  padding: 12px;\r\n  border-radius: 10px;\r\n  display: inline-flex;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.rama-review-logo img {\r\n  height: 32px;\r\n}\r\n\r\n.rama-stars {\r\n  color: #fbbf24;\r\n  margin-bottom: 12px;\r\n  font-size: 18px;\r\n}\r\n\r\n.rama-review-card p {\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n.rama-review-card strong {\r\n  display: block;\r\n  font-weight: 700;\r\n}\r\n\r\n.rama-review-card span {\r\n  font-size: 13px;\r\n  opacity: 0.7;\r\n}\r\n<\/style>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b1659c e-con-full e-flex e-con e-child\" data-id=\"9b1659c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67e3198 elementor-widget elementor-widget-html\" data-id=\"67e3198\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===============================\r\n   NOSOTROS \u2013 AGENCIA BOUTIQUE\r\n   =============================== *\/\r\n\r\n.rama-about {\r\n  position: relative;\r\n  width: 100vw;\r\n  min-height: 100vh;\r\n  background: linear-gradient(180deg, #23475F, #1e3d52);\r\n  overflow: hidden;\r\n  left: 50%;\r\n  margin-left: -50vw;\r\n  padding: 140px 0 120px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* CONTENEDOR *\/\r\n.rama-about-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 28px;\r\n  display: grid;\r\n  grid-template-columns: 1.2fr 0.8fr;\r\n  gap: 60px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.rama-about-text h2 {\r\n  font-size: clamp(40px, 5vw, 64px);\r\n  font-weight: 800;\r\n  line-height: 1.05;\r\n  margin-bottom: 24px;\r\n  color: #ffffff;\r\n}\r\n\r\n.rama-about-text h2 span {\r\n  color: #2BBF67;\r\n}\r\n\r\n.rama-about-text p {\r\n  font-size: 18px;\r\n  line-height: 1.7;\r\n  max-width: 560px;\r\n  color: #e2eef5;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n\/* CTA *\/\r\n.rama-about-text a {\r\n  display: inline-block;\r\n  margin-top: 28px;\r\n  background: linear-gradient(135deg, #2BBF67, #1ABC9C);\r\n  color: #23475F;\r\n  padding: 16px 40px;\r\n  border-radius: 999px;\r\n  font-weight: 800;\r\n  text-decoration: none;\r\n  transition: 0.3s ease;\r\n}\r\n\r\n.rama-about-text a:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 14px 40px rgba(43,191,103,0.45);\r\n}\r\n\r\n\/* STATS *\/\r\n.rama-about-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 28px;\r\n}\r\n\r\n.stat-box {\r\n  background: rgba(255,255,255,0.05);\r\n  border-radius: 18px;\r\n  padding: 34px 26px;\r\n  backdrop-filter: blur(6px);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  transition: transform .3s ease, box-shadow .3s ease;\r\n}\r\n\r\n.stat-box:hover {\r\n  transform: translateY(-6px);\r\n  box-shadow: 0 20px 40px rgba(0,0,0,.25);\r\n}\r\n\r\n.stat-number {\r\n  font-size: 44px;\r\n  font-weight: 800;\r\n  color: #2BBF67;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.stat-label {\r\n  font-size: 15px;\r\n  line-height: 1.5;\r\n  color: #e2eef5;\r\n  opacity: 0.95;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n  .rama-about-container {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .rama-about-stats {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n  .rama-about-stats {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"rama-about\" id=\"nosotros\">\r\n  <div class=\"rama-about-container\">\r\n\r\n    <!-- TEXTO -->\r\n    <div class=\"rama-about-text\">\r\n      <h2>\r\n        Somos una agencia<br>\r\n        <span>boutique bien hecha<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        RAMA nace desde la ejecuci\u00f3n real. Antes de ser agencia,\r\n        trabajamos como dise\u00f1adores y estrategas en proyectos que\r\n        necesitaban orden, claridad y resultados.\r\n      <\/p>\r\n\r\n      <p>\r\n        No hacemos volumen ni soluciones gen\u00e9ricas. Trabajamos\r\n        pocos proyectos, bien pensados y correctamente ejecutados\r\n        en web, branding y producci\u00f3n BTL.\r\n      <\/p>\r\n\r\n      <a href=\"https:\/\/wa.me\/51946930406\" target=\"_blank\">\r\n        Conversemos sobre tu proyecto\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- STATS -->\r\n    <div class=\"rama-about-stats\">\r\n\r\n      <div class=\"stat-box\">\r\n        <div class=\"stat-number\" data-count=\"5\">0<\/div>\r\n        <div class=\"stat-label\">A\u00f1os de experiencia real<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"stat-box\">\r\n        <div class=\"stat-number\" data-count=\"100\">0<\/div>\r\n        <div class=\"stat-label\">Proyectos ejecutados<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"stat-box\">\r\n        <div class=\"stat-number\" data-count=\"3\">0<\/div>\r\n        <div class=\"stat-label\">Pilares claros de servicio<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"stat-box\">\r\n        <div class=\"stat-number\" data-count=\"1\">0<\/div>\r\n        <div class=\"stat-label\">\r\n          Un solo est\u00e1ndar<br>\r\n          Ejecuci\u00f3n real\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* ===============================\r\n   CONTADOR ANIMADO\r\n   =============================== *\/\r\n\r\nconst counters = document.querySelectorAll('.stat-number');\r\n\r\nconst animateCounters = () => {\r\n  counters.forEach(counter => {\r\n    const updateCount = () => {\r\n      const target = +counter.getAttribute('data-count');\r\n      const current = +counter.innerText;\r\n      const increment = Math.ceil(target \/ 40);\r\n\r\n      if (current < target) {\r\n        counter.innerText = current + increment;\r\n        setTimeout(updateCount, 30);\r\n      } else {\r\n        counter.innerText = target + '+';\r\n      }\r\n    };\r\n    updateCount();\r\n  });\r\n};\r\n\r\nconst observer = new IntersectionObserver(entries => {\r\n  entries.forEach(entry => {\r\n    if (entry.isIntersecting) {\r\n      animateCounters();\r\n      observer.disconnect();\r\n    }\r\n  });\r\n}, { threshold: 0.4 });\r\n\r\nobserver.observe(document.querySelector('.rama-about'));\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-45e2965 e-con-full e-flex e-con e-child\" data-id=\"45e2965\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef44ef8 elementor-widget elementor-widget-html\" data-id=\"ef44ef8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"rama-portfolio\" id=\"portfolio\">\r\n\r\n  <!-- HEADER -->\r\n  <div class=\"portfolio-header\">\r\n    <h2>Proyectos realizados<\/h2>\r\n    <p>\r\n      Trabajos en dise\u00f1o web, branding y producci\u00f3n visual ejecutados\r\n      para marcas que confiaron en RAMA.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- FILTROS -->\r\n  <div class=\"portfolio-filters\">\r\n    <button class=\"active\" data-filter=\"all\">Todos<\/button>\r\n    <button data-filter=\"web\">Dise\u00f1o Web<\/button>\r\n    <button data-filter=\"branding\">Branding & Dise\u00f1o<\/button>\r\n    <button data-filter=\"btl\">Producci\u00f3n BTL<\/button>\r\n  <\/div>\r\n\r\n  <!-- GRID -->\r\n  <div class=\"portfolio-grid\">\r\n\r\n    <!-- WEB -->\r\n    <div class=\"portfolio-item web\">\r\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600\" alt=\"Dise\u00f1o Web\">\r\n      <div class=\"portfolio-overlay\">\r\n        <h3>Web Corporativa<\/h3>\r\n        <span>Dise\u00f1o Web Estrat\u00e9gico<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"portfolio-item web\">\r\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600\" alt=\"Landing Page\">\r\n      <div class=\"portfolio-overlay\">\r\n        <h3>Landing Comercial<\/h3>\r\n        <span>Dise\u00f1o Web<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- BRANDING -->\r\n    <div class=\"portfolio-item branding\">\r\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600\" alt=\"Branding\">\r\n      <div class=\"portfolio-overlay\">\r\n        <h3>Identidad Visual<\/h3>\r\n        <span>Branding & Dise\u00f1o<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"portfolio-item branding\">\r\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600\" alt=\"Dise\u00f1o Gr\u00e1fico\">\r\n      <div class=\"portfolio-overlay\">\r\n        <h3>Material Gr\u00e1fico<\/h3>\r\n        <span>Branding Aplicado<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- BTL -->\r\n    <div class=\"portfolio-item btl\">\r\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600\" alt=\"BTL\">\r\n      <div class=\"portfolio-overlay\">\r\n        <h3>Activaci\u00f3n de Marca<\/h3>\r\n        <span>Producci\u00f3n BTL<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"portfolio-item btl\">\r\n      <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/800x600\" alt=\"Producci\u00f3n Visual\">\r\n      <div class=\"portfolio-overlay\">\r\n        <h3>Producci\u00f3n Visual<\/h3>\r\n        <span>BTL & Visual<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== PORTAFOLIO RAMA ===== *\/\r\n\r\n.rama-portfolio {\r\n  background: #23475F;\r\n  padding: 120px 8%;\r\n  color: #ffffff;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* HEADER *\/\r\n.portfolio-header h2 {\r\n  font-size: clamp(34px, 4vw, 48px);\r\n  font-weight: 800;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.portfolio-header p {\r\n  max-width: 620px;\r\n  color: #d1dde6;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n\/* FILTROS *\/\r\n.portfolio-filters {\r\n  display: flex;\r\n  gap: 14px;\r\n  flex-wrap: wrap;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.portfolio-filters button {\r\n  background: transparent;\r\n  border: 1px solid rgba(255,255,255,0.25);\r\n  color: #fff;\r\n  padding: 10px 24px;\r\n  border-radius: 30px;\r\n  cursor: pointer;\r\n  transition: all .3s ease;\r\n  font-weight: 500;\r\n}\r\n\r\n.portfolio-filters button.active,\r\n.portfolio-filters button:hover {\r\n  background: #2BBF67;\r\n  border-color: #2BBF67;\r\n  color: #123846;\r\n}\r\n\r\n\/* GRID *\/\r\n.portfolio-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n  gap: 32px;\r\n}\r\n\r\n.portfolio-item {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 22px;\r\n  cursor: pointer;\r\n  transition: transform .4s ease;\r\n}\r\n\r\n.portfolio-item:hover {\r\n  transform: translateY(-8px);\r\n}\r\n\r\n.portfolio-item img,\r\n.portfolio-item video {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n.portfolio-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(to top, rgba(0,0,0,.75), transparent);\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  padding: 26px;\r\n  opacity: 0;\r\n  transition: opacity .35s ease;\r\n}\r\n\r\n.portfolio-item:hover .portfolio-overlay {\r\n  opacity: 1;\r\n}\r\n\r\n.portfolio-overlay h3 {\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.portfolio-overlay span {\r\n  font-size: 14px;\r\n  color: #2BBF67;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n  .rama-portfolio {\r\n    padding: 90px 6%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* FILTRO PORTAFOLIO *\/\r\nconst filterButtons = document.querySelectorAll('.portfolio-filters button');\r\nconst portfolioItems = document.querySelectorAll('.portfolio-item');\r\n\r\nfilterButtons.forEach(btn => {\r\n  btn.addEventListener('click', () => {\r\n    filterButtons.forEach(b => b.classList.remove('active'));\r\n    btn.classList.add('active');\r\n\r\n    const filter = btn.dataset.filter;\r\n\r\n    portfolioItems.forEach(item => {\r\n      item.style.display =\r\n        filter === 'all' || item.classList.contains(filter)\r\n          ? 'block'\r\n          : 'none';\r\n    });\r\n  });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82aec7a e-con-full e-flex e-con e-child\" data-id=\"82aec7a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31c30a9 elementor-widget elementor-widget-html\" data-id=\"31c30a9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"rama-process\">\r\n\r\n  <div class=\"rama-process-header\">\r\n    <h2>C\u00f3mo trabajamos<\/h2>\r\n    <p>\r\n      Un proceso claro, sin vueltas ni promesas vac\u00edas.\r\n      Dise\u00f1amos y ejecutamos con orden.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"rama-process-grid\">\r\n\r\n    <div class=\"rama-process-card\">\r\n      <span>01<\/span>\r\n      <h3>Entendemos<\/h3>\r\n      <p>\r\n        Escuchamos tu negocio, tus objetivos y el momento en el que est\u00e1s.\r\n        No proponemos nada sin entender primero.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"rama-process-card\">\r\n      <span>02<\/span>\r\n      <h3>Dise\u00f1amos y ejecutamos<\/h3>\r\n      <p>\r\n        Creamos la soluci\u00f3n adecuada y la llevamos a la realidad:\r\n        web, marca o producci\u00f3n visual bien ejecutada.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"rama-process-card\">\r\n      <span>03<\/span>\r\n      <h3>Entregamos y acompa\u00f1amos<\/h3>\r\n      <p>\r\n        Dejamos todo listo para usar y te acompa\u00f1amos en la implementaci\u00f3n,\r\n        sin complicaciones.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== COMO TRABAJAMOS \u2013 RAMA ===== *\/\r\n\r\n.rama-process {\r\n  background: #1f3f55;\r\n  padding: 100px 8%;\r\n  font-family: 'Montserrat', sans-serif;\r\n  color: #ffffff;\r\n}\r\n\r\n\/* HEADER *\/\r\n.rama-process-header {\r\n  max-width: 700px;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.rama-process-header h2 {\r\n  font-size: clamp(32px, 4vw, 44px);\r\n  font-weight: 800;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.rama-process-header p {\r\n  color: #cfe3ee;\r\n  font-size: 18px;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* GRID *\/\r\n.rama-process-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n  gap: 32px;\r\n}\r\n\r\n\/* CARD *\/\r\n.rama-process-card {\r\n  background: rgba(255,255,255,0.08);\r\n  border-radius: 24px;\r\n  padding: 36px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.rama-process-card:hover {\r\n  transform: translateY(-6px);\r\n  background: rgba(255,255,255,0.12);\r\n  box-shadow: 0 20px 40px rgba(0,0,0,0.3);\r\n}\r\n\r\n\/* NUMERO *\/\r\n.rama-process-card span {\r\n  display: inline-block;\r\n  color: #2BBF67;\r\n  font-weight: 700;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n\/* TITULO *\/\r\n.rama-process-card h3 {\r\n  font-size: 22px;\r\n  font-weight: 800;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.rama-process-card p {\r\n  font-size: 15.5px;\r\n  line-height: 1.6;\r\n  color: #d7e6f0;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n  .rama-process {\r\n    padding: 80px 6%;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b795302 e-con-full e-flex e-con e-child\" data-id=\"b795302\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c102ac9 elementor-widget elementor-widget-html\" data-id=\"c102ac9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"rama-cta-final\">\r\n\r\n  <div class=\"cta-content\">\r\n    <h2>\u00bfHablamos de tu proyecto?<\/h2>\r\n    <p>\r\n      Si tienes un negocio, una idea o una marca que necesita verse mejor\r\n      y ejecutarse con orden, conversemos.\r\n    <\/p>\r\n\r\n    <a href=\"https:\/\/wa.me\/51946930406\" target=\"_blank\" class=\"cta-button\">\r\n      Escr\u00edbenos por WhatsApp\r\n    <\/a>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== CTA FINAL RAMA ===== *\/\r\n\r\n.rama-cta-final {\r\n  background: linear-gradient(180deg, #23475F 0%, #1f3f55 100%);\r\n  padding: 120px 8%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-align: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.cta-content {\r\n  max-width: 680px;\r\n}\r\n\r\n\/* TITULO *\/\r\n.cta-content h2 {\r\n  font-size: clamp(34px, 4vw, 48px);\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n  margin-bottom: 18px;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.cta-content p {\r\n  font-size: 18px;\r\n  line-height: 1.6;\r\n  color: #cfe3ee;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* BOT\u00d3N *\/\r\n.cta-button {\r\n  display: inline-block;\r\n  background: #2BBF67;\r\n  color: #123846;\r\n  padding: 18px 40px;\r\n  border-radius: 40px;\r\n  font-weight: 700;\r\n  font-size: 16px;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cta-button:hover {\r\n  background: #1ABC9C;\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 18px 40px rgba(43,191,103,0.35);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n  .rama-cta-final {\r\n    padding: 90px 6%;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06c63e9 e-con-full e-flex e-con e-parent\" data-id=\"06c63e9\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1deac40 elementor-widget elementor-widget-html\" data-id=\"1deac40\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===============================\r\n   FOOTER RAMA \u2013 FIX FULL WIDTH\r\n   =============================== *\/\r\n\r\n.rama-footer {\r\n  background: #1e3d52;\r\n  color: #ffffff;\r\n  padding: 80px 0 0;\r\n  font-family: 'Montserrat', sans-serif;\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n}\r\n\r\n.rama-footer-container {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 50px;\r\n}\r\n\r\n\/* Logo *\/\r\n.rama-footer-logo {\r\n  max-width: 140px;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n\/* Textos *\/\r\n.rama-footer-col p {\r\n  font-size: 14.5px;\r\n  line-height: 1.6;\r\n  opacity: 0.9;\r\n}\r\n\r\n.rama-footer-col h4 {\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n\/* Men\u00fa *\/\r\n.rama-footer-menu {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.rama-footer-menu li {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.rama-footer-menu li a {\r\n  color: #ffffff;\r\n  text-decoration: none;\r\n  font-size: 14.5px;\r\n  opacity: 0.9;\r\n  transition: 0.3s ease;\r\n  word-break: break-word;\r\n}\r\n\r\n.rama-footer-menu li a:hover {\r\n  color: #2BBF67;\r\n  opacity: 1;\r\n}\r\n\r\n\/* CTA *\/\r\n.rama-footer-btn {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, #2BBF67, #1ABC9C);\r\n  color: #23475F;\r\n  padding: 14px 30px;\r\n  border-radius: 999px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  white-space: nowrap;\r\n}\r\n\r\n.rama-footer-btn:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 12px 30px rgba(43,191,103,0.45);\r\n}\r\n\r\n\/* Bottom *\/\r\n.rama-footer-bottom {\r\n  border-top: 1px solid rgba(255,255,255,0.1);\r\n  margin-top: 60px;\r\n  padding: 20px 24px;\r\n  text-align: center;\r\n  font-size: 13px;\r\n  opacity: 0.75;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n  .rama-footer-container {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n  .rama-footer-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<footer class=\"rama-footer\">\r\n\r\n  <div class=\"rama-footer-container\">\r\n\r\n    <!-- COLUMNA 1 -->\r\n    <div class=\"rama-footer-col\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/LOGO-final-04.png\" \r\n        alt=\"RAMA Marketing\"\r\n        class=\"rama-footer-logo\"\r\n      >\r\n      <p>\r\n        Estrategia digital, creatividad y ejecuci\u00f3n enfocadas en\r\n        resultados reales para marcas que quieren crecer.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- COLUMNA 2 -->\r\n    <div class=\"rama-footer-col\">\r\n      <h4>Navegaci\u00f3n<\/h4>\r\n      <ul class=\"rama-footer-menu\">\r\n        <li><a href=\"#inicio\">Inicio<\/a><\/li>\r\n        <li><a href=\"#servicios\">Servicios<\/a><\/li>\r\n        <li><a href=\"#portafolio\">Portafolio<\/a><\/li>\r\n        <li><a href=\"#nosotros\">Nosotros<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- COLUMNA 3 -->\r\n    <div class=\"rama-footer-col\">\r\n      <h4>Contacto<\/h4>\r\n      <ul class=\"rama-footer-menu\">\r\n        <li>\r\n          <a href=\"https:\/\/wa.me\/51946930406\" target=\"_blank\">\r\n            WhatsApp: 946 930 406\r\n          <\/a>\r\n        <\/li>\r\n        <li>\r\n          <a href=\"mailto:hola@ramapublicidad.com\">\r\n            hola@ramapublicidad.com\r\n          <\/a>\r\n        <\/li>\r\n        <li>Lima \u2013 Per\u00fa<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- COLUMNA 4 -->\r\n    <div class=\"rama-footer-col\">\r\n      <h4>\u00bfListo para crecer?<\/h4>\r\n      <a \r\n        href=\"https:\/\/wa.me\/51946930406?text=Hola%20vengo%20desde%20la%20web%20y%20quiero%20una%20asesor\u00eda\"\r\n        target=\"_blank\"\r\n        class=\"rama-footer-btn\"\r\n      >\r\n        Agenda una asesor\u00eda\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"rama-footer-bottom\">\r\n    \u00a9 2026 RAMA Marketing & Publicidad. Todos los derechos reservados.\r\n  <\/div>\r\n\r\n<\/footer>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Inicio Servicios Portafolio Nosotros Escr\u00edbenos Dise\u00f1o, estrategia y ejecuci\u00f3n digital para marcas que quieren hacerlo bien. Somos una agencia boutique especializada en web, branding y producci\u00f3n visual con criterio, estructura y ejecuci\u00f3n real. Hablemos de tu proyecto \u00bfTienes un proyecto en mente? D\u00e9janos tus datos y te contactamos. Enviar por WhatsApp Servicios Nos enfocamos en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-460","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>INICIO - Creatividad a tu alcance<\/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:\/\/ramapublicidad.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"INICIO - Creatividad a tu alcance\" \/>\n<meta property=\"og:description\" content=\"Inicio Servicios Portafolio Nosotros Escr\u00edbenos Dise\u00f1o, estrategia y ejecuci\u00f3n digital para marcas que quieren hacerlo bien. Somos una agencia boutique especializada en web, branding y producci\u00f3n visual con criterio, estructura y ejecuci\u00f3n real. Hablemos de tu proyecto \u00bfTienes un proyecto en mente? D\u00e9janos tus datos y te contactamos. Enviar por WhatsApp Servicios Nos enfocamos en [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ramapublicidad.com\/\" \/>\n<meta property=\"og:site_name\" content=\"ramapublicidad\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61572486299147\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-08T20:26:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/LOGO-final-04.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ramapublicidad.com\/\",\"url\":\"https:\/\/ramapublicidad.com\/\",\"name\":\"INICIO - Creatividad a tu alcance\",\"isPartOf\":{\"@id\":\"https:\/\/ramapublicidad.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ramapublicidad.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ramapublicidad.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/LOGO-final-04.png\",\"datePublished\":\"2026-01-04T23:18:22+00:00\",\"dateModified\":\"2026-01-08T20:26:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ramapublicidad.com\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ramapublicidad.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ramapublicidad.com\/#primaryimage\",\"url\":\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/LOGO-final-04.png\",\"contentUrl\":\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/LOGO-final-04.png\",\"width\":1667,\"height\":418},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ramapublicidad.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ramapublicidad.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"INICIO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ramapublicidad.com\/#website\",\"url\":\"https:\/\/ramapublicidad.com\/\",\"name\":\"ramapublicidad\",\"description\":\"Creatividad a tu alcance\",\"publisher\":{\"@id\":\"https:\/\/ramapublicidad.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ramapublicidad.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ramapublicidad.com\/#organization\",\"name\":\"ramapublicidad\",\"url\":\"https:\/\/ramapublicidad.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ramapublicidad.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/LOGO_Mesa-de-trabajo-1-scaled.png\",\"contentUrl\":\"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/LOGO_Mesa-de-trabajo-1-scaled.png\",\"width\":2560,\"height\":2560,\"caption\":\"ramapublicidad\"},\"image\":{\"@id\":\"https:\/\/ramapublicidad.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=61572486299147\",\"https:\/\/www.instagram.com\/rama.publicidad\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"INICIO - Creatividad a tu alcance","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:\/\/ramapublicidad.com\/","og_locale":"en_US","og_type":"article","og_title":"INICIO - Creatividad a tu alcance","og_description":"Inicio Servicios Portafolio Nosotros Escr\u00edbenos Dise\u00f1o, estrategia y ejecuci\u00f3n digital para marcas que quieren hacerlo bien. Somos una agencia boutique especializada en web, branding y producci\u00f3n visual con criterio, estructura y ejecuci\u00f3n real. Hablemos de tu proyecto \u00bfTienes un proyecto en mente? D\u00e9janos tus datos y te contactamos. Enviar por WhatsApp Servicios Nos enfocamos en [&hellip;]","og_url":"https:\/\/ramapublicidad.com\/","og_site_name":"ramapublicidad","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61572486299147","article_modified_time":"2026-01-08T20:26:55+00:00","og_image":[{"url":"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/LOGO-final-04.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ramapublicidad.com\/","url":"https:\/\/ramapublicidad.com\/","name":"INICIO - Creatividad a tu alcance","isPartOf":{"@id":"https:\/\/ramapublicidad.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ramapublicidad.com\/#primaryimage"},"image":{"@id":"https:\/\/ramapublicidad.com\/#primaryimage"},"thumbnailUrl":"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/LOGO-final-04.png","datePublished":"2026-01-04T23:18:22+00:00","dateModified":"2026-01-08T20:26:55+00:00","breadcrumb":{"@id":"https:\/\/ramapublicidad.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ramapublicidad.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ramapublicidad.com\/#primaryimage","url":"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/LOGO-final-04.png","contentUrl":"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/LOGO-final-04.png","width":1667,"height":418},{"@type":"BreadcrumbList","@id":"https:\/\/ramapublicidad.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ramapublicidad.com\/"},{"@type":"ListItem","position":2,"name":"INICIO"}]},{"@type":"WebSite","@id":"https:\/\/ramapublicidad.com\/#website","url":"https:\/\/ramapublicidad.com\/","name":"ramapublicidad","description":"Creatividad a tu alcance","publisher":{"@id":"https:\/\/ramapublicidad.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ramapublicidad.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ramapublicidad.com\/#organization","name":"ramapublicidad","url":"https:\/\/ramapublicidad.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ramapublicidad.com\/#\/schema\/logo\/image\/","url":"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/LOGO_Mesa-de-trabajo-1-scaled.png","contentUrl":"https:\/\/ramapublicidad.com\/wp-content\/uploads\/2025\/09\/LOGO_Mesa-de-trabajo-1-scaled.png","width":2560,"height":2560,"caption":"ramapublicidad"},"image":{"@id":"https:\/\/ramapublicidad.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61572486299147","https:\/\/www.instagram.com\/rama.publicidad\/"]}]}},"_links":{"self":[{"href":"https:\/\/ramapublicidad.com\/index.php\/wp-json\/wp\/v2\/pages\/460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ramapublicidad.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ramapublicidad.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ramapublicidad.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ramapublicidad.com\/index.php\/wp-json\/wp\/v2\/comments?post=460"}],"version-history":[{"count":111,"href":"https:\/\/ramapublicidad.com\/index.php\/wp-json\/wp\/v2\/pages\/460\/revisions"}],"predecessor-version":[{"id":595,"href":"https:\/\/ramapublicidad.com\/index.php\/wp-json\/wp\/v2\/pages\/460\/revisions\/595"}],"wp:attachment":[{"href":"https:\/\/ramapublicidad.com\/index.php\/wp-json\/wp\/v2\/media?parent=460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}