{"id":14,"date":"2026-06-30T12:57:31","date_gmt":"2026-06-30T10:57:31","guid":{"rendered":"https:\/\/pagos.villaviudas.com\/?page_id=14"},"modified":"2026-06-30T13:00:44","modified_gmt":"2026-06-30T11:00:44","slug":"inicio","status":"publish","type":"page","link":"https:\/\/pagos.villaviudas.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nPortal de Pagos \u2014 Ayuntamiento de Villaviudas<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Lato:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ============================================================\n PAGOS.VILLAVIUDAS.COM \u2014 CSS GLOBAL\n Copiar en: Elementor \u2192 Ajustes del sitio \u2192 CSS personalizado\n Misma identidad visual que villaviudas.com\n ============================================================ *\/\n:root {\n --vv-red: #C0261B;\n --vv-red-dk: #9A1E15;\n --vv-gold: #B8922A;\n --vv-gold-lt: #D4AE52;\n --vv-green: #2E5E2E;\n --vv-green-lt: #3D7A3D;\n --vv-blue: #1E6CA8;\n --vv-cream: #FAF6EE;\n --vv-cream-dk: #EFE8D8;\n --vv-white: #FFFFFF;\n --vv-dark: #1A1A1A;\n --vv-mid: #555555;\n --vv-border: #E0E0E0;\n --vv-success: #16A34A;\n\n --font-serif: 'Playfair Display', Georgia, serif;\n --font-sans: 'Lato', system-ui, sans-serif;\n\n --shadow-sm: 0 1px 4px rgba(0,0,0,.06);\n --shadow-md: 0 4px 16px rgba(0,0,0,.10);\n --shadow-lg: 0 12px 40px rgba(0,0,0,.14);\n --r-sm: 4px; --r-md: 8px; --r-lg: 12px;\n --ease: .2s ease;\n}\n\n*,*::before,*::after{box-sizing:border-box;}\nbody{font-family:var(--font-sans);background:var(--vv-cream);color:var(--vv-dark);}\nimg{max-width:100%;display:block;}\na{text-decoration:none;color:inherit;}\nh1,h2,h3{font-family:var(--font-serif);line-height:1.18;}\n\n.pg-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;}\n.pg-section{padding:4.5rem 0;}\n.pg-section-sm{padding:2.5rem 0;}\n\n.pg-label{\n font-size:.72rem;font-weight:700;text-transform:uppercase;\n letter-spacing:.16em;color:var(--vv-gold);display:block;margin-bottom:.4rem;\n}\n.pg-divider{width:48px;height:3px;background:var(--vv-gold);margin-bottom:1rem;}\n.pg-divider.center{margin-left:auto;margin-right:auto;}\n\n.pg-h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;color:var(--vv-dark);}\n.pg-h2 strong{color:var(--vv-red);}\n.pg-desc{color:var(--vv-mid);font-size:1rem;line-height:1.7;max-width:600px;}\n\n\/* BOTONES GRANDES Y PLANOS (pedido expl\u00edcito) *\/\n.pg-btn{\n display:inline-flex;align-items:center;justify-content:center;gap:.6rem;\n font-family:var(--font-sans);font-weight:700;font-size:.95rem;\n text-transform:uppercase;letter-spacing:.06em;\n padding:1.1rem 1.6rem;border-radius:var(--r-sm);\n border:none;cursor:pointer;transition:transform var(--ease),filter var(--ease);\n}\n.pg-btn:hover{transform:translateY(-2px);filter:brightness(1.07);}\n.pg-btn-block{width:100%;}\n.pg-btn-red{background:var(--vv-red);color:#fff;}\n.pg-btn-green{background:var(--vv-green);color:#fff;}\n.pg-btn-blue{background:var(--vv-blue);color:#fff;}\n.pg-btn-gold{background:var(--vv-gold);color:#fff;}\n.pg-btn-outline{background:transparent;border:2px solid var(--vv-red);color:var(--vv-red);padding:1.05rem 1.6rem;}\n.pg-btn-outline:hover{background:var(--vv-red);color:#fff;}\n\n\/* ============================================================\n TOP BAR\n ============================================================ *\/\n.pg-topbar{background:var(--vv-dark);color:rgba(255,255,255,.75);font-size:.75rem;padding:.45rem 1.5rem;}\n.pg-topbar-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;}\n.pg-topbar a{color:rgba(255,255,255,.75);}\n.pg-topbar a:hover{color:var(--vv-gold-lt);}\n\n\/* ============================================================\n HEADER (simple, sin sticky complejo)\n ============================================================ *\/\n.pg-header{background:var(--vv-white);border-bottom:3px solid var(--vv-gold);}\n.pg-header-inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}\n.pg-brand{display:flex;align-items:center;gap:.8rem;}\n.pg-brand img{width:54px;height:54px;object-fit:contain;}\n.pg-brand-name{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;color:var(--vv-red);display:block;}\n.pg-brand-sub{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--vv-gold);}\n.pg-header-actions{display:flex;align-items:center;gap:.8rem;}\n.pg-cart-icon{\n position:relative;width:42px;height:42px;border-radius:50%;\n background:var(--vv-cream);display:flex;align-items:center;justify-content:center;\n font-size:1.1rem;transition:background var(--ease);\n}\n.pg-cart-icon:hover{background:var(--vv-cream-dk);}\n.pg-cart-badge{\n position:absolute;top:-3px;right:-3px;background:var(--vv-red);color:#fff;\n font-size:.62rem;font-weight:700;width:18px;height:18px;border-radius:50%;\n display:flex;align-items:center;justify-content:center;\n}\n\n\/* ============================================================\n SECCI\u00d3N 1: HERO SIMPLE (no espectacular, seg\u00fan se pidi\u00f3)\n ============================================================ *\/\n.pg-hero{background:linear-gradient(135deg,var(--vv-green) 0%,var(--vv-green-lt) 100%);padding:3.2rem 0;position:relative;overflow:hidden;}\n.pg-hero::before{\n content:'';position:absolute;inset:0;\n background-image:radial-gradient(circle at 85% 30%,rgba(184,146,42,.15) 0%,transparent 50%);\n}\n.pg-hero-inner{position:relative;text-align:center;max-width:720px;margin:0 auto;}\n.pg-hero-eyebrow{\n display:inline-flex;align-items:center;gap:.5rem;\n background:rgba(255,255,255,.12);border:1px solid rgba(212,174,82,.4);\n color:var(--vv-gold-lt);font-size:.7rem;font-weight:700;text-transform:uppercase;\n letter-spacing:.14em;padding:.4rem 1rem;border-radius:2px;margin-bottom:1rem;\n}\n.pg-hero-title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;color:#fff;margin-bottom:.8rem;}\n.pg-hero-desc{color:rgba(255,255,255,.82);font-size:1.02rem;line-height:1.65;margin-bottom:0;}\n\n\/* ============================================================\n SECCI\u00d3N 2: BANNER DE CONFIANZA \/ PAGO SEGURO\n ============================================================ *\/\n.pg-trust{background:var(--vv-white);border-bottom:1px solid var(--vv-border);}\n.pg-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.4rem 0;}\n.pg-trust-item{display:flex;align-items:center;gap:.7rem;justify-content:center;text-align:left;}\n.pg-trust-icon{font-size:1.5rem;flex-shrink:0;}\n.pg-trust-text{font-size:.78rem;font-weight:700;color:var(--vv-dark);line-height:1.3;}\n.pg-trust-sub{font-size:.7rem;color:var(--vv-mid);font-weight:400;}\n\n\/* ============================================================\n SECCI\u00d3N 3: CATEGOR\u00cdAS PRINCIPALES \u2014 BOTONES GRANDES PLANOS\n ============================================================ *\/\n.pg-categorias{background:var(--vv-cream);}\n.pg-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}\n.pg-cat-card{\n background:var(--vv-white);border-radius:var(--r-md);overflow:hidden;\n box-shadow:var(--shadow-sm);transition:transform var(--ease),box-shadow var(--ease);\n display:flex;flex-direction:column;\n}\n.pg-cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}\n.pg-cat-top{padding:2rem 1.4rem 1.2rem;text-align:center;flex:1;}\n.pg-cat-icon{\n width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;\n font-size:1.8rem;margin:0 auto 1rem;color:#fff;\n}\n.pg-cat-title{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;color:var(--vv-dark);margin-bottom:.5rem;}\n.pg-cat-desc{font-size:.82rem;color:var(--vv-mid);line-height:1.55;}\n.pg-cat-btn{display:block;text-align:center;padding:.9rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;transition:filter var(--ease);}\n.pg-cat-btn:hover{filter:brightness(1.1);}\n\n\/* ============================================================\n SECCI\u00d3N 4: PRODUCTOS DESTACADOS (WooCommerce shortcode)\n ============================================================ *\/\n.pg-productos{background:var(--vv-white);}\n.pg-woo-placeholder{\n border:2px dashed var(--vv-border);border-radius:var(--r-md);\n padding:3rem 1.5rem;text-align:center;color:var(--vv-mid);font-size:.9rem;\n}\n\n\/* Estilos para sobrescribir el grid de WooCommerce con la identidad de marca *\/\n.pg-productos ul.products{display:grid !important;grid-template-columns:repeat(4,1fr);gap:1.4rem;list-style:none;margin:0;padding:0;}\n.pg-productos ul.products li.product{\n background:var(--vv-cream);border-radius:var(--r-md);overflow:hidden;\n box-shadow:var(--shadow-sm);transition:transform var(--ease),box-shadow var(--ease);\n text-align:center;padding-bottom:1.2rem;\n}\n.pg-productos ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}\n.pg-productos ul.products li.product img{aspect-ratio:4\/3;object-fit:cover;width:100%;}\n.pg-productos ul.products li.product .woocommerce-loop-product__title{\n font-family:var(--font-serif);font-size:1rem;font-weight:700;color:var(--vv-dark);\n padding:1rem 1rem 0;\n}\n.pg-productos ul.products li.product .price{\n color:var(--vv-red);font-weight:700;font-size:1.05rem;display:block;padding:.4rem 1rem;\n}\n.pg-productos ul.products li.product .button{\n background:var(--vv-green) !important;color:#fff !important;border-radius:var(--r-sm) !important;\n font-weight:700 !important;text-transform:uppercase;font-size:.75rem !important;\n letter-spacing:.05em;padding:.7rem 1.4rem !important;border:none !important;\n margin-top:.6rem;display:inline-block;\n}\n.pg-productos ul.products li.product .button:hover{background:var(--vv-green-lt) !important;}\n\n\/* ============================================================\n SECCI\u00d3N 5: C\u00d3MO FUNCIONA (3 pasos)\n ============================================================ *\/\n.pg-pasos{background:var(--vv-cream);}\n.pg-pasos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}\n.pg-paso{text-align:center;position:relative;}\n.pg-paso-num{\n width:54px;height:54px;border-radius:50%;background:var(--vv-red);color:#fff;\n font-family:var(--font-serif);font-size:1.5rem;font-weight:700;\n display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;\n}\n.pg-paso-title{font-family:var(--font-serif);font-size:1rem;font-weight:700;margin-bottom:.5rem;}\n.pg-paso-desc{font-size:.85rem;color:var(--vv-mid);line-height:1.6;max-width:280px;margin:0 auto;}\n\n\/* ============================================================\n SECCI\u00d3N 6: AYUDA \/ SOPORTE\n ============================================================ *\/\n.pg-ayuda{background:var(--vv-dark);color:rgba(255,255,255,.8);}\n.pg-ayuda-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;}\n.pg-ayuda .pg-h2{color:#fff;}\n.pg-ayuda-list{list-style:none;padding:0;margin:1.2rem 0 0;display:flex;flex-direction:column;gap:.8rem;}\n.pg-ayuda-list li{display:flex;align-items:center;gap:.7rem;font-size:.88rem;}\n.pg-ayuda-icon{\n width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);\n display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--vv-gold-lt);\n}\n.pg-faq{display:flex;flex-direction:column;gap:.7rem;}\n.pg-faq-item{background:rgba(255,255,255,.06);border-radius:var(--r-sm);padding:1rem 1.2rem;}\n.pg-faq-q{font-weight:700;font-size:.85rem;color:#fff;margin-bottom:.4rem;}\n.pg-faq-a{font-size:.8rem;color:rgba(255,255,255,.6);line-height:1.5;}\n\n\/* ============================================================\n FOOTER SIMPLE\n ============================================================ *\/\n.pg-footer{background:#111;color:rgba(255,255,255,.6);padding:2.5rem 0;}\n.pg-footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}\n.pg-footer-brand{display:flex;align-items:center;gap:.7rem;}\n.pg-footer-brand img{width:38px;height:38px;object-fit:contain;}\n.pg-footer-brand span{font-family:var(--font-serif);color:var(--vv-gold-lt);font-size:.9rem;}\n.pg-footer-links{display:flex;gap:1.2rem;font-size:.78rem;flex-wrap:wrap;}\n.pg-footer-links a:hover{color:var(--vv-gold);}\n.pg-footer-bottom{\n border-top:1px solid rgba(255,255,255,.08);margin-top:1.6rem;padding-top:1.2rem;\n text-align:center;font-size:.72rem;color:rgba(255,255,255,.35);\n}\n\n\/* ============================================================\n RESPONSIVE\n ============================================================ *\/\n@media (max-width:1024px){\n .pg-trust-grid{grid-template-columns:repeat(2,1fr);}\n .pg-cat-grid{grid-template-columns:repeat(2,1fr);}\n .pg-productos ul.products{grid-template-columns:repeat(2,1fr) !important;}\n .pg-pasos-grid{grid-template-columns:1fr;gap:2rem;}\n .pg-ayuda-grid{grid-template-columns:1fr;}\n}\n@media (max-width:640px){\n .pg-trust-grid{grid-template-columns:1fr;}\n .pg-cat-grid{grid-template-columns:1fr;}\n .pg-productos ul.products{grid-template-columns:1fr !important;}\n .pg-header-inner{justify-content:center;text-align:center;}\n .pg-footer-inner{flex-direction:column;text-align:center;}\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- ============================================================\n TOP BAR\n ELEMENTOR: Widget HTML, secci\u00f3n superior\n ============================================================ -->\n<div class=\"pg-topbar\">\n <div class=\"pg-topbar-inner\">\n <span>\ud83c\udfdb Ayuntamiento de Villaviudas \u2014 Portal Oficial de Pagos<\/span>\n <span>\u260e <a href=\"tel:+34979000000\">979 000 000<\/a>  |  <a href=\"https:\/\/villaviudas.com\">\u2190 Volver a villaviudas.com<\/a><\/span>\n <\/div>\n<\/div>\n\n<!-- ============================================================\n HEADER\n ELEMENTOR: Widget HTML, cabecera (sin sticky obligatorio)\n ============================================================ -->\n<header class=\"pg-header\">\n <div class=\"pg-header-inner\">\n <a href=\"\/\" class=\"pg-brand\">\n <img decoding=\"async\" src=\"https:\/\/beta.villaviudas.com\/wp-content\/uploads\/2026\/02\/logo-ayuntamiento-villaviudas1.webp\" alt=\"Ayuntamiento de Villaviudas\">\n <div>\n <span class=\"pg-brand-name\">Portal de Pagos<\/span>\n <span class=\"pg-brand-sub\">pagos.villaviudas.com<\/span>\n <\/div>\n <\/a>\n <div class=\"pg-header-actions\">\n <a href=\"\/mi-cuenta\/\" class=\"pg-btn pg-btn-outline\" style=\"padding:.7rem 1.2rem;font-size:.78rem;\">\ud83d\udc64 Mi Cuenta<\/a>\n <a href=\"\/carrito\/\" class=\"pg-cart-icon\" aria-label=\"Ver carrito\">\n \ud83d\uded2\n <span class=\"pg-cart-badge\">0<\/span>\n <!-- En WooCommerce real, sustituir por el Widget \"Carrito\" de Elementor\n o por el shortcode [woocommerce_cart_count] v\u00eda plugin -->\n <\/a>\n <\/div>\n <\/div>\n<\/header>\n\n\n<!-- ============================================================\n SECCI\u00d3N 1: HERO SIMPLE\n ELEMENTOR: Secci\u00f3n fondo verde degradado, padding 3rem 0\n ============================================================ -->\n<section class=\"pg-hero\">\n <div class=\"pg-container\">\n <div class=\"pg-hero-inner\">\n <div class=\"pg-hero-eyebrow\">\ud83d\udcb3 Pago seguro online<\/div>\n <h1 class=\"pg-hero-title\">Inscripciones, bonos y entradas del Ayuntamiento<\/h1>\n <p class=\"pg-hero-desc\">\n Realiza el pago de actividades, eventos y servicios municipales\n de forma r\u00e1pida, segura y sin desplazamientos.\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<!-- ============================================================\n SECCI\u00d3N 2: BANNER DE CONFIANZA\n ELEMENTOR: Secci\u00f3n fondo blanco, borde inferior, padding peque\u00f1o\n ============================================================ -->\n<div class=\"pg-trust\">\n <div class=\"pg-container\">\n <div class=\"pg-trust-grid\">\n <div class=\"pg-trust-item\">\n <span class=\"pg-trust-icon\">\ud83d\udd12<\/span>\n <span class=\"pg-trust-text\">Pago 100% seguro<br><span class=\"pg-trust-sub\">Cifrado SSL<\/span><\/span>\n <\/div>\n <div class=\"pg-trust-item\">\n <span class=\"pg-trust-icon\">\ud83d\udcb3<\/span>\n <span class=\"pg-trust-text\">Tarjeta y Bizum<br><span class=\"pg-trust-sub\">Pasarela bancaria oficial<\/span><\/span>\n <\/div>\n <div class=\"pg-trust-item\">\n <span class=\"pg-trust-icon\">\ud83d\udce7<\/span>\n <span class=\"pg-trust-text\">Confirmaci\u00f3n inmediata<br><span class=\"pg-trust-sub\">Por email tras el pago<\/span><\/span>\n <\/div>\n <div class=\"pg-trust-item\">\n <span class=\"pg-trust-icon\">\ud83c\udfdb<\/span>\n <span class=\"pg-trust-text\">Gesti\u00f3n oficial<br><span class=\"pg-trust-sub\">Ayuntamiento de Villaviudas<\/span><\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<!-- ============================================================\n SECCI\u00d3N 3: CATEGOR\u00cdAS \u2014 BOTONES GRANDES Y PLANOS\n ELEMENTOR: Secci\u00f3n fondo crema, padding 72px 0\n Cada card enlaza a una categor\u00eda de producto de WooCommerce\n ============================================================ -->\n<section class=\"pg-categorias pg-section\">\n <div class=\"pg-container\">\n\n <div style=\"text-align:center;margin-bottom:2.6rem;\">\n <span class=\"pg-label\">\u00bfQu\u00e9 quieres pagar?<\/span>\n <span class=\"pg-divider center\"><\/span>\n <h2 class=\"pg-h2\">Selecciona una <strong>categor\u00eda<\/strong><\/h2>\n <p class=\"pg-desc\" style=\"margin:.6rem auto 0;\">\n Accede directamente al servicio que necesitas. Todos los pagos\n se gestionan a trav\u00e9s de nuestra pasarela segura.\n <\/p>\n <\/div>\n\n <div class=\"pg-cat-grid\">\n\n <!-- CATEGOR\u00cdA: INSCRIPCIONES -->\n <a href=\"\/categoria-producto\/inscripciones\/\" class=\"pg-cat-card\">\n <div class=\"pg-cat-top\">\n <div class=\"pg-cat-icon\" style=\"background:var(--vv-red);\">\ud83d\udcdd<\/div>\n <div class=\"pg-cat-title\">Inscripciones<\/div>\n <p class=\"pg-cat-desc\">Talleres, cursos y actividades municipales con plazas limitadas.<\/p>\n <\/div>\n <span class=\"pg-cat-btn\" style=\"background:var(--vv-red);\">Ver inscripciones \u2192<\/span>\n <\/a>\n\n <!-- CATEGOR\u00cdA: BONOS -->\n <a href=\"\/categoria-producto\/bonos\/\" class=\"pg-cat-card\">\n <div class=\"pg-cat-top\">\n <div class=\"pg-cat-icon\" style=\"background:var(--vv-green);\">\ud83c\udf9f<\/div>\n <div class=\"pg-cat-title\">Bonos<\/div>\n <p class=\"pg-cat-desc\">Bonos de piscina municipal, polideportivo y otras instalaciones.<\/p>\n <\/div>\n <span class=\"pg-cat-btn\" style=\"background:var(--vv-green);\">Ver bonos \u2192<\/span>\n <\/a>\n\n <!-- CATEGOR\u00cdA: ENTRADAS -->\n <a href=\"\/categoria-producto\/entradas\/\" class=\"pg-cat-card\">\n <div class=\"pg-cat-top\">\n <div class=\"pg-cat-icon\" style=\"background:var(--vv-blue);\">\ud83c\udfab<\/div>\n <div class=\"pg-cat-title\">Entradas a Eventos<\/div>\n <p class=\"pg-cat-desc\">Conciertos, teatro y espect\u00e1culos organizados por el Ayuntamiento.<\/p>\n <\/div>\n <span class=\"pg-cat-btn\" style=\"background:var(--vv-blue);\">Ver entradas \u2192<\/span>\n <\/a>\n\n <!-- CATEGOR\u00cdA: OTROS SERVICIOS -->\n <a href=\"\/categoria-producto\/otros-servicios\/\" class=\"pg-cat-card\">\n <div class=\"pg-cat-top\">\n <div class=\"pg-cat-icon\" style=\"background:var(--vv-gold);\">\ud83d\udccb<\/div>\n <div class=\"pg-cat-title\">Otros Servicios<\/div>\n <p class=\"pg-cat-desc\">Tasas, certificados y otros pagos puntuales al Ayuntamiento.<\/p>\n <\/div>\n <span class=\"pg-cat-btn\" style=\"background:var(--vv-gold);\">Ver servicios \u2192<\/span>\n <\/a>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<!-- ============================================================\n SECCI\u00d3N 4: PRODUCTOS DESTACADOS \/ M\u00c1S VENDIDOS\n ELEMENTOR: Secci\u00f3n fondo blanco, padding 72px 0\n Usar Widget \"Productos\" de Elementor (si Elementor Pro)\n \u00f3 shortcode nativo de WooCommerce [products limit=\"8\" columns=\"4\"]\n ============================================================ -->\n<section class=\"pg-productos pg-section\">\n <div class=\"pg-container\">\n\n <div style=\"display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem;margin-bottom:2.2rem;\">\n <div>\n <span class=\"pg-label\">Disponibles ahora<\/span>\n <span class=\"pg-divider\"><\/span>\n <h2 class=\"pg-h2\">Pr\u00f3ximas <strong>actividades y eventos<\/strong><\/h2>\n <\/div>\n <a href=\"\/tienda\/\" class=\"pg-btn pg-btn-outline\">Ver todo el cat\u00e1logo \u2192<\/a>\n <\/div>\n\n <!--\n INSERTAR AQU\u00cd EL SHORTCODE DE WOOCOMMERCE:\n\n [products limit=\"8\" columns=\"4\" orderby=\"date\" order=\"DESC\"]\n\n En Elementor:\n Opci\u00f3n A \u2192 Widget \"Shortcode\" con el c\u00f3digo de arriba\n Opci\u00f3n B \u2192 Widget \"Productos\" nativo de Elementor Pro\n (si est\u00e1 disponible, permite filtrar visualmente\n por categor\u00eda, orden y n\u00famero de columnas)\n\n El bloque de abajo es un PLACEHOLDER visual para que el dise\u00f1ador\n vea la estructura esperada. Sustituir por el shortcode real.\n -->\n <div class=\"pg-woo-placeholder\">\n \ud83d\uded2 Aqu\u00ed se mostrar\u00e1 el grid de productos de WooCommerce<br>\n <small>Shortcode: [products limit=\"8\" columns=\"4\" orderby=\"date\" order=\"DESC\"]<\/small>\n <\/div>\n\n <!-- Ejemplo de c\u00f3mo se ver\u00e1 una vez WooCommerce renderice los productos: -->\n <!--\n <ul class=\"products columns-4\">\n <li class=\"product\">\n <img decoding=\"async\" src=\"ruta-imagen-actividad.jpg\" alt=\"Taller de Verano\">\n <h3 class=\"woocommerce-loop-product__title\">Taller de Verano Infantil<\/h3>\n <span class=\"price\">25,00\u20ac<\/span>\n <a href=\"#\" class=\"button\">Inscribirse<\/a>\n <\/li>\n <\/ul>\n -->\n\n <\/div>\n<\/section>\n\n\n<!-- ============================================================\n SECCI\u00d3N 5: C\u00d3MO FUNCIONA \u2014 3 PASOS\n ELEMENTOR: Secci\u00f3n fondo crema, padding 72px 0\n ============================================================ -->\n<section class=\"pg-pasos pg-section\">\n <div class=\"pg-container\">\n\n <div style=\"text-align:center;margin-bottom:2.8rem;\">\n <span class=\"pg-label\">Proceso sencillo<\/span>\n <span class=\"pg-divider center\"><\/span>\n <h2 class=\"pg-h2\">C\u00f3mo <strong>realizar tu pago<\/strong><\/h2>\n <\/div>\n\n <div class=\"pg-pasos-grid\">\n <div class=\"pg-paso\">\n <div class=\"pg-paso-num\">1<\/div>\n <div class=\"pg-paso-title\">Elige el servicio<\/div>\n <p class=\"pg-paso-desc\">Selecciona la inscripci\u00f3n, bono o entrada que necesitas del cat\u00e1logo.<\/p>\n <\/div>\n <div class=\"pg-paso\">\n <div class=\"pg-paso-num\">2<\/div>\n <div class=\"pg-paso-title\">Rellena tus datos<\/div>\n <p class=\"pg-paso-desc\">Completa el formulario con los datos del participante o asistente.<\/p>\n <\/div>\n <div class=\"pg-paso\">\n <div class=\"pg-paso-num\">3<\/div>\n <div class=\"pg-paso-title\">Paga y recibe confirmaci\u00f3n<\/div>\n <p class=\"pg-paso-desc\">Paga con tarjeta o Bizum y recibe el justificante en tu email al instante.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<!-- ============================================================\n SECCI\u00d3N 6: AYUDA Y PREGUNTAS FRECUENTES\n ELEMENTOR: Secci\u00f3n fondo oscuro, padding 72px 0\n ============================================================ -->\n<section class=\"pg-ayuda pg-section\">\n <div class=\"pg-container\">\n <div class=\"pg-ayuda-grid\">\n\n <!-- CONTACTO -->\n <div>\n <span class=\"pg-label\">\u00bfNecesitas ayuda?<\/span>\n <span class=\"pg-divider\"><\/span>\n <h2 class=\"pg-h2\">Estamos para <strong style=\"color:var(--vv-gold-lt);\">ayudarte<\/strong><\/h2>\n <p style=\"color:rgba(255,255,255,.65);margin-top:.6rem;\">\n Si tienes problemas con un pago o dudas sobre una inscripci\u00f3n,\n contacta con nosotros.\n <\/p>\n <ul class=\"pg-ayuda-list\">\n <li><span class=\"pg-ayuda-icon\">\ud83d\udcde<\/span> <a href=\"tel:+34979000000\">979 000 000<\/a> \u00b7 L-V 9:00-14:00h<\/li>\n <li><span class=\"pg-ayuda-icon\">\u2709<\/span> <a href=\"mailto:pagos@villaviudas.com\">pagos@villaviudas.com<\/a><\/li>\n <li><span class=\"pg-ayuda-icon\">\ud83c\udfdb<\/span> Plaza Mayor, s\/n \u00b7 Villaviudas (Palencia)<\/li>\n <\/ul>\n <\/div>\n\n <!-- FAQ R\u00c1PIDA -->\n <div class=\"pg-faq\">\n <div class=\"pg-faq-item\">\n <div class=\"pg-faq-q\">\u00bfQu\u00e9 m\u00e9todos de pago se aceptan?<\/div>\n <div class=\"pg-faq-a\">Tarjeta de cr\u00e9dito\/d\u00e9bito y Bizum, a trav\u00e9s de pasarela bancaria segura.<\/div>\n <\/div>\n <div class=\"pg-faq-item\">\n <div class=\"pg-faq-q\">\u00bfPuedo solicitar factura?<\/div>\n <div class=\"pg-faq-a\">S\u00ed, ind\u00edcalo en el formulario de pedido y la recibir\u00e1s por email.<\/div>\n <\/div>\n <div class=\"pg-faq-item\">\n <div class=\"pg-faq-q\">\u00bfC\u00f3mo cancelo o pido reembolso?<\/div>\n <div class=\"pg-faq-a\">Escr\u00edbenos a pagos@villaviudas.com indicando tu n\u00famero de pedido.<\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<!-- ============================================================\n FOOTER SIMPLE\n ELEMENTOR: Widget HTML, fondo #111\n ============================================================ -->\n<footer class=\"pg-footer\">\n <div class=\"pg-container\">\n <div class=\"pg-footer-inner\">\n <div class=\"pg-footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/beta.villaviudas.com\/wp-content\/uploads\/2026\/02\/Favicon-Ayuntamiento-Villaviudas.webp\" alt=\"Escudo Villaviudas\">\n <span>Portal de Pagos<br>Ayuntamiento de Villaviudas<\/span>\n <\/div>\n <div class=\"pg-footer-links\">\n <a href=\"\/mi-cuenta\/\">Mi cuenta<\/a>\n <a href=\"\/politica-de-privacidad\/\">Privacidad<\/a>\n <a href=\"\/condiciones-de-pago\/\">Condiciones de pago<\/a>\n <a href=\"\/devoluciones\/\">Devoluciones<\/a>\n <a href=\"https:\/\/villaviudas.com\">Web oficial<\/a>\n <\/div>\n <\/div>\n <div class=\"pg-footer-bottom\">\n \u00a9 2025 Ayuntamiento de Villaviudas \u00b7 Pagos gestionados mediante pasarela bancaria segura\n <\/div>\n <\/div>\n<\/footer>\n\n\n<!--\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nGU\u00cdA R\u00c1PIDA DE IMPLEMENTACI\u00d3N \u2014 pagos.villaviudas.com\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\n1. CSS GLOBAL\n \u2192 Elementor > Ajustes del sitio > CSS personalizado\n \u2192 Copiar el bloque <style> completo\n\n2. CADA SECCI\u00d3N = 1 Widget HTML en Elementor, en este orden:\n - Top bar\n - Header\n - Hero simple (secci\u00f3n 1)\n - Banner de confianza (secci\u00f3n 2)\n - Categor\u00edas (secci\u00f3n 3) \u2014 ENLAZAR a las categor\u00edas reales de\n WooCommerce una vez creadas (Productos > Categor\u00edas)\n - Productos destacados (secci\u00f3n 4) \u2014 SUSTITUIR el placeholder\n por el shortcode [products limit=\"8\" columns=\"4\"] o por el\n Widget \"Productos\" de Elementor Pro\n - C\u00f3mo funciona (secci\u00f3n 5)\n - Ayuda\/FAQ (secci\u00f3n 6)\n - Footer\n\n3. CONFIGURACI\u00d3N DE WOOCOMMERCE NECESARIA:\n - Crear categor\u00edas de producto: Inscripciones, Bonos, Entradas,\n Otros Servicios (deben coincidir con los slugs usados en los\n enlaces de la secci\u00f3n 3: \/categoria-producto\/inscripciones\/ etc.)\n - Configurar pasarela de pago (Redsys\/Stripe\/Bizum seg\u00fan el banco\n municipal) en WooCommerce > Ajustes > Pagos\n - Activar emails de confirmaci\u00f3n de pedido en WooCommerce > Ajustes\n > Correos electr\u00f3nicos\n - Cada actividad\/evento\/bono se crea como un producto WooCommerce\n simple, con precio, imagen y (opcional) campos personalizados\n para nombre del participante\/asistente v\u00eda plugin de campos\n extra de pedido (ej. \"Checkout Field Editor\")\n\n4. P\u00c1GINAS WOOCOMMERCE A REVISAR:\n - \/tienda\/ (cat\u00e1logo completo) \u2014 aplicar mismas clases CSS\n .pg-productos para mantener coherencia visual\n - \/carrito\/ y \/finalizar-compra\/ \u2014 estilizar con el mismo CSS\n (variables --vv-* ya definidas, reutilizables en cualquier p\u00e1gina)\n - \/mi-cuenta\/ \u2014 p\u00e1gina de cliente, mismo criterio\n\n5. PLUGINS RECOMENDADOS:\n - WooCommerce (obligatorio)\n - Pasarela de pago compatible (Redsys, Stripe, RedSysWoo, etc.)\n - WooCommerce PDF Invoices (para facturas autom\u00e1ticas)\n - Checkout Field Editor (para campos extra: nombre del ni\u00f1o,\n talla de camiseta, etc. seg\u00fan el tipo de inscripci\u00f3n)\n\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n-->\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portal de Pagos \u2014 Ayuntamiento de Villaviudas \ud83c\udfdb Ayuntamiento de Villaviudas \u2014 Portal Oficial de Pagos \u260e 979 000 000  |  \u2190 Volver a villaviudas.com Portal de Pagos pagos.villaviudas.com \ud83d\udc64 Mi Cuenta \ud83d\uded2 0 \ud83d\udcb3 Pago seguro online Inscripciones, bonos y entradas del Ayuntamiento Realiza el pago de actividades, eventos y servicios municipales de forma […]<\/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-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pagos.villaviudas.com\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pagos.villaviudas.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pagos.villaviudas.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pagos.villaviudas.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pagos.villaviudas.com\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":10,"href":"https:\/\/pagos.villaviudas.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/pagos.villaviudas.com\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/pagos.villaviudas.com\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}