PLEASE REVIEW THE FORM "P1.png" and "P2.png" BEFORE PROVIDING A PRICE. DO NOT QUOTE AN AMOUNT WITH THE INTENTION OF NEGOTIATING LATER. STATE THE EXACT AMOUNT YOU WANT TO RECEIVE FOR THE WORK. 1) Objective Recreate the “Historia Perinatal” form (two pages) as a fully editable, fully clickable HTML layout, using the following image files as the visual source of truth: p1.png (Page 1) p2.png (Page 2) The deliverable must be real HTML structure, not a flattened image. Every relevant element must be selectable/clickable as an HTML element. NO HOVER, NO INTERACTION, NO TIGGER FUNTIONS, ONLY TEXT AND DESIGN. 2) Scope (What must be done) Produce two HTML pages (or one HTML file with two clearly separated sections) representing Page 1 and Page 2. The replica must include: All text (titles, labels, notes, headers) in the exact position shown in the reference images. Lines, separators, boxes, table-like structures, and the complete visual layout. Data-capture controls (input, textarea, radio, checkbox, etc.) matching the form. Each interactive control and relevant block must have a unique id attribute. IDs may be random, but must be unique and preferably stable. It must be possible to click any control and the click must land on the correct element (no overlay layers blocking interaction). 3) Technical constraints (What is NOT allowed) Pure HTML + pure CSS only. No libraries/frameworks: No Bootstrap, Tailwind, jQuery, React/Vue, or external dependencies. Do not deliver the form as an image with hotspots as the primary solution. Images may be used temporarily during development, but the final output must be genuine HTML elements. Do not provide an “approximate” layout. A faithful replica is required. 4) Available resources in the directory In addition to p1.png and p2.png, the directory includes: p1notext.jpg and p2notext.jpg: same pages without text, useful to distinguish layout vs. text. Multiple existing .html attempts: considered unsuccessful; provided only as optional reference. ver6.html: contains clean text without layout, useful for copy/paste of exact wording. 5) Deliverables p1.html and p2.html (or historia-perinatal.html with clear Page 1 / Page 2 sections). A CSS file: styles.css (preferred), or embedded CSS if necessary. (Optional) assets/ folder only if genuinely needed for minor non-form elements, while keeping the form itself as HTML. 6) Acceptance criteria (Definition of Done) Work is considered complete only if: Visual fidelity: When comparing p1.html to p1.png and p2.html to p2.png, the result is visually equivalent, including: Alignment, margins, spacing, sizes, layout structure, separators, boxes, and grid/table alignment. Text and control placement. Interactivity: Every input/radio/checkbox/textarea is usable and selectable. No overlapping elements prevent clicks on intended controls. Identifiers: Every interactive control has a unique id. Technology compliance: No external dependencies; no CDN links; no libraries. Maintainable structure: Layout is implemented using HTML + CSS (divs/labels/inputs), not flattened or simulated via a single image. 7) Non-negotiable clarification “Almost complete” is not acceptable. The requirement is exact layout. The purpose of delegating this task is to avoid manual reconstruction effort on our side; the expectation is a complete, production-usable digitization.