<style id="elementor-post-21414">.elementor-21414 .elementor-element.elementor-element-e1285ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for text-editor, class: .elementor-element-af92496 */<style>
  :root {
    --primary: #0a2540;
    --accent: #0077cc;
    --accent2: #00b4d8;
    --cta: #ff6b35;
    --cta-hover: #e05a28;
    --light: #f0f6ff;
    --border: #dde8f5;
    --text: #1a2b3c;
    --muted: #5a7080;
    --white: #ffffff;
    --badge: #e8f5e9;
    --badge-text: #2e7d32;
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }
  body { font-family: 'Segoe UI', Arial, sans-serif; color: var(--text); background: var(--white); line-height: 1.65; }

  /* ── HERO ── */
  .hero {
    background: linear-gradient(135deg, var(--primary) 0%, #0d3d6b 60%, #0a5999 100%);
    color: var(--white);
    padding: 80px 24px 72px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
  .hero::before {
    content: '';
    position: absolute;
    top: -80px; left: -80px;
    width: 400px; height: 400px;
    background: radial-gradient(circle, rgba(0,180,216,0.15) 0%, transparent 70%);
    pointer-events: none;
  }
  .hero::after {
    content: '';
    position: absolute;
    bottom: -60px; right: -60px;
    width: 350px; height: 350px;
    background: radial-gradient(circle, rgba(0,119,204,0.18) 0%, transparent 70%);
    pointer-events: none;
  }
  .hero-badge {
    display: inline-block;
    background: rgba(0,180,216,0.2);
    border: 1px solid rgba(0,180,216,0.5);
    color: #7ef0ff;
    font-size: 0.78em;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 20px;
    margin-bottom: 22px;
  }
  .hero h1 {
    font-size: clamp(1.8em, 4vw, 2.8em);
    font-weight: 800;
    line-height: 1.2;
    max-width: 760px;
    margin: 0 auto 20px;
    letter-spacing: -0.5px;
  }
  .hero h1 span { color: #7ee8ff; }
  .hero p {
    font-size: 1.1em;
    color: rgba(255,255,255,0.82);
    max-width: 580px;
    margin: 0 auto 36px;
  }
  .hero-ctas { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
  .btn-primary {
    background: var(--cta);
    color: var(--white);
    padding: 15px 34px;
    border-radius: 7px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1em;
    transition: background 0.2s, transform 0.15s;
    display: inline-block;
  }
  .btn-primary:hover { background: var(--cta-hover); transform: translateY(-1px); }
  .btn-secondary {
    background: rgba(255,255,255,0.12);
    color: var(--white);
    padding: 15px 34px;
    border-radius: 7px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1em;
    border: 1px solid rgba(255,255,255,0.3);
    transition: background 0.2s;
    display: inline-block;
  }
  .btn-secondary:hover { background: rgba(255,255,255,0.2); }

  /* ── TRUST BAR ── */
  .trust-bar {
    background: var(--light);
    border-bottom: 1px solid var(--border);
    padding: 16px 24px;
    text-align: center;
    font-size: 0.88em;
    color: var(--muted);
    display: flex;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
  }
  .trust-item { display: flex; align-items: center; gap: 6px; }
  .trust-item strong { color: var(--text); }

  /* ── SECTIONS ── */
  section { padding: 64px 24px; }
  .container { max-width: 900px; margin: 0 auto; }
  .section-label {
    font-size: 0.78em;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--accent);
    margin-bottom: 10px;
  }
  h2.section-title {
    font-size: clamp(1.4em, 3vw, 2em);
    color: var(--primary);
    font-weight: 800;
    margin-bottom: 14px;
    line-height: 1.25;
  }
  .section-sub {
    color: var(--muted);
    font-size: 1em;
    max-width: 560px;
    margin-bottom: 40px;
  }

  /* ── BENEFITS GRID ── */
  .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
  .benefit-card {
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 24px;
    transition: box-shadow 0.2s;
  }
  .benefit-card:hover { box-shadow: 0 4px 20px rgba(0,119,204,0.10); }
  .benefit-icon { font-size: 1.8em; margin-bottom: 12px; }
  .benefit-card h3 { font-size: 1em; color: var(--primary); font-weight: 700; margin-bottom: 8px; }
  .benefit-card p { font-size: 0.92em; color: var(--muted); }

  /* ── METHODS TABLE ── */
  .methods-section { background: var(--primary); color: var(--white); }
  .methods-section .section-label { color: #7ee8ff; }
  .methods-section h2.section-title { color: var(--white); }
  .methods-section .section-sub { color: rgba(255,255,255,0.7); }
  .methods-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
  .method-card {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 10px;
    padding: 24px 20px;
  }
  .method-level {
    display: inline-block;
    font-size: 0.72em;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 3px 9px;
    border-radius: 20px;
    margin-bottom: 12px;
  }
  .level-qes { background: rgba(0,180,216,0.25); color: #7ef0ff; }
  .level-aes { background: rgba(255,160,0,0.25); color: #ffd080; }
  .level-ses { background: rgba(255,255,255,0.15); color: rgba(255,255,255,0.7); }
  .method-card h3 { font-size: 1.05em; font-weight: 700; color: #fff; margin-bottom: 6px; }
  .method-card .coverage { font-size: 0.85em; color: rgba(255,255,255,0.6); margin-bottom: 10px; }
  .method-price { font-size: 1.2em; font-weight: 800; color: #7ee8ff; }
  .method-price span { font-size: 0.75em; font-weight: 400; color: rgba(255,255,255,0.6); }

  /* ── HOW IT WORKS ── */
  .how-section { background: var(--light); }
  .steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0; }
  .step-item { text-align: center; padding: 24px 20px; position: relative; }
  .step-item:not(:last-child)::after {
    content: '→';
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--accent);
    font-size: 1.4em;
    font-weight: bold;
  }
  @media (max-width: 600px) { .step-item:not(:last-child)::after { display: none; } }
  .step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px; height: 48px;
    background: var(--accent);
    color: #fff;
    border-radius: 50%;
    font-size: 1.2em;
    font-weight: 800;
    margin: 0 auto 14px;
  }
  .step-item h3 { font-size: 0.95em; color: var(--primary); font-weight: 700; margin-bottom: 6px; }
  .step-item p { font-size: 0.85em; color: var(--muted); }

  /* ── PRICING ── */
  .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; }
  .pricing-card {
    border: 1.5px solid var(--border);
    border-radius: 10px;
    padding: 24px 20px;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }
  .pricing-card.featured {
    border-color: var(--accent);
    box-shadow: 0 4px 20px rgba(0,119,204,0.12);
  }
  .pricing-card .pack-name { font-size: 0.8em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); margin-bottom: 8px; }
  .pricing-card .pack-price { font-size: 1.9em; font-weight: 800; color: var(--primary); line-height: 1; }
  .pricing-card .pack-credits { font-size: 0.85em; color: var(--muted); margin: 6px 0 12px; }
  .pricing-card .pack-unit { font-size: 0.82em; color: var(--accent); font-weight: 600; }
  .no-sub-note { text-align: center; margin-top: 24px; font-size: 0.9em; color: var(--muted); }
  .no-sub-note strong { color: var(--text); }

  /* ── USE CASES ── */
  .usecases-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
  .usecase-card { border-left: 4px solid var(--accent2); padding: 20px 22px; background: var(--light); border-radius: 0 8px 8px 0; }
  .usecase-card .uc-icon { font-size: 1.5em; margin-bottom: 10px; }
  .usecase-card h3 { font-size: 0.97em; color: var(--primary); font-weight: 700; margin-bottom: 6px; }
  .usecase-card p { font-size: 0.88em; color: var(--muted); }

  /* ── DEV BOX ── */
  .dev-resources { background: #0d1b2a; border-radius: 12px; padding: 28px 32px; margin-top: 32px; }
  .dev-resources h3 { color: #7ee8ff; font-size: 1em; margin: 0 0 18px 0; letter-spacing: 0.5px; }
  .dev-res-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
  .dev-res-item { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 16px; }
  .dev-res-item .res-icon { font-size: 1.4em; margin-bottom: 8px; }
  .dev-res-item h4 { color: #7ee8a2; font-size: 0.9em; margin: 0 0 6px 0; }
  .dev-res-item p { color: rgba(255,255,255,0.6); font-size: 0.82em; margin: 0; }
  .cta-section {
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);
    color: var(--white);
    text-align: center;
    padding: 72px 24px;
  }
  .cta-section h2 { font-size: clamp(1.4em, 3vw, 2em); font-weight: 800; margin-bottom: 14px; }
  .cta-section p { font-size: 1em; opacity: 0.9; max-width: 500px; margin: 0 auto 32px; }
  .btn-white {
    background: var(--white);
    color: var(--accent);
    padding: 15px 36px;
    border-radius: 7px;
    font-weight: 700;
    font-size: 1em;
    text-decoration: none;
    display: inline-block;
    transition: opacity 0.2s;
  }
  .btn-white:hover { opacity: 0.9; }
  .cta-note { font-size: 0.82em; opacity: 0.75; margin-top: 16px; }
</style>/* End custom CSS */</style>{"id":21414,"date":"2026-04-07T22:33:23","date_gmt":"2026-04-07T20:33:23","guid":{"rendered":"https:\/\/www.e-signature.eu\/?page_id=21414"},"modified":"2026-10-05T22:25:02","modified_gmt":"2026-10-05T20:25:02","slug":"api-firma-electronica","status":"publish","type":"page","link":"https:\/\/www.e-signature.eu\/es\/api-firma-electronica\/","title":{"rendered":"API de firma electr\u00f3nica eIDAS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21414\" class=\"elementor elementor-21414 elementor-21411\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1285ad e-con-full e-flex e-con e-parent\" data-id=\"e1285ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af92496 elementor-widget elementor-widget-text-editor\" data-id=\"af92496\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<style>\n  :root {\n    --primary: #0a2540;\n    --accent: #0077cc;\n    --accent2: #00b4d8;\n    --cta: #ff6b35;\n    --cta-hover: #e05a28;\n    --light: #f0f6ff;\n    --border: #dde8f5;\n    --text: #1a2b3c;\n    --muted: #5a7080;\n    --white: #ffffff;\n  }\n\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n  body { font-family: 'Segoe UI', Arial, sans-serif; color: var(--text); background: var(--white); line-height: 1.65; }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .hero {\n    background: linear-gradient(135deg, var(--primary) 0%, #0d3d6b 60%, #0a5999 100%);\n    color: var(--white);\n    padding: 80px 24px 72px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  .hero::before {\n    content: '';\n    position: absolute;\n    top: -80px; left: -80px;\n    width: 400px; height: 400px;\n    background: radial-gradient(circle, rgba(0,180,216,0.15) 0%, transparent 70%);\n    pointer-events: none;\n  }\n  .hero::after {\n    content: '';\n    position: absolute;\n    bottom: -60px; right: -60px;\n    width: 350px; height: 350px;\n    background: radial-gradient(circle, rgba(0,119,204,0.18) 0%, transparent 70%);\n    pointer-events: none;\n  }\n  .hero-badge {\n    display: inline-block;\n    background: rgba(0,180,216,0.2);\n    border: 1px solid rgba(0,180,216,0.5);\n    color: #7ef0ff;\n    font-size: 0.78em;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    padding: 5px 14px;\n    border-radius: 20px;\n    margin-bottom: 22px;\n  }\n  .hero h1 {\n    font-size: clamp(1.8em, 4vw, 2.8em);\n    font-weight: 800;\n    line-height: 1.2;\n    max-width: 760px;\n    margin: 0 auto 20px;\n    letter-spacing: -0.5px;\n  }\n  .hero p {\n    font-size: 1.1em;\n    color: rgba(255,255,255,0.82);\n    max-width: 580px;\n    margin: 0 auto 28px;\n  }\n  .hero-ctas { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }\n  .btn-primary {\n    background: var(--cta);\n    color: var(--white);\n    padding: 15px 34px;\n    border-radius: 7px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1em;\n    transition: background 0.2s, transform 0.15s;\n    display: inline-block;\n  }\n  .btn-primary:hover { background: var(--cta-hover); transform: translateY(-1px); }\n  .btn-secondary {\n    background: rgba(255,255,255,0.22);\n    color: var(--white);\n    padding: 15px 34px;\n    border-radius: 7px;\n    text-decoration: none;\n    font-weight: 700;\n    font-size: 1em;\n    border: 2px solid rgba(255,255,255,0.7);\n    transition: background 0.2s;\n    display: inline-block;\n  }\n  .btn-secondary:hover { background: rgba(255,255,255,0.32); }\n\n  \/* \u2500\u2500 TRUST BAR \u2500\u2500 *\/\n  .trust-bar {\n    background: var(--light);\n    border-bottom: 1px solid var(--border);\n    padding: 16px 24px;\n    text-align: center;\n    font-size: 0.88em;\n    color: var(--muted);\n    display: flex;\n    justify-content: center;\n    gap: 32px;\n    flex-wrap: wrap;\n  }\n  .trust-item { display: flex; align-items: center; gap: 6px; }\n  .trust-item strong { color: var(--text); }\n\n  \/* \u2500\u2500 SECTIONS \u2500\u2500 *\/\n  section { padding: 64px 24px; }\n  .container { max-width: 900px; margin: 0 auto; }\n  .section-label {\n    font-size: 0.78em;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--accent);\n    margin-bottom: 10px;\n  }\n  h2.section-title {\n    font-size: clamp(1.4em, 3vw, 2em);\n    color: var(--primary);\n    font-weight: 800;\n    margin-bottom: 14px;\n    line-height: 1.25;\n  }\n  .section-sub {\n    color: var(--muted);\n    font-size: 1em;\n    max-width: 560px;\n    margin-bottom: 40px;\n  }\n\n  \/* \u2500\u2500 BENEFITS GRID \u2500\u2500 *\/\n  .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }\n  .benefit-card {\n    background: var(--white);\n    border: 1px solid var(--border);\n    border-radius: 10px;\n    padding: 24px;\n    transition: box-shadow 0.2s;\n  }\n  .benefit-card:hover { box-shadow: 0 4px 20px rgba(0,119,204,0.10); }\n  .benefit-icon { font-size: 1.8em; margin-bottom: 12px; }\n  .benefit-card h3 { font-size: 1em; color: var(--primary); font-weight: 700; margin-bottom: 8px; }\n  .benefit-card p { font-size: 0.92em; color: var(--muted); }\n\n  \/* \u2500\u2500 METHODS \u2500\u2500 *\/\n  .methods-section { background: var(--primary); color: var(--white); }\n  .methods-section .section-label { color: #7ee8ff; }\n  .methods-section h2.section-title { color: var(--white); }\n  .methods-section .section-sub { color: rgba(255,255,255,0.7); }\n  .methods-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }\n  .method-card {\n    background: rgba(255,255,255,0.07);\n    border: 1px solid rgba(255,255,255,0.15);\n    border-radius: 10px;\n    padding: 24px 20px;\n  }\n  .method-level {\n    display: inline-block;\n    font-size: 0.72em;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n    padding: 3px 9px;\n    border-radius: 20px;\n    margin-bottom: 12px;\n  }\n  .level-qes { background: rgba(0,180,216,0.25); color: #7ef0ff; }\n  .level-aes { background: rgba(255,160,0,0.25); color: #ffd080; }\n  .level-ses { background: rgba(255,255,255,0.15); color: rgba(255,255,255,0.7); }\n  .method-card h3 { font-size: 1.05em; font-weight: 700; color: #fff; margin-bottom: 6px; }\n  .method-card .coverage { font-size: 0.85em; color: rgba(255,255,255,0.6); margin-bottom: 10px; }\n  .method-price { font-size: 1.2em; font-weight: 800; color: #7ee8ff; }\n  .method-price span { font-size: 0.75em; font-weight: 400; color: rgba(255,255,255,0.6); }\n\n  \/* \u2500\u2500 DEV RESOURCES \u2500\u2500 *\/\n  .dev-resources {\n    background: #0d1b2a;\n    border-radius: 12px;\n    padding: 28px 32px;\n    margin-top: 8px;\n  }\n  .dev-resources h3 { color: #7ee8ff; font-size: 1em; margin: 0 0 18px 0; letter-spacing: 0.5px; }\n  .dev-res-item {\n    background: rgba(255,255,255,0.06);\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 8px;\n    padding: 16px;\n  }\n  .dev-res-item .res-icon { font-size: 1.4em; margin-bottom: 8px; }\n  .dev-res-item h4 { color: #7ee8a2; font-size: 0.9em; margin: 0 0 6px 0; }\n  .dev-res-item p { color: rgba(255,255,255,0.6); font-size: 0.82em; margin: 0; }\n\n  \/* \u2500\u2500 USE CASES \u2500\u2500 *\/\n  .usecases-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }\n  .usecase-card { border-left: 4px solid var(--accent2); padding: 20px 22px; background: var(--light); border-radius: 0 8px 8px 0; }\n  .usecase-card .uc-icon { font-size: 1.5em; margin-bottom: 10px; }\n  .usecase-card h3 { font-size: 0.97em; color: var(--primary); font-weight: 700; margin-bottom: 6px; }\n  .usecase-card p { font-size: 0.88em; color: var(--muted); }\n\n  \/* \u2500\u2500 PRICING \u2500\u2500 *\/\n  .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; }\n  .pricing-card {\n    border: 1.5px solid var(--border);\n    border-radius: 10px;\n    padding: 24px 20px;\n    text-align: center;\n    transition: border-color 0.2s, box-shadow 0.2s;\n  }\n  .pricing-card.featured {\n    border-color: var(--accent);\n    box-shadow: 0 4px 20px rgba(0,119,204,0.12);\n  }\n  .pricing-card .pack-name { font-size: 0.8em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); margin-bottom: 8px; }\n  .pricing-card .pack-price { font-size: 1.9em; font-weight: 800; color: var(--primary); line-height: 1; }\n  .pricing-card .pack-credits { font-size: 0.85em; color: var(--muted); margin: 6px 0 12px; }\n  .pricing-card .pack-unit { font-size: 0.82em; color: var(--accent); font-weight: 600; }\n  .no-sub-note { text-align: center; margin-top: 24px; font-size: 0.9em; color: var(--muted); }\n  .no-sub-note strong { color: var(--text); }\n\n  \/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\n  .cta-section {\n    background: linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);\n    color: var(--white);\n    text-align: center;\n    padding: 72px 24px;\n  }\n  .cta-section h2 { font-size: clamp(1.4em, 3vw, 2em); font-weight: 800; margin-bottom: 14px; }\n  .cta-section p { font-size: 1em; opacity: 0.9; max-width: 500px; margin: 0 auto 28px; }\n  .btn-white {\n    background: var(--white);\n    color: var(--accent);\n    padding: 15px 36px;\n    border-radius: 7px;\n    font-weight: 700;\n    font-size: 1em;\n    text-decoration: none;\n    display: inline-block;\n    transition: opacity 0.2s;\n  }\n  .btn-white:hover { opacity: 0.9; }\n  .cta-note { font-size: 0.82em; opacity: 0.75; margin-top: 16px; }\n<\/style>\n\n<header class=\"hero\">\n<div class=\"hero-badge\">Disponible inmediatamente<\/div>\n<h1><span style=\"color:#ffffff;\">Integre<\/span> <span style=\"color:#00ffff;\">Firmas Electr\u00f3nicas Cualificadas<\/span> <span style=\"color:#ffffff;\">en Sus Aplicaciones<\/span><\/h1>\n<p>La API de e-Signature.eu le da acceso a todos los m\u00e9todos de firma de la plataforma \u2014 itsme\u00ae, Evrotrust, Veriff y OTP correo\/SMS \u2014 desde un \u00fanico endpoint. Conforme con eIDAS. Sin suscripci\u00f3n.<\/p>\n<div style=\"display:inline-block;max-width:620px;margin:0 auto 28px;padding:14px 24px;background:rgba(0,180,216,0.18);border:1px solid rgba(0,180,216,0.45);border-radius:10px;font-size:0.95em;line-height:1.6;color:rgba(255,255,255,0.96);text-align:center;\">\ud83d\ude80 <strong style=\"color:#7ef0ff;\">Para empezar:<\/strong> simplemente pida cr\u00e9ditos \u2014 su cuenta se crea autom\u00e1ticamente y su clave API est\u00e1 disponible de inmediato en la secci\u00f3n <em>Signature API<\/em> de su cuenta. Sin solicitud de acceso, sin esperas.<\/div>\n<div class=\"hero-ctas\"><a class=\"btn-primary\" href=\"https:\/\/www.e-signature.eu\/es\/nuestros-paquetes-de-credito-prepago\/\">Pedir cr\u00e9ditos \u2192<\/a>\n<a class=\"btn-secondary\" href=\"https:\/\/documenter.getpostman.com\/view\/10230512\/2sBXirkUa9\" target=\"_blank\" rel=\"noopener\">Ver la documentaci\u00f3n<\/a><\/div>\n<\/header>\n\n<div class=\"trust-bar\"><span class=\"trust-item\">\u2705 <strong>Conforme con eIDAS<\/strong><\/span>\n<span class=\"trust-item\">\ud83c\udf0d <strong>Hasta 198 pa\u00edses<\/strong> cubiertos<\/span>\n<span class=\"trust-item\">\ud83d\udcb3 <strong>Pay-as-you-go<\/strong> \u2014 sin suscripci\u00f3n<\/span>\n<span class=\"trust-item\">\ud83d\udd12 <strong>QES, AES y SES<\/strong> mediante una sola API<\/span><\/div>\n\n<section>\n<div class=\"container\">\n<div class=\"section-label\">Por qu\u00e9 la API de e-Signature.eu<\/div>\n<h2 class=\"section-title\">Una integraci\u00f3n, todos los m\u00e9todos de firma<\/h2>\n<p class=\"section-sub\">Un \u00fanico contrato API, una \u00fanica integraci\u00f3n para acceder a todos los m\u00e9todos de firma eIDAS disponibles en la plataforma.<\/p>\n\n<div class=\"benefits-grid\">\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\u26a1<\/div>\n<h3>API REST est\u00e1ndar<\/h3>\nArquitectura RESTful documentada, compatible con todos los lenguajes y frameworks. Integraci\u00f3n r\u00e1pida en pocas horas.\n<\/div>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\ud83d\udd14<\/div>\n<h3>Webhooks &amp; callbacks<\/h3>\nEn cuanto se completa una firma con \u00e9xito, su servidor recibe autom\u00e1ticamente una notificaci\u00f3n con el estado y el documento firmado (Base64).\n<\/div>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\ud83d\udd17<\/div>\n<h3>Firma integrada &amp; redirecci\u00f3n<\/h3>\nEn modo integrado, la URL de firma se devuelve a su servidor. Tras la firma, sus clientes son redirigidos autom\u00e1ticamente a la p\u00e1gina de su elecci\u00f3n.\n<\/div>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\ud83c\udf10<\/div>\n<h3>Cobertura mundial<\/h3>\nDesde Europa (itsme\u00ae, Evrotrust) hasta todo el mundo (Veriff, 198 pa\u00edses) \u2014 una sola API cubre todos sus mercados.\n<\/div>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\ud83d\udcb3<\/div>\n<h3>Facturaci\u00f3n por uso<\/h3>\nSin suscripci\u00f3n, sin costes fijos. Solo paga por las firmas efectivamente realizadas.\n<\/div>\n<div class=\"benefit-card\">\n<div class=\"benefit-icon\">\ud83d\udcca<\/div>\n<h3>Panel de control unificado<\/h3>\nTodas las firmas iniciadas mediante la API son visibles en su panel de e-Signature.eu \u2014 una interfaz centralizada para gestionar, supervisar y auditar todas sus solicitudes.\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section class=\"methods-section\">\n<div class=\"container\">\n<div class=\"section-label\">M\u00e9todos disponibles mediante API<\/div>\n<h2 class=\"section-title\">QES, AES o SES \u2014 usted elige el nivel<\/h2>\n<p class=\"section-sub\">La API expone los cuatro m\u00e9todos de firma disponibles en la plataforma. Seleccione din\u00e1micamente el nivel eIDAS adecuado para cada documento o contexto normativo.<\/p>\n\n<div class=\"methods-grid\">\n<div class=\"method-card\">\n<div class=\"method-level level-qes\">QES \u2014 Cualificada<\/div>\n<h3>itsme\u00ae<\/h3>\n<div class=\"coverage\">\ud83d\udccd 32 pa\u00edses europeos<\/div>\n<div class=\"method-price\">1 cr\u00e9dito \/ firmante<\/div>\n<\/div>\n<div class=\"method-card\">\n<div class=\"method-level level-qes\">QES \u2014 Cualificada<\/div>\n<h3>Evrotrust<\/h3>\n<div class=\"coverage\">\ud83d\udccd 62 pa\u00edses<\/div>\n<div class=\"method-price\">1 cr\u00e9dito \/ firmante<\/div>\n<\/div>\n<div class=\"method-card\">\n<div class=\"method-level level-aes\">AES \u2014 Avanzada<\/div>\n<h3>Veriff<\/h3>\n<div class=\"coverage\">\ud83d\udccd 198 pa\u00edses<\/div>\n<div class=\"method-price\">0,7 cr\u00e9ditos \/ firmante<\/div>\n<\/div>\n<div class=\"method-card\">\n<div class=\"method-level level-ses\">SES \u2014 Simple<\/div>\n<h3>OTP correo\/SMS<\/h3>\n<div class=\"coverage\">\ud83d\udccd Mundial<\/div>\n<div class=\"method-price\">0,4 cr\u00e9ditos \/ firmante<\/div>\n<\/div>\n<\/div>\n<p style=\"margin-top:20px;font-size:0.85em;color:rgba(255,255,255,0.55);\">\u2696\ufe0f Solo una firma electr\u00f3nica cualificada (QES) es legalmente equivalente a una firma manuscrita seg\u00fan el reglamento eIDAS.<\/p>\n<\/div>\n<\/section>\n\n<section style=\"background:var(--light);\">\n<div class=\"container\">\n<div class=\"section-label\">Modos de integraci\u00f3n<\/div>\n<h2 class=\"section-title\">Dos modos operativos, un \u00fanico endpoint<\/h2>\n<p class=\"section-sub\">Elija el modo que se adapte a su arquitectura y a la experiencia que desea ofrecer a sus usuarios.<\/p>\n\n<div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:28px;\">\n<div style=\"border:2px solid #90caf9;border-radius:12px;padding:28px;background:#f0f7ff;\">\n<div style=\"display:inline-block;background:#bbdefb;color:#1565c0;font-size:0.72em;font-weight:bold;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:14px;\">Modo cl\u00e1sico<\/div>\n<h3 style=\"color:#1565c0;font-size:1.05em;margin:0 0 12px 0;\">\ud83d\udce7 Invitaciones gestionadas por e-Signature.eu<\/h3>\n<p style=\"font-size:0.9em;color:var(--muted);margin-bottom:14px;\">Usted transmite el documento y los datos de los firmantes. La plataforma gestiona las invitaciones por correo, los recordatorios y el seguimiento \u2014 sin esfuerzo por su parte.<\/p>\n<ul style=\"font-size:0.87em;color:var(--muted);padding-left:1.1em;margin:0;\">\n<li style=\"margin-bottom:5px;\">Integraci\u00f3n r\u00e1pida y ligera<\/li>\n<li style=\"margin-bottom:5px;\">Correos, recordatorios y seguimiento incluidos<\/li>\n<li>Ideal para flujos de trabajo as\u00edncronos<\/li>\n<\/ul>\n<\/div>\n<div style=\"border:2px solid #a5d6a7;border-radius:12px;padding:28px;background:#f1f9f1;\">\n<div style=\"display:inline-block;background:#c8e6c9;color:#2e7d32;font-size:0.72em;font-weight:bold;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:14px;\">Modo integrado \u2014 Nuevo<\/div>\n<h3 style=\"color:#2e7d32;font-size:1.05em;margin:0 0 12px 0;\">\ud83d\udd17 URLs de firma devueltas a su servidor<\/h3>\n<p style=\"font-size:0.9em;color:var(--muted);margin-bottom:14px;\">La API devuelve las URLs de firma directamente a su servidor. Redirija inmediatamente a sus clientes a la p\u00e1gina de firma dentro de su propio sitio o aplicaci\u00f3n \u2014 sin ninguna interrupci\u00f3n.<\/p>\n<ul style=\"font-size:0.87em;color:var(--muted);padding-left:1.1em;margin:0;\">\n<li style=\"margin-bottom:5px;\">Experiencia 100 % dentro de su entorno<\/li>\n<li style=\"margin-bottom:5px;\">Firma en tiempo real, en su sitio<\/li>\n<li>Ideal para embudos de conversi\u00f3n y onboarding<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div style=\"background:#fffde7;border-left:4px solid #ffa000;border-radius:0 8px 8px 0;padding:16px 20px;font-size:0.92em;color:var(--text);\"><strong>\ud83d\udca1 Ejemplo:<\/strong> En modo integrado, en cuanto su cliente finaliza su suscripci\u00f3n, su servidor obtiene la URL mediante la API y lo redirige instant\u00e1neamente a la p\u00e1gina de firma \u2014 sin correo, sin salir de su embudo.<\/div>\n<\/div>\n<\/section>\n\n<section id=\"how-it-works\">\n<div class=\"container\">\n<div class=\"section-label\">Integraci\u00f3n<\/div>\n<h2 class=\"section-title\">2 pasos para integrar la firma<\/h2>\n<p class=\"section-sub\">Una API dise\u00f1ada para la simplicidad: autent\u00edquese, env\u00ede, y todo lo dem\u00e1s llega por webhook.<\/p>\n\n<div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:36px;\">\n<div style=\"border:1.5px solid #dde8f5;border-radius:12px;padding:28px 24px;background:#ffffff;\">\n<div style=\"display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#0077cc;color:#ffffff;border-radius:50%;font-size:1.15em;font-weight:800;margin-bottom:16px;\">1<\/div>\n<h3 style=\"color:#0a2540;font-size:1.05em;font-weight:700;margin:0 0 10px 0;\">Autenticaci\u00f3n &amp; env\u00edo<\/h3>\n<p style=\"font-size:0.9em;color:#5a7080;margin:0;\">Su clave API est\u00e1 disponible directamente en su cuenta, secci\u00f3n <em>Signature API<\/em>. Env\u00ede el PDF con los datos de los firmantes, el m\u00e9todo de firma elegido y el modo operativo (correo electr\u00f3nico o URL de servidor).<\/p>\n<\/div>\n<div style=\"border:1.5px solid #dde8f5;border-radius:12px;padding:28px 24px;background:#ffffff;\">\n<div style=\"display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#0077cc;color:#ffffff;border-radius:50%;font-size:1.15em;font-weight:800;margin-bottom:16px;\">2<\/div>\n<h3 style=\"color:#0a2540;font-size:1.05em;font-weight:700;margin:0 0 10px 0;\">Firma &amp; recuperaci\u00f3n<\/h3>\n<p style=\"font-size:0.9em;color:#5a7080;margin:0;\">Correo enviado o URL devuelta a su servidor. Estado de la firma y documento firmado (Base64) entregados autom\u00e1ticamente por webhook.<\/p>\n<\/div>\n<\/div>\n\n<div class=\"dev-resources\">\n<h3>\ud83e\uddf0 Recursos para desarrolladores<\/h3>\n<div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:16px;\">\n<div class=\"dev-res-item\">\n<div class=\"res-icon\">\ud83d\udcee<\/div>\n<h4>Colecci\u00f3n Postman<\/h4>\n<p>Importe y ejecute todos los endpoints con un clic, con ejemplos preconfigurados.<\/p>\n<\/div>\n<div class=\"dev-res-item\">\n<div class=\"res-icon\">\ud83d\udcc4<\/div>\n<h4>Documentaci\u00f3n interactiva<\/h4>\n<p>Referencia completa de par\u00e1metros, respuestas, c\u00f3digos de error y escenarios.<\/p>\n<\/div>\n<div class=\"dev-res-item\">\n<div class=\"res-icon\">\ud83d\udd17<\/div>\n<h4>Callback URL &amp; Success URL<\/h4>\n<p>Configure su <strong>callback URL<\/strong> para recibir el estado y el documento firmado por webhook, y una <strong>success URL<\/strong> para redirigir a sus clientes a su propia p\u00e1gina tras la firma.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n<div style=\"background:linear-gradient(135deg,#f0f7ff 0%,#e3f1ff 100%);border:2px solid #0077cc;border-radius:14px;padding:28px 32px;margin-top:32px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;\">\n<div style=\"flex:1;min-width:240px;\">\n<h3 style=\"font-size:1.15em;color:#0a2540;font-weight:800;margin:0 0 10px 0;\">\ud83d\udd11 \u00bfListo para empezar? Puede comenzar ahora mismo.<\/h3>\n<p style=\"font-size:0.93em;color:#5a7080;margin:0;\"><strong style=\"color:#1a2b3c;\">Pida cr\u00e9ditos<\/strong> en e-signature.eu \u2014 su cuenta se crea autom\u00e1ticamente, y su clave API y su Callback URL est\u00e1n disponibles en la secci\u00f3n <em>Signature API<\/em> de su cuenta. Sin solicitud de acceso, sin esperas.<\/p>\n<\/div>\n<a href=\"https:\/\/www.e-signature.eu\/es\/nuestros-paquetes-de-credito-prepago\/\" style=\"background:#ff6b35;color:#ffffff;padding:15px 34px;border-radius:7px;text-decoration:none;font-weight:700;font-size:1em;display:inline-block;white-space:nowrap;\">Pedir cr\u00e9ditos \u2192<\/a>\n<\/div>\n\n<\/div>\n<\/section>\n\n<section>\n<div class=\"container\">\n<div class=\"section-label\">Casos de uso<\/div>\n<h2 class=\"section-title\">Dise\u00f1ada para flujos de trabajo cr\u00edticos<\/h2>\n<p class=\"section-sub\">La API de e-Signature.eu se integra en sus procesos existentes, precisamente donde la firma manual genera fricciones.<\/p>\n\n<div class=\"usecases-grid\">\n<div class=\"usecase-card\">\n<div class=\"uc-icon\">\ud83c\udfe2<\/div>\n<h3>CRM &amp; Gesti\u00f3n de contratos<\/h3>\n<p>Active una solicitud de firma QES en cuanto se apruebe un presupuesto, directamente desde Salesforce, HubSpot u Odoo.<\/p>\n<\/div>\n<div class=\"usecase-card\">\n<div class=\"uc-icon\">\ud83c\udfe6<\/div>\n<h3>Banca &amp; Seguros<\/h3>\n<p>Alta de clientes, mandatos SEPA, contratos de seguro \u2014 con verificaci\u00f3n de identidad integrada mediante Evrotrust o Veriff.<\/p>\n<\/div>\n<div class=\"usecase-card\">\n<div class=\"uc-icon\">\ud83c\udfd7\ufe0f<\/div>\n<h3>Inmobiliario<\/h3>\n<p>Contratos de arrendamiento, mandatos y compromisos de venta firmados por todas las partes mediante flujos secuenciales o paralelos.<\/p>\n<\/div>\n<div class=\"usecase-card\">\n<div class=\"uc-icon\">\ud83c\udf0d<\/div>\n<h3>Operaciones internacionales<\/h3>\n<p>Cubra todos sus mercados: QES en Europa con Evrotrust, AES en 198 pa\u00edses con Veriff \u2014 una \u00fanica integraci\u00f3n.<\/p>\n<\/div>\n<div class=\"usecase-card\">\n<div class=\"uc-icon\">\ud83c\udfdb\ufe0f<\/div>\n<h3>Tr\u00e1mites administrativos<\/h3>\n<p>Determinadas administraciones exigen una QES. La API le permite integrarla directamente en su flujo de tramitaci\u00f3n o cumplimiento normativo.<\/p>\n<\/div>\n<div class=\"usecase-card\">\n<div class=\"uc-icon\">\ud83d\udcbc<\/div>\n<h3>RRHH &amp; Onboarding<\/h3>\n<p>Contratos laborales, anexos, acuerdos de confidencialidad \u2014 recopile firmas sin ninguna interrupci\u00f3n en el recorrido del usuario.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n\n<section style=\"background:var(--light);\">\n<div class=\"container\">\n<div class=\"section-label\">Precios<\/div>\n<h2 class=\"section-title\">Pay-as-you-go \u2014 sin suscripci\u00f3n<\/h2>\n<p class=\"section-sub\">Recargue cr\u00e9ditos seg\u00fan sus necesidades. A mayor volumen, menor coste por cr\u00e9dito.<\/p>\n\n<div class=\"pricing-grid\">\n<div class=\"pricing-card\">\n<div class=\"pack-name\">Starter<\/div>\n<div class=\"pack-price\">371 \u20ac<\/div>\n<div class=\"pack-credits\">100 cr\u00e9ditos<\/div>\n<div class=\"pack-unit\">3,71 \u20ac \/ cr\u00e9dito<\/div>\n<\/div>\n<div class=\"pricing-card featured\">\n<div class=\"pack-name\">Standard<\/div>\n<div class=\"pack-price\">1.725 \u20ac<\/div>\n<div class=\"pack-credits\">500 cr\u00e9ditos<\/div>\n<div class=\"pack-unit\">3,45 \u20ac \/ cr\u00e9dito<\/div>\n<\/div>\n<div class=\"pricing-card\">\n<div class=\"pack-name\">Business<\/div>\n<div class=\"pack-price\">3.000 \u20ac<\/div>\n<div class=\"pack-credits\">1.000 cr\u00e9ditos<\/div>\n<div class=\"pack-unit\">3,00 \u20ac \/ cr\u00e9dito<\/div>\n<\/div>\n<div class=\"pricing-card\">\n<div class=\"pack-name\">Enterprise<\/div>\n<div class=\"pack-price\">12.500 \u20ac<\/div>\n<div class=\"pack-credits\">5.000 cr\u00e9ditos<\/div>\n<div class=\"pack-unit\">2,50 \u20ac \/ cr\u00e9dito<\/div>\n<\/div>\n<\/div>\n<p class=\"no-sub-note\"><strong>1 cr\u00e9dito = 1 firma QES<\/strong>, independientemente del n\u00famero de documentos en la solicitud. Sin cuotas mensuales, sin compromiso.<\/p>\n<\/div>\n<\/section>\n\n<section class=\"cta-section\">\n<h2 style=\"color:#ffffff;\">\u00bfListo para integrar la firma eIDAS?<\/h2>\n<p>Pida cr\u00e9ditos para acceder inmediatamente a su clave API e iniciar su integraci\u00f3n.<\/p>\n<div style=\"display:inline-block;max-width:640px;margin:0 auto 28px;padding:16px 26px;background:rgba(255,255,255,0.16);border:1px solid rgba(255,255,255,0.4);border-radius:10px;font-size:0.95em;line-height:1.65;color:rgba(255,255,255,0.97);text-align:center;\"><strong style=\"color:#ffffff;\">C\u00f3mo funciona:<\/strong> pida cr\u00e9ditos \u2192 su cuenta se crea autom\u00e1ticamente \u2192 su clave API est\u00e1 disponible en la secci\u00f3n <em>Signature API<\/em> de su cuenta \u2192 integra de inmediato.<\/div>\n<div class=\"hero-ctas\" style=\"justify-content:center;margin-bottom:16px;\">\n<a class=\"btn-white\" href=\"https:\/\/www.e-signature.eu\/es\/nuestros-paquetes-de-credito-prepago\/\">Pedir cr\u00e9ditos \u2192<\/a>\n<a style=\"background:rgba(255,255,255,0.22);color:#fff;padding:15px 34px;border-radius:7px;text-decoration:none;font-weight:bold;font-size:1em;border:2px solid rgba(255,255,255,0.7);display:inline-block;\" href=\"https:\/\/documenter.getpostman.com\/view\/10230512\/2sBXirkUa9\" target=\"_blank\" rel=\"noopener\">Ver la documentaci\u00f3n<\/a>\n<\/div>\n<div class=\"cta-note\">Sin suscripci\u00f3n \u00b7 Sin solicitud de acceso \u00b7 Clave API disponible de inmediato \u00b7 Conforme con eIDAS<\/div>\n<\/section>\t\t\t\t\t\t\t\t<\/div>\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>Disponible inmediatamente Integre Firmas Electr\u00f3nicas Cualificadas en Sus Aplicaciones La API de e-Signature.eu le da acceso a todos los m\u00e9todos&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-21414","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.e-signature.eu\/es\/wp-json\/wp\/v2\/pages\/21414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.e-signature.eu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.e-signature.eu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.e-signature.eu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.e-signature.eu\/es\/wp-json\/wp\/v2\/comments?post=21414"}],"version-history":[{"count":5,"href":"https:\/\/www.e-signature.eu\/es\/wp-json\/wp\/v2\/pages\/21414\/revisions"}],"predecessor-version":[{"id":29202,"href":"https:\/\/www.e-signature.eu\/es\/wp-json\/wp\/v2\/pages\/21414\/revisions\/29202"}],"wp:attachment":[{"href":"https:\/\/www.e-signature.eu\/es\/wp-json\/wp\/v2\/media?parent=21414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}