templates/templates/models/drupal-forms.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/master.html.twig" %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     <style type="text/css">
  6.         /* Estilos de Drupal */
  7.         .visually-hidden {
  8.             position: absolute !important;
  9.             overflow: hidden;
  10.             clip: rect(1px,1px,1px,1px);
  11.             width: 1px;
  12.             height: 1px;
  13.             word-wrap: normal;
  14.         }
  16.         .js-hide {
  17.             display: none;
  18.         }
  20.         .webform-message--close .webform-message__link {
  21.             position: absolute;
  22.             top: 11px;
  23.             right: 10px;
  24.             display: block;
  25.             font-size: 24px;
  26.             line-height: 24px;
  27.         }
  29.         .webform-message__link:link {
  30.             text-decoration: none;
  31.             border-bottom: none;
  32.         }
  34.         .webform-element-more .webform-element-more--content {
  35.             display: none;
  36.         }
  38.         .webform-element-more--link::before {
  39.             content: "► ";
  40.             font-size: 0.8em;
  41.         }
  43.         .webform-element-more.is-open .webform-element-more--content {
  44.             display: block;
  45.         }
  47.         .webform-element-more.is-open .webform-element-more--link::before {
  48.             content: "▼ ";
  49.         }
  51.         .webform-options-display-side-by-side > div {
  52.             display: inline-block;
  53.             margin-right: 0.5em;
  54.         }
  56.         .webform-options-display-buttons, .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons {
  57.             display: flex;
  58.             flex-wrap: wrap;
  59.             margin: 0 -5px;
  60.         }
  62.         .webform-options-display-buttons .webform-options-display-buttons-wrapper {
  63.             flex: 1;
  64.             margin: 0 5px 10px 5px;
  65.         }
  67.         .webform-options-display-buttons-horizontal .webform-options-display-buttons-wrapper {
  68.             flex: none;
  69.         }
  71.         .tabledrag-toggle-weight-wrapper {
  72.             text-align: right;
  73.         }
  75.         .webform-multiple-table td.webform-multiple-table--handle {
  76.             width: 26px;
  77.             padding: 0 0 0 1em;
  78.             text-align: center;
  79.             vertical-align: middle;
  80.         }
  82.         .draggable a.tabledrag-handle {
  83.             float: left;
  84.             overflow: hidden;
  85.             height: 1.7em;
  86.             margin-left: -1em;
  87.             cursor: move;
  88.             text-decoration: none;
  89.         }
  91.         a.tabledrag-handle .handle {
  92.             width: 25px;
  93.             height: 25px;
  94.             margin: -0.4em 0.5em 0;
  95.             padding: 0.42em 0.5em;
  96.             background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzc4Nzg3OCIgZD0iTTE0LjkwNCA3Ljc1M2wtMi4zNzMtMi4zNzJjLS4yOTEtLjI5Mi0uNTI5LS4xOTMtLjUyOS4yMnYxLjM5OWgtM3YtM2gxLjM5OGMuNDE0IDAgLjUxMi0uMjM5LjIyMS0uNTNsLTIuMzcxLTIuMzcyYy0uMTM3LS4xMzYtLjM2LS4xMzYtLjQ5NyAwbC0yLjM3MiAyLjM3MmMtLjI5Mi4yOTItLjE5My41My4yMi41M2gxLjM5OXYzaC0zdi0xLjM2OWMwLS40MTMtLjIzOS0uNTExLS41My0uMjJsLTIuMzcyIDIuMzcyYy0uMTM2LjEzNi0uMTM2LjM1OSAwIC40OTRsMi4zNzIgMi4zNzJjLjI5MS4yOTIuNTMuMTkyLjUzLS4yMTl2LTEuNDNoM3YzaC0xLjRjLS40MTMgMC0uNTExLjIzOC0uMjIuNTI5bDIuMzc0IDIuMzczYy4xMzcuMTM3LjM2LjEzNy40OTUgMGwyLjM3My0yLjM3M2MuMjktLjI5MS4xOS0uNTI5LS4yMjItLjUyOWgtMS4zOTh2LTNoM3YxLjRjMCAuNDEyLjIzOC41MTEuNTI5LjIxOWwyLjM3My0yLjM3MWMuMTM3LS4xMzcuMTM3LS4zNTkgMC0uNDk1eiIvPjwvc3ZnPg==") no-repeat 6px 7px;
  97.         }
  99.         .webform-multiple-table td {
  100.             vertical-align: top;
  101.             white-space: nowrap;
  102.         }
  104.         .webform-multiple-table td.webform-multiple-table--operations {
  105.             width: 30px;
  106.             padding: 0 2px;
  107.             text-align: center;
  108.             vertical-align: middle;
  109.         }
  111.         .webform-multiple-table td.webform-multiple-table--operations-two {
  112.             width: 60px;
  113.         }
  115.         .webform-multiple-table td.webform-multiple-table--operations input {
  116.             margin: 0 2px;
  117.             opacity: 0.4;
  118.             background: none;
  119.         }
  121.         .webform-multiple-table td input[type="image"] {
  122.             box-sizing: border-box;
  123.             width: 20px;
  124.             min-width: initial;
  125.             max-width: initial;
  126.             height: auto;
  127.             margin: 0;
  128.             padding: 2px;
  129.             border: 2px solid #333;
  130.             border-radius: 50%;
  131.         }
  132.     </style>
  133. {% endblock %}
  135. {% block bodyClass %}tpl-profile-front-page{% endblock %}
  137. {% block siteHeader %}
  138.     {% include 'organisms/site-header.html.twig' %}
  139. {% endblock %}
  141. {% block pageHeader %}
  142.     {% include 'molecules/page-header.html.twig' with {
  143.         title: 'Formularios Drupal'
  144.     } %}
  145. {% endblock %}
  147. {% block pageContent %}
  148.     <section class="section">
  149.         <a id="main-content-link" tabindex="-1"></a>
  150.         <div>
  151.             <form data-drupal-selector="webform-submission-formulario-de-contacto-add-form"
  152.                   enctype="multipart/form-data" action="" method="post"
  153.                   id="webform-submission-formulario-de-contacto-add-form" accept-charset="UTF-8"
  154.                   class="webform-submission-form webform-submission-add-form webform-submission-formulario-de-contacto-form webform-submission-formulario-de-contacto-add-form js-webform-details-toggle webform-details-toggle"
  155.                   data-drupal-form-fields="edit-nome,edit-apelidos,edit-data-de-nacemento,edit-o-teu-correo-electronico,edit-o-teu-numero-de-telefono,edit-que-horario-prefires-radios-horario-de-ma,edit-que-horario-prefires-radios-horario-indiferente,edit-que-horario-prefires-radios-other-,edit-que-horario-prefires-radios-horario-de-tarde,edit-que-horario-prefires-other,edit-seleccion-multiple,edit-seleccionar-outro-select,edit-seleccionar-outro-other,edit-escolle-unha-opcion,edit-comentarios,edit-a-que-colectivo-pertence-estudante,edit-a-que-colectivo-pertence-pdi,edit-a-que-colectivo-pertence-pas,edit-a-que-colectivo-pertence---2,edit-numero-de-anos-de-experiencia,edit-ficheiro-upload,edit-ficheiro-upload-button,edit-un-campo-para-incluir-unha-ligazon-title,edit-un-campo-para-incluir-unha-ligazon-url,edit-os-seus-intereses-items-0-item-,edit-os-seus-intereses-items-0-weight,edit-os-seus-intereses-items-0-operations-add,edit-os-seus-intereses-items-0-operations-remove,edit-os-seus-intereses-add-submit,edit-os-seus-intereses-add-more-items,edit-tes-paxina-web-,edit-valora-este-servizo,edit-acepto-este-texto,edit-terms-of-service,edit-captcha-response,edit-actions-submit,edit-actions-reset"
  156.             >
  157.                 <div data-drupal-selector="edit-elements" id="edit-elements" class="webform-elements js-form-wrapper form-wrapper">
  158.                     <div data-drupal-selector="edit-mensaxe" data-message-close-effect="hide" id="edit-mensaxe" class="webform-message js-webform-message webform-message--close js-webform-message--close js-form-wrapper form-wrapper">
  159.                         <div data-drupal-messages="">
  160.                             <div role="contentinfo" aria-label="Mensaxe de estado">
  161.                                 <div role="alert" class="ml-alert">
  162.                                     <div class="at-text">
  163.                                         <h2 class="visually-hidden">Mensaxe de estado</h2>
  164.                                         <a href="#close" aria-label="close" class="js-webform-message__link webform-message__link">×</a>
  165.                                         Este formulario estará dispoñible ata o 25 de agosto
  166.                                     </div>
  167.                                 </div>
  168.                             </div>
  169.                         </div>
  170.                     </div>
  171.                     <div id="edit-processed-text" class="js-form-item form-item js-form-type-processed-text form-item- js-form-item- form-no-label">
  172.                         <p>
  173.                             Preinscríbete na actividade. Recibirás un correo de confirmación se a túa praza está reservada.
  174.                             Se tes dúbidas durante o proceso, contacta connosco en <a href="mailto:info@usc.gal" class="spamspan">info@usc.gal</a>
  175.                             ou no teléfono 981 560 250
  176.                         </p>
  177.                     </div>
  178.                     <div id="edit-markup" class="js-form-item form-item js-form-type-webform-markup form-item-markup js-form-item-markup form-no-label">
  179.                         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
  180.                         labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
  181.                         laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
  182.                         voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
  183.                         non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  184.                     </div>
  185.                     <div data-drupal-selector="edit-more" id="webform-element-more" class="js-webform-element-more webform-element-more">
  186.                         <div class="webform-element-more--link">
  187.                             <a role="button" href="#webform-element-more--content" aria-expanded="false" aria-controls="webform-element-more--content">
  188.                                 Máis
  189.                             </a>
  190.                         </div>
  191.                         <div id="webform-element-more--content" class="webform-element-more--content">
  192.                             Lorem ipsum dolor
  193.                             sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
  194.                             magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  195.                             aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
  196.                             esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
  197.                             sunt in culpa qui officia deserunt mollit anim id est laborum.
  198.                         </div>
  199.                     </div>
  200.                     <div class="webform-element-help-container--title webform-element-help-container--title-after js-form-item form-item js-form-type-textfield form-item-nome js-form-item-nome">
  201.                         <label for="edit-nome" class="js-form-required form-required">
  202.                             Nome
  203.                             <span role="tooltip" tabindex="0" data-webform-help="<div class=&quot;webform-element-help--title&quot;>Unha axuda</div><div class=&quot;webform-element-help--content&quot;>Un breve texto de axuda</div>" class="webform-element-help">
  204.                                 <span aria-hidden="true">?</span>
  205.                             </span>
  206.                         </label>
  207.                         <input data-webform-required-error="O nome é obrigatorio" data-drupal-selector="edit-nome" aria-describedby="edit-nome--description" type="text" id="edit-nome" name="nome" value="" size="60" maxlength="255" placeholder="Nome" required="required" aria-required="true" class="form-text required form-control">
  208.                         <div class="description">
  209.                             <div id="edit-nome--description" class="webform-element-description">
  210.                                 Escribe o teu nome e apelidos completos
  211.                             </div>
  212.                         </div>
  213.                     </div>
  214.                     <div class="js-form-item form-item js-form-type-textfield form-item-apelidos js-form-item-apelidos">
  215.                         <label for="edit-apelidos" class="js-form-required form-required">
  216.                             Apelidos
  217.                         </label>
  218.                         <input data-webform-required-error="Os apelidos son obrigatorios" data-drupal-selector="edit-apelidos" aria-describedby="edit-apelidos--description" type="text" id="edit-apelidos" name="apelidos" value="" size="60" maxlength="255" placeholder="Primeiro Apelido Segundo Apelido" required="required" aria-required="true" class="form-text required form-control">
  219.                         <div class="description">
  220.                             <div id="edit-apelidos--description" class="webform-element-description">
  221.                                 Os teus apelidos
  222.                             </div>
  223.                         </div>
  224.                     </div>
  225.                     <div class="js-form-item form-item js-form-type-date form-item-data-de-nacemento js-form-item-data-de-nacemento">
  226.                         <label for="edit-data-de-nacemento">
  227.                             Data de nacemento
  228.                         </label>
  229.                         <input type="date" data-drupal-date-format="l, F j, Y" data-drupal-selector="edit-data-de-nacemento" aria-describedby="edit-data-de-nacemento--description" id="edit-data-de-nacemento" name="data_de_nacemento" value="" class="form-text form-control hasDatepicker" autocomplete="off">
  230.                         <div class="description">
  231.                             <div id="edit-data-de-nacemento--description" class="webform-element-description">
  232.                                 Engade a túa data de nacemento
  233.                             </div>
  234.                         </div>
  235.                     </div>
  236.                     <fieldset data-drupal-selector="edit-conxunto-de-campos" aria-describedby="edit-conxunto-de-campos--description" id="edit-conxunto-de-campos" class="js-webform-type-fieldset webform-type-fieldset js-form-item form-item js-form-wrapper form-wrapper">
  237.                         <legend>
  238.                             <span class="fieldset-legend">Conxunto de campos</span>
  239.                         </legend>
  240.                         <div class="fieldset-wrapper">
  241.                             <div class="js-form-item form-item js-form-type-email form-item-o-teu-correo-electronico js-form-item-o-teu-correo-electronico">
  242.                                 <label for="edit-o-teu-correo-electronico" class="js-form-required form-required">
  243.                                     O teu correo electrónico
  244.                                 </label>
  245.                                 <input data-webform-required-error="O correo electrónico é obrigatorio" data-drupal-selector="edit-o-teu-correo-electronico" aria-describedby="edit-o-teu-correo-electronico--description" type="email" id="edit-o-teu-correo-electronico" name="o_teu_correo_electronico" value="" size="60" maxlength="254" placeholder="exemplo@usc.gal" required="required" aria-required="true" class="form-email required form-control">
  246.                                 <div class="description">
  247.                                     <div id="edit-o-teu-correo-electronico--description" class="webform-element-description">
  248.                                         Escribe aquí o teu correo electrónico
  249.                                     </div>
  250.                                 </div>
  251.                             </div>
  252.                             <div class="js-form-item form-item js-form-type-tel form-item-o-teu-numero-de-telefono js-form-item-o-teu-numero-de-telefono">
  253.                                 <label for="edit-o-teu-numero-de-telefono">
  254.                                     O teu número de teléfono
  255.                                 </label>
  256.                                 <input data-drupal-selector="edit-o-teu-numero-de-telefono" aria-describedby="edit-o-teu-numero-de-telefono--description" type="tel" id="edit-o-teu-numero-de-telefono" name="o_teu_numero_de_telefono" value="" size="30" maxlength="128" class="form-tel form-control">
  257.                                 <div class="description">
  258.                                     <div id="edit-o-teu-numero-de-telefono--description" class="webform-element-description">
  259.                                         Escribe o teu número de teléfono. Se non é un teléfono de España, indica o teu prefixo
  260.                                     </div>
  261.                                 </div>
  262.                             </div>
  263.                             <div class="description">
  264.                                 <div id="edit-conxunto-de-campos--description" class="webform-element-description">
  265.                                     Non empregaremos os teus datos de contacto para enviar publicidade
  266.                                 </div>
  267.                             </div>
  268.                         </div>
  269.                     </fieldset>
  270.                     <details data-webform-key="detalles" data-drupal-selector="edit-detalles" aria-describedby="edit-detalles--description" id="edit-detalles" class="js-form-wrapper form-wrapper">
  271.                         <summary role="button" aria-controls="edit-detalles" aria-expanded="false" aria-pressed="false">
  272.                             Detalles
  273.                         </summary>
  274.                         <div id="edit-detalles--description" class="webform-element-description">
  275.                             Lorem ipsum dolor sit
  276.                             amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
  277.                             magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  278.                             aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
  279.                             esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
  280.                             sunt in culpa qui officia deserunt mollit anim id est laborum.
  281.                         </div>
  282.                         <fieldset data-drupal-selector="edit-que-horario-prefires-" id="edit-que-horario-prefires-" class="js-webform-radios-other webform-radios-other webform-radios-other--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-webform-radios-other webform-type-webform-radios-other js-form-item form-item js-form-wrapper form-wrapper">
  283.                             <legend>
  284.                                 <span class="fieldset-legend">Que horario prefires?</span>
  285.                             </legend>
  286.                             <div class="fieldset-wrapper">
  287.                                 <div id="edit-que-horario-prefires-radios" class="js-webform-radios webform-options-display-side-by-side">
  288.                                     <div class="js-form-item form-item js-form-type-radio form-item-que-horario-prefires--radios js-form-item-que-horario-prefires--radios">
  289.                                         <input data-drupal-selector="edit-que-horario-prefires-radios-horario-de-ma" aria-describedby="edit-que-horario-prefires-radios-horario-de-ma--description" type="radio" id="edit-que-horario-prefires-radios-horario-de-ma" name="que_horario_prefires_[radios]" value="Horario de mañá" class="form-radio form-control">
  290.                                         <label for="edit-que-horario-prefires-radios-horario-de-ma" class="option">
  291.                                             Horariode mañá
  292.                                         </label>
  293.                                         <div class="description">
  294.                                             <div id="edit-que-horario-prefires-radios-horario-de-ma--description" class="webform-element-description">
  295.                                                 Descrición do horario de mañá
  296.                                             </div>
  297.                                         </div>
  298.                                     </div>
  299.                                     <div class="js-form-item form-item js-form-type-radio form-item-que-horario-prefires--radios js-form-item-que-horario-prefires--radios">
  300.                                         <input data-drupal-selector="edit-que-horario-prefires-radios-horario-indiferente" aria-describedby="edit-que-horario-prefires-radios-horario-indiferente--description" type="radio" id="edit-que-horario-prefires-radios-horario-indiferente" name="que_horario_prefires_[radios]" value="Horario Indiferente" class="form-radio form-control">
  301.                                         <label for="edit-que-horario-prefires-radios-horario-indiferente" class="option">
  302.                                             Horario Indiferente
  303.                                         </label>
  304.                                         <div class="description">
  305.                                             <div id="edit-que-horario-prefires-radios-horario-indiferente--description" class="webform-element-description">
  306.                                                 Indiferente
  307.                                             </div>
  308.                                         </div>
  309.                                     </div>
  310.                                     <div class="js-form-item form-item js-form-type-radio form-item-que-horario-prefires--radios js-form-item-que-horario-prefires--radios">
  311.                                         <input data-drupal-selector="edit-que-horario-prefires-radios-other-" type="radio" id="edit-que-horario-prefires-radios-other-" name="que_horario_prefires_[radios]" value="_other_" class="form-radio form-control">
  312.                                         <label for="edit-que-horario-prefires-radios-other-" class="option">
  313.                                             Outra...
  314.                                         </label>
  315.                                     </div>
  316.                                     <div class="js-form-item form-item js-form-type-radio form-item-que-horario-prefires--radios js-form-item-que-horario-prefires--radios">
  317.                                         <input data-drupal-selector="edit-que-horario-prefires-radios-horario-de-tarde" aria-describedby="edit-que-horario-prefires-radios-horario-de-tarde--description" type="radio" id="edit-que-horario-prefires-radios-horario-de-tarde" name="que_horario_prefires_[radios]" value="Horario de tarde" class="form-radio form-control">
  318.                                         <label for="edit-que-horario-prefires-radios-horario-de-tarde" class="option">
  319.                                             Horario de tarde
  320.                                         </label>
  321.                                         <div class="description">
  322.                                             <div id="edit-que-horario-prefires-radios-horario-de-tarde--description" class="webform-element-description">
  323.                                                 Descrición do horario tarde
  324.                                             </div>
  325.                                         </div>
  326.                                     </div>
  327.                                 </div>
  328.                                 <div class="js-webform-radios-other-input webform-radios-other-input js-form-item form-item js-form-type-textfield form-item-que-horario-prefires--other js-form-item-que-horario-prefires--other form-no-label" style="display: none;">
  329.                                     <label for="edit-que-horario-prefires-other" class="visually-hidden">
  330.                                         Describe a túa opción
  331.                                     </label>
  332.                                     <input data-drupal-selector="edit-que-horario-prefires-other" type="text" id="edit-que-horario-prefires-other" name="que_horario_prefires_[other]" value="" size="60" maxlength="255" placeholder="Describe a túa opción" class="form-text form-control">
  333.                                 </div>
  334.                             </div>
  335.                         </fieldset>
  336.                         <div class="js-form-item form-item js-form-type-select form-item-seleccion-multiple js-form-item-seleccion-multiple">
  337.                             <label for="edit-seleccion-multiple">
  338.                                 Selección múltiple
  339.                             </label>
  340.                             <select multiple="multiple" data-drupal-selector="edit-seleccion-multiple" aria-describedby="edit-seleccion-multiple--description" name="seleccion_multiple[]" id="edit-seleccion-multiple" class="form-select">
  341.                                 <option value="Valor 1">Valor 1</option>
  342.                                 <option value="Valor 2">Valor 2</option>
  343.                                 <option value="Valor 3">Valor 3</option>
  344.                             </select>
  345.                             <div class="description">
  346.                                 <div id="edit-seleccion-multiple--description" class="webform-element-description">
  347.                                     Escolle entre as opcións múltiples
  348.                                 </div>
  349.                             </div>
  350.                         </div>
  351.                         <fieldset data-drupal-selector="edit-seleccionar-outro" aria-describedby="edit-seleccionar-outro--description" id="edit-seleccionar-outro" class="js-webform-select-other webform-select-other webform-select-other--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-webform-select-other webform-type-webform-select-other js-form-item form-item js-form-wrapper form-wrapper">
  352.                             <legend>
  353.                                 <span class="fieldset-legend">Seleccionar + outro</span>
  354.                             </legend>
  355.                             <div class="fieldset-wrapper">
  356.                                 <div class="js-form-item form-item js-form-type-select form-item-seleccionar-outro-select js-form-item-seleccionar-outro-select form-no-label">
  357.                                     <label for="edit-seleccionar-outro-select" class="visually-hidden">
  358.                                         Seleccionar + outro
  359.                                     </label>
  360.                                     <select data-drupal-selector="edit-seleccionar-outro-select" id="edit-seleccionar-outro-select" name="seleccionar_outro[select]" class="form-select">
  361.                                         <option value="Ningunha">Ningunha escollida</option>
  362.                                         <option value="Seleccion 1">Seleccion 1</option>
  363.                                         <option value="Seleccion 2">Seleccion 2</option>
  364.                                         <option value="Selección 3">Selección 3</option>
  365.                                         <option value="_other_">Other…</option>
  366.                                     </select>
  367.                                 </div>
  368.                                 <div class="js-webform-select-other-input webform-select-other-input js-form-item form-item js-form-type-textfield form-item-seleccionar-outro-other js-form-item-seleccionar-outro-other form-no-label" style="display: none;">
  369.                                     <label for="edit-seleccionar-outro-other" class="visually-hidden">Enter other…</label>
  370.                                     <input data-drupal-selector="edit-seleccionar-outro-other" type="text" id="edit-seleccionar-outro-other" name="seleccionar_outro[other]" value="" size="60" maxlength="255" placeholder="Enter other…" class="form-text form-control">
  371.                                 </div>
  372.                                 <div class="description">
  373.                                     <div id="edit-seleccionar-outro--description" class="webform-element-description">
  374.                                         Selecciona entre as opcións ou inclúe outra personalizada
  375.                                     </div>
  376.                                 </div>
  377.                             </div>
  378.                         </fieldset>
  379.                     </details>
  380.                     <div class="js-form-item form-item js-form-type-webform-autocomplete form-item-escolle-unha-opcion js-form-item-escolle-unha-opcion">
  381.                         <label for="edit-escolle-unha-opcion">Titulación en curso</label>
  382.                         <input data-drupal-selector="edit-escolle-unha-opcion" aria-describedby="edit-escolle-unha-opcion--description" data-autocomplete-path="" type="text" id="edit-escolle-unha-opcion" name="escolle_unha_opcion" value="" size="60" maxlength="255" placeholder="Comeza a escribir para escoller a túa opción" class="form-autocomplete form-text webform-autocomplete form-control ui-autocomplete-input" autocomplete="off">
  383.                         <div class="description">
  384.                             <div id="edit-escolle-unha-opcion--description" class="webform-element-description">
  385.                                 Escolle unha opción desta lista
  386.                             </div>
  387.                         </div>
  388.                     </div>
  389.                     <hr data-drupal-selector="edit-horizontal-rule" id="edit-horizontal-rule" class="webform-horizontal-rule">
  390.                     <div class="js-form-item form-item js-form-type-textarea form-item-comentarios js-form-item-comentarios">
  391.                         <label for="edit-comentarios" class="js-form-required form-required">
  392.                             Comentarios
  393.                         </label>
  394.                         <div>
  395.                             <textarea data-webform-required-error="Debe enviarnos un comentario" data-drupal-selector="edit-comentarios" aria-describedby="edit-comentarios--description" id="edit-comentarios" name="comentarios" rows="5" cols="60" placeholder="Comentario..." required="required" aria-required="true" class="form-textarea required"></textarea>
  396.                         </div>
  397.                         <div class="description">
  398.                             <div id="edit-comentarios--description" class="webform-element-description">
  399.                                 Escribe aquí os seus comentarios
  400.                             </div>
  401.                         </div>
  402.                     </div>
  403.                     <fieldset data-webform-required-error="Ten que indicar a que colectivo pertence" data-drupal-selector="edit-a-que-colectivo-pertence-" aria-describedby="edit-a-que-colectivo-pertence---wrapper--description" data-options-all="" id="edit-a-que-colectivo-pertence---wrapper" class="checkboxes--wrapper fieldgroup form-composite webform-composite-visible-title required js-webform-type-checkboxes webform-type-checkboxes js-form-item form-item js-form-wrapper form-wrapper">
  404.                         <legend>
  405.                             <span class="fieldset-legend js-form-required form-required">Pertences a algún colectivo?</span>
  406.                         </legend>
  407.                         <div class="fieldset-wrapper">
  408.                             <div id="edit-a-que-colectivo-pertence-" class="js-webform-checkboxes webform-options-display-buttons webform-options-display-buttons-horizontal form-checkboxes">
  409.                                 <div class="webform-options-display-buttons-wrapper">
  410.                                     <div class="js-form-item form-item js-form-type-checkbox form-item-a-que-colectivo-pertence--estudante js-form-item-a-que-colectivo-pertence--estudante">
  411.                                         <input data-webform-required-error="Ten que indicar a que colectivo pertence" data-drupal-selector="edit-a-que-colectivo-pertence-estudante"  aria-describedby="edit-a-que-colectivo-pertence---wrapper--description" type="checkbox" id="edit-a-que-colectivo-pertence-estudante" name="a_que_colectivo_pertence_[Estudante]" value="Estudante" class="visually-hidden form-checkbox form-control" required="required" aria-required="true">
  412.                                         <label for="edit-a-que-colectivo-pertence-estudante" class="webform-options-display-buttons-label option">
  413.                                             Estudante
  414.                                         </label>
  415.                                     </div>
  416.                                 </div>
  417.                                 <div class="webform-options-display-buttons-wrapper">
  418.                                     <div class="js-form-item form-item js-form-type-checkbox form-item-a-que-colectivo-pertence--pdi js-form-item-a-que-colectivo-pertence--pdi">
  419.                                         <input data-webform-required-error="Ten que indicar a que colectivo pertence" data-drupal-selector="edit-a-que-colectivo-pertence-pdi" aria-describedby="edit-a-que-colectivo-pertence---wrapper--description" type="checkbox" id="edit-a-que-colectivo-pertence-pdi" name="a_que_colectivo_pertence_[PDI]" value="PDI" class="visually-hidden form-checkbox form-control">
  420.                                         <label for="edit-a-que-colectivo-pertence-pdi" class="webform-options-display-buttons-label option">
  421.                                             PDI
  422.                                         </label>
  423.                                     </div>
  424.                                 </div>
  425.                                 <div class="webform-options-display-buttons-wrapper">
  426.                                     <div class="js-form-item form-item js-form-type-checkbox form-item-a-que-colectivo-pertence--pas js-form-item-a-que-colectivo-pertence--pas">
  427.                                         <input data-webform-required-error="Ten que indicar a que colectivo pertence" data-drupal-selector="edit-a-que-colectivo-pertence-pas" aria-describedby="edit-a-que-colectivo-pertence---wrapper--description" type="checkbox" id="edit-a-que-colectivo-pertence-pas" name="a_que_colectivo_pertence_[PAS]" value="PAS" class="visually-hidden form-checkbox form-control">
  428.                                         <label for="edit-a-que-colectivo-pertence-pas" class="webform-options-display-buttons-label option">
  429.                                             PAS
  430.                                         </label>
  431.                                     </div>
  432.                                 </div>
  433.                                 <div class="webform-options-display-buttons-wrapper">
  434.                                     <div class="js-form-item form-item js-form-type-checkbox form-item-a-que-colectivo-pertence-- js-form-item-a-que-colectivo-pertence--">
  435.                                         <input data-webform-required-error="Ten que indicar a que colectivo pertence" data-drupal-selector="edit-a-que-colectivo-pertence-" aria-describedby="edit-a-que-colectivo-pertence---wrapper--description" type="checkbox" id="edit-a-que-colectivo-pertence---2" name="a_que_colectivo_pertence_[]" value="" class="visually-hidden form-checkbox form-control">
  436.                                         <label for="edit-a-que-colectivo-pertence---2" class="webform-options-display-buttons-label option">
  437.                                             Todos
  438.                                         </label>
  439.                                     </div>
  440.                                 </div>
  441.                             </div>
  442.                             <div class="description">
  443.                                 <div id="edit-a-que-colectivo-pertence---wrapper--description" class="webform-element-description">
  444.                                     Indica só se pertences a algún dos seguintes colectivos marcando os checkboxes.
  445.                                 </div>
  446.                             </div>
  447.                         </div>
  448.                     </fieldset>
  449.                     <fieldset data-drupal-selector="edit-clave123" id="edit-clave123--wrapper" role="radiogroup" aria-labelledby="edit-clave123--wrapper-legend" class="radios--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper">
  450.                         <legend id="edit-clave123--wrapper-legend"><span class="fieldset-legend">Radio buttons</span></legend>
  451.                         <div class="fieldset-wrapper">
  452.                             <div id="edit-clave123" class="js-webform-radios webform-options-display-one-column">
  453.                                 <div class="js-form-item form-item js-form-type-radio form-item-clave123 js-form-item-clave123">
  454.                                     <input data-drupal-selector="edit-clave123-valor-1" type="radio" id="edit-clave123-valor-1" name="clave123" value="Valor 1" class="form-radio form-control">
  455.                                     <label for="edit-clave123-valor-1" class="option">Valor 1</label>
  456.                                 </div>
  457.                                 <div class="js-form-item form-item js-form-type-radio form-item-clave123 js-form-item-clave123">
  458.                                     <input data-drupal-selector="edit-clave123-valor-2" type="radio" id="edit-clave123-valor-2" name="clave123" value="Valor 2" class="form-radio form-control">
  459.                                     <label for="edit-clave123-valor-2" class="option">Valor 2</label>
  460.                                 </div>
  461.                                 <div class="js-form-item form-item js-form-type-radio form-item-clave123 js-form-item-clave123">
  462.                                     <input data-drupal-selector="edit-clave123-valor-3" type="radio" id="edit-clave123-valor-3" name="clave123" value="Valor 3" class="form-radio form-control">
  463.                                     <label for="edit-clave123-valor-3" class="option">Valor 3</label>
  464.                                 </div>
  465.                             </div>
  466.                         </div>
  467.                     </fieldset>
  468.                     <div class="js-form-item form-item js-form-type-select form-item-seslecion-multiple js-form-item-seslecion-multiple">
  469.                         <label for="edit-seslecion-multiple">Selección múltiple</label>
  470.                         <select data-drupal-selector="edit-seslecion-multiple" id="edit-seslecion-multiple" name="seslecion_multiple" class="form-select">
  471.                             <option value="" selected="selected">- Ningún -</option>
  472.                             <option value="Valor 1">Valor 1</option>
  473.                             <option value="Valor 2">Valor 2</option>
  474.                             <option value="Valor 3">Valor 3</option>
  475.                         </select>
  476.                     </div>
  477.                     <fieldset data-drupal-selector="edit-radio-other" id="edit-radio-other" role="radiogroup" aria-labelledby="edit-radio-other-legend" class="js-webform-radios-other webform-radios-other webform-radios-other--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-webform-radios-other webform-type-webform-radios-other js-form-item form-item js-form-wrapper form-wrapper">
  478.                         <legend id="edit-radio-other-legend"><span class="fieldset-legend">Radio other</span></legend>
  479.                         <div class="fieldset-wrapper">
  480.                             <div id="edit-radio-other-radios" class="js-webform-radios webform-options-display-one-column">
  481.                                 <div class="js-form-item form-item js-form-type-radio form-item-radio-other-radios js-form-item-radio-other-radios">
  482.                                     <input data-drupal-selector="edit-radio-other-radios-valor-1" type="radio" id="edit-radio-other-radios-valor-1" name="radio_other[radios]" value="Valor 1" class="form-radio form-control">
  483.                                     <label for="edit-radio-other-radios-valor-1" class="option">Valor 1</label>
  484.                                 </div>
  485.                                 <div class="js-form-item form-item js-form-type-radio form-item-radio-other-radios js-form-item-radio-other-radios">
  486.                                     <input data-drupal-selector="edit-radio-other-radios-valor-2" type="radio" id="edit-radio-other-radios-valor-2" name="radio_other[radios]" value="Valor 2" class="form-radio form-control">
  487.                                     <label for="edit-radio-other-radios-valor-2" class="option">Valor 2</label>
  488.                                 </div>
  489.                                 <div class="js-form-item form-item js-form-type-radio form-item-radio-other-radios js-form-item-radio-other-radios">
  490.                                     <input data-drupal-selector="edit-radio-other-radios-valor-3" type="radio" id="edit-radio-other-radios-valor-3" name="radio_other[radios]" value="Valor 3" class="form-radio form-control">
  491.                                     <label for="edit-radio-other-radios-valor-3" class="option">Valor 3</label>
  492.                                 </div>
  493.                                 <div class="js-form-item form-item js-form-type-radio form-item-radio-other-radios js-form-item-radio-other-radios">
  494.                                     <input data-drupal-selector="edit-radio-other-radios-other-" type="radio" id="edit-radio-other-radios-other-" name="radio_other[radios]" value="_other_" class="form-radio form-control">
  495.                                     <label for="edit-radio-other-radios-other-" class="option">Other…</label>
  496.                                 </div>
  497.                             </div>
  498.                             <div id="radio-other-input" class="js-webform-radios-other-input webform-radios-other-input js-form-item form-item js-form-type-textfield form-item-radio-other-other js-form-item-radio-other-other form-no-label" style="display: none;">
  499.                                 <label for="edit-radio-other-other" class="visually-hidden">Enter other…</label>
  500.                                 <input data-drupal-selector="edit-radio-other-other" type="text" id="edit-radio-other-other" name="radio_other[other]" value="" size="60" maxlength="255" placeholder="Enter other…" class="form-text form-control">
  501.                             </div>
  502.                         </div>
  503.                     </fieldset>
  504.                     <div class="js-form-item form-item js-form-type-number form-item-numero-de-anos-de-experiencia js-form-item-numero-de-anos-de-experiencia">
  505.                         <label for="edit-numero-de-anos-de-experiencia" class="js-form-required form-required">
  506.                             Número de anos de experiencia
  507.                         </label>
  508.                         <input data-webform-required-error="Ten que indicar este número" data-drupal-selector="edit-numero-de-anos-de-experiencia" aria-describedby="edit-numero-de-anos-de-experiencia--description" type="number" id="edit-numero-de-anos-de-experiencia" name="numero_de_anos_de_experiencia" value="" step="any" min="0" size="3" required="required" aria-required="true" class="form-number required form-control">
  509.                         <div class="description">
  510.                             <div id="edit-numero-de-anos-de-experiencia--description" class="webform-element-description">
  511.                                 Escriba aquí o número de anos de experiencia
  512.                             </div>
  513.                         </div>
  514.                     </div>
  515.                     <div id="ajax-wrapper">
  516.                         <div class="js-form-item form-item js-form-type-managed-file form-item-ficheiro js-form-item-ficheiro">
  517.                             <label for="edit-ficheiro-upload" id="edit-ficheiro--label">
  518.                                 Ficheiro
  519.                             </label>
  520.                             <div id="edit-ficheiro" class="js-form-managed-file form-managed-file">
  521.                                 <div data-drupal-selector="edit-ficheiro-file-placeholder" id="edit-ficheiro-file-placeholder" class="webform-managed-file-placeholder managed-file-placeholder js-form-wrapper form-wrapper">
  522.                                     Navega e escolle o teu documento
  523.                                 </div>
  524.                                 <input data-drupal-selector="edit-ficheiro-upload" type="file" id="edit-ficheiro-upload" name="files[ficheiro]" size="22" class="js-form-file form-file form-control">
  525.                                 <input data-drupal-selector="edit-ficheiro-upload-button" formnovalidate="formnovalidate" type="submit" id="edit-ficheiro-upload-button" name="ficheiro_upload_button" value="Subir" class="js-hide button js-form-submit form-submit form-control at-button">
  526.                                 <input data-drupal-selector="edit-ficheiro-fids" type="hidden" name="ficheiro[fids]" class="form-control">
  527.                             </div>
  528.                             <div class="description">
  529.                                 <div id="edit-ficheiro--description" class="webform-element-description">
  530.                                     Máximo un arquivo.<br>Límite de 32 MB.<br>Tipos permitidos: doc, docx, txt, rtf, odt.
  531.                                 </div>
  532.                             </div>
  533.                         </div>
  534.                     </div>
  535.                     <fieldset data-drupal-selector="edit-un-campo-para-incluir-unha-ligazon" id="edit-un-campo-para-incluir-unha-ligazon--wrapper" class="webform-link--wrapper fieldgroup form-composite webform-composite-hidden-title js-webform-type-webform-link webform-type-webform-link js-form-item form-item js-form-wrapper form-wrapper">
  536.                         <legend>
  537.                             <span class="visually-hidden fieldset-legend">Un campo para incluír unha ligazón</span>
  538.                         </legend>
  539.                         <div class="fieldset-wrapper">
  540.                             <div class="js-form-item form-item js-form-type-textfield form-item-un-campo-para-incluir-unha-ligazon-title js-form-item-un-campo-para-incluir-unha-ligazon-title">
  541.                                 <label for="edit-un-campo-para-incluir-unha-ligazon-title">
  542.                                     Link Title
  543.                                 </label>
  544.                                 <input placeholder="Link Title" data-drupal-selector="edit-un-campo-para-incluir-unha-ligazon-title" type="text" id="edit-un-campo-para-incluir-unha-ligazon-title" name="un_campo_para_incluir_unha_ligazon[title]" value="" size="60" maxlength="255" class="form-text form-control">
  545.                             </div>
  546.                             <div class="js-form-item form-item js-form-type-url form-item-un-campo-para-incluir-unha-ligazon-url js-form-item-un-campo-para-incluir-unha-ligazon-url">
  547.                                 <label for="edit-un-campo-para-incluir-unha-ligazon-url">
  548.                                     Link URL
  549.                                 </label>
  550.                                 <input placeholder="Link URL" data-drupal-selector="edit-un-campo-para-incluir-unha-ligazon-url" type="url" id="edit-un-campo-para-incluir-unha-ligazon-url" name="un_campo_para_incluir_unha_ligazon[url]" value="" size="60" maxlength="255" class="form-url form-control">
  551.                             </div>
  552.                         </div>
  553.                     </fieldset>
  554.                     <div data-drupal-selector="edit-container" id="edit-container" class="js-form-wrapper form-wrapper">
  555.                         <div id="os_seus_intereses_table">
  556.                             <div id="edit-os-seus-intereses" class="webform-element-help-container--title webform-element-help-container--title-after js-form-item form-item js-form-type-webform-multiple form-item-os-seus-intereses js-form-item-os-seus-intereses">
  557.                                 <label class="js-form-required form-required">
  558.                                     Os seus intereses
  559.                                     <span role="tooltip" tabindex="0" data-webform-help="<div class=&quot;webform-element-help--title&quot;>Título da axuda</div><div class=&quot;webform-element-help--content&quot;>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>" class="webform-element-help">
  560.                                         <span aria-hidden="true">?</span>
  561.                                     </span>
  562.                                 </label>
  563.                                 <div class="webform-multiple-table webform-multiple-table-responsive">
  564.                                     <div class="tabledrag-toggle-weight-wrapper">
  565.                                         <button type="button" class="link tabledrag-toggle-weight">
  566.                                             Mostrar pesos da fila
  567.                                         </button>
  568.                                     </div>
  569.                                     <div class="tableresponsive-toggle-columns">
  570.                                         <button type="button" class="link tableresponsive-toggle" title="Show table cells that were hidden to make the table fit within a small screen." style="display: none;">
  571.                                             Hide lower priority columns
  572.                                         </button>
  573.                                     </div>
  574.                                     <table data-drupal-selector="edit-os-seus-intereses-items" id="edit-os-seus-intereses-items" data-striping="1" class="responsive-enabled">
  575.                                         <thead>
  576.                                             <tr>
  577.                                                 <th colspan="5"><span class="visually-hidden">Os seus intereses</span></th>
  578.                                             </tr>
  579.                                         </thead>
  580.                                         <tbody>
  581.                                             <tr data-drupal-selector="edit-os-seus-intereses-items-0" class="draggable">
  582.                                                 <td class="webform-multiple-table--handle">
  583.                                                     <a href="#" class="tabledrag-handle" title="Arrastre para reordenar">
  584.                                                         <div class="handle">&nbsp;</div>
  585.                                                     </a>
  586.                                                 </td>
  587.                                                 <td>
  588.                                                     <div class="webform-element-help-container--title webform-element-help-container--title-after js-form-item form-item js-form-type-textfield form-item-os-seus-intereses-items-0--item- js-form-item-os-seus-intereses-items-0--item- form-no-label">
  589.                                                         <label for="edit-os-seus-intereses-items-0-item-" class="visually-hidden">
  590.                                                             Os seus intereses
  591.                                                             <span role="tooltip" tabindex="0" data-webform-help="<div class=&quot;webform-element-help--title&quot;>Título da axuda</div><div class=&quot;webform-element-help--content&quot;>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>" class="webform-element-help">
  592.                                                                 <span aria-hidden="true">?</span>
  593.                                                             </span>
  594.                                                         </label>
  595.                                                         <input data-webform-required-error="Ten que cubrir este campo" data-drupal-selector="edit-os-seus-intereses-items-0-item-" type="text" id="edit-os-seus-intereses-items-0-item-" name="os_seus_intereses[items][0][_item_]" value="" size="60" maxlength="255" placeholder="Interesada en..." class="form-text form-control">
  596.                                                     </div>
  597.                                                 </td>
  598.                                                 <td class="webform-multiple-table--weight tabledrag-hide" style="display: none;">
  599.                                                     <div class="webform-multiple-table--weight js-form-item form-item js-form-type-number form-item-os-seus-intereses-items-0-weight js-form-item-os-seus-intereses-items-0-weight form-no-label">
  600.                                                         <label for="edit-os-seus-intereses-items-0-weight" class="visually-hidden">
  601.                                                             Item weight
  602.                                                         </label>
  603.                                                         <input data-drupal-selector="edit-os-seus-intereses-items-0-weight" type="number" id="edit-os-seus-intereses-items-0-weight" name="os_seus_intereses[items][0][weight]" value="0" step="1" size="10" class="webform-multiple-sort-weight form-number form-control">
  604.                                                     </div>
  605.                                                 </td>
  606.                                                 <td class="webform-multiple-table--operations webform-multiple-table--operations-two">
  607.                                                     <input data-drupal-selector="edit-os-seus-intereses-items-0-operations-add" formnovalidate="formnovalidate" type="image" id="edit-os-seus-intereses-items-0-operations-add" name="os_seus_intereses_table_add_0" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0wLjY1Niw5LjAyM2MwLDAuMjc0LDAuMjI0LDAuNSwwLjQ5OSwwLjVsNC44NTMsMC4wMDFjMC4yNzQtMC4wMDEsMC41MDEsMC4yMjYsMC41LDAuNWwwLjAwMSw0Ljg1MyBjLTAuMDAxLDAuMjczLDAuMjI3LDAuNSwwLjUwMSwwLjVsMS45OTUtMC4wMDljMC4yNzMtMC4wMDMsMC40OTctMC4yMjksMC41LTAuNTAzbDAuMDAyLTQuODA2YzAtMC4yNzIsMC4yMjgtMC41LDAuNDk5LTAuNTAyIGw0LjgzMS0wLjAyMWMwLjI3MS0wLjAwNSwwLjQ5Ny0wLjIzLDAuNTAxLTAuNTAybDAuMDA4LTEuOTk4YzAtMC4yNzYtMC4yMjUtMC41LTAuNDk5LTAuNWwtNC44NTIsMGMtMC4yNzUsMC0wLjUwMi0wLjIyOC0wLjUwMS0wLjUgTDkuNDkzLDEuMTg0YzAtMC4yNzUtMC4yMjUtMC40OTktMC41LTAuNDk5TDYuOTk3LDAuNjkzQzYuNzIyLDAuNjk0LDYuNDk2LDAuOTIsNi40OTUsMS4xOTVMNi40NzYsNi4wMjYgYy0wLjAwMSwwLjI3NC0wLjIyNywwLjUtMC41MDEsMC41TDEuMTY3LDYuNTI1QzAuODkyLDYuNTI2LDAuNjY1LDYuNzUyLDAuNjY1LDcuMDI2TDAuNjU2LDkuMDIzeiIvPjwvc3ZnPg=="
  608.                                                            alt="Add new item after item 1" title="Add new item after item 1" class="image-button js-form-submit form-submit form-control">
  609.                                                     <input data-drupal-selector="edit-os-seus-intereses-items-0-operations-remove" formnovalidate="formnovalidate" type="image" id="edit-os-seus-intereses-items-0-operations-remove" name="os_seus_intereses_table_remove_0" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZD0iTTIuNSA2LjVjLS4yNzUgMC0uNS4yMjUtLjUuNXYyYzAgLjI3NS4yMjUuNS41LjVoMTEuMDAyYy4yNzUgMCAuNS0uMjI1LjUtLjV2LTJjMC0uMjc1LS4yMjUtLjUtLjUtLjVoLTExLjAwMnoiLz48L3N2Zz4="
  610.                                                            alt="Remove item 1" title="Remove item 1" class="image-button js-form-submit form-submit form-control">
  611.                                                 </td>
  612.                                             </tr>
  613.                                         </tbody>
  614.                                     </table>
  615.                                 </div>
  616.                                 <div class="webform-multiple-add js-webform-multiple-add container-inline">
  617.                                     <input data-drupal-selector="edit-os-seus-intereses-add-submit" formnovalidate="formnovalidate" type="submit" id="edit-os-seus-intereses-add-submit" name="os_seus_intereses_table_add" value="Engadir" class="button js-form-submit form-submit form-control at-button">
  618.                                     <div class="js-form-item form-item js-form-type-number form-item-os-seus-intereses-add-more-items js-form-item-os-seus-intereses-add-more-items form-no-label">
  619.                                         <label for="edit-os-seus-intereses-add-more-items" class="visually-hidden">
  620.                                             Engadir more items
  621.                                         </label>
  622.                                         <input data-drupal-selector="edit-os-seus-intereses-add-more-items" type="number" id="edit-os-seus-intereses-add-more-items" name="os_seus_intereses[add][more_items]" value="1" step="1" min="1" max="100" class="form-number form-control">
  623.                                         <span class="field-suffix">
  624.                                             more items
  625.                                         </span>
  626.                                     </div>
  627.                                 </div>
  628.                                 <div class="description">
  629.                                     <div id="edit-os-seus-intereses--description" class="webform-element-description">
  630.                                         Escriba aquí os seus intereses e ordéneos segundo orde de preferencia
  631.                                     </div>
  632.                                 </div>
  633.                             </div>
  634.                         </div>
  635.                         <div class="js-form-item form-item js-form-type-url form-item-tes-paxina-web- js-form-item-tes-paxina-web-">
  636.                             <label for="edit-tes-paxina-web-">
  637.                                 Tes páxina web?
  638.                             </label>
  639.                             <input data-drupal-selector="edit-tes-paxina-web-" aria-describedby="edit-tes-paxina-web---description" type="url" id="edit-tes-paxina-web-" name="tes_paxina_web_" value="" size="60" maxlength="255" placeholder="https://www.example.com" class="form-url form-control">
  640.                             <div class="description">
  641.                                 <div id="edit-tes-paxina-web---description" class="webform-element-description">
  642.                                     Inclúe a túa páxina web
  643.                                 </div>
  644.                             </div>
  645.                         </div>
  646.                         <div class="js-form-item form-item js-form-type-webform-rating form-item-valora-este-servizo js-form-item-valora-este-servizo">
  647.                             <label for="edit-valora-este-servizo">
  648.                                 Valora este servizo
  649.                             </label>
  650.                             <input data-drupal-selector="edit-valora-este-servizo" type="range" id="edit-valora-este-servizo" name="valora_este_servizo" value="0" step="1" min="0" max="10" class="form-webform-rating form-control" style="display: none;">
  651.                             <div data-rateit-min="0" data-rateit-max="10" data-rateit-step="1" data-rateit-resetable="true" data-rateit-readonly="false" data-rateit-backingfld="[data-drupal-selector=&quot;edit-valora-este-servizo&quot;]" data-rateit-value="" data-rateit-starheight="24" data-rateit-starwidth="24" class="rateit svg rateit-medium rateit-bg">
  652.                                 <button id="rateit-reset-2" type="button" data-role="none" class="rateit-reset" aria-label="reset rating" aria-controls="rateit-range-2">
  653.                                     <span></span>
  654.                                 </button>
  655.                                 <div id="rateit-range-2" class="rateit-range" tabindex="0" role="slider" aria-label="rating" aria-owns="rateit-reset-2" aria-valuemin="0" aria-valuemax="10" aria-valuenow="0" style="width: 240px; height: 24px;" aria-readonly="false">
  656.                                     <div class="rateit-empty"></div>
  657.                                     <div class="rateit-selected" style="height: 24px; width: 0px;"></div>
  658.                                     <div class="rateit-hover" style="height: 24px;"></div>
  659.                                 </div>
  660.                             </div>
  661.                         </div>
  662.                     </div>
  663.                     <div class="js-form-item form-item js-form-type-checkbox form-item-acepto-este-texto js-form-item-acepto-este-texto form-no-label">
  664.                         <input data-webform-required-error="Ten que aceptar este texto" data-drupal-selector="edit-acepto-este-texto" aria-describedby="edit-acepto-este-texto--description" type="checkbox" id="edit-acepto-este-texto" name="acepto_este_texto" value="1" class="form-checkbox form-control">
  665.                         <div class="description">
  666.                             <div id="edit-acepto-este-texto--description" class="webform-element-description">
  667.                                 A política
  668.                                 de privacidade Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
  669.                                 dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
  670.                                 culpa qui officia deserunt mollit anim id est laborum.
  671.                             </div>
  672.                             <div id="edit-acepto-este-texto--more" class="js-webform-element-more webform-element-more">
  673.                                 <div class="webform-element-more--link">
  674.                                     <a role="button" href="#edit-acepto-este-texto--more--content" aria-expanded="false" aria-controls="edit-acepto-este-texto--more--content">
  675.                                         Máis información sobre política de privacidade
  676.                                     </a>
  677.                                 </div>
  678.                                 <div id="edit-acepto-este-texto--more--content" class="webform-element-more--content">
  679.                                     A política de privacidade Duis aute irure dolor in reprehenderit in voluptate velit
  680.                                     esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  681.                                     proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  682.                                 </div>
  683.                             </div>
  684.                         </div>
  685.                     </div>
  686.                     <div data-webform-terms-of-service-type="slideout" class="form-type-webform-terms-of-service js-form-type-webform-terms-of-service js-form-item form-item js-form-type-checkbox form-item-terms-of-service js-form-item-terms-of-service">
  687.                         <input data-webform-required-error="É preciso aceptar as políticas de privacidade" data-drupal-selector="edit-terms-of-service" type="checkbox" id="edit-terms-of-service" name="terms_of_service" value="" required="required" aria-required="true" class="form-checkbox required form-control">
  688.                         <label for="edit-terms-of-service" class="option js-form-required form-required">
  689.                             Estou dacordo coa política de privacidade
  690.                         </label>
  691.                         <div class="description">
  692.                             <div id="edit-terms-of-service--description" class="webform-element-description">
  693.                                 <div id="webform-terms-of-service-terms_of_service--description" class="webform-terms-of-service-details js-hide">
  694.                                     <div class="webform-terms-of-service-details--title">
  695.                                         Condicións legais
  696.                                     </div>
  697.                                     <div class="webform-terms-of-service-details--content">
  698.                                         Lorem ipsum dolor sit amet,
  699.                                         consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
  700.                                         dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
  701.                                         laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
  702.                                         reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  703.                                         Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
  704.                                         deserunt mollit anim id est laborum.
  705.                                     </div>
  706.                                 </div>
  707.                             </div>
  708.                         </div>
  709.                     </div>
  710.                     <div data-drupal-selector="edit-captcha" class="captcha">
  711.                         <input data-drupal-selector="edit-captcha-sid" type="hidden" name="captcha_sid" value="16752" class="form-control">
  712.                         <input data-drupal-selector="edit-captcha-token" type="hidden" name="captcha_token" value="bXCyQwzD8Ocd_OCHeBX9GPAGyhH9wtb7V71geGGzYEM" class="form-control">
  713.                         <div class="js-form-item form-item js-form-type-textfield form-item-captcha-response js-form-item-captcha-response">
  714.                             <label for="edit-captcha-response" class="js-form-required form-required">
  715.                                 Pregunta matemática</label>
  716.                             <span class="field-prefix">5 + 0 =</span>
  717.                             <input autocomplete="off" data-drupal-selector="edit-captcha-response" aria-describedby="edit-captcha-response--description" type="text" id="edit-captcha-response" name="captcha_response" value="" size="4" maxlength="2" required="required" aria-required="true" class="form-text required form-control">
  718.                             <div id="edit-captcha-response--description" class="description">
  719.                                 Resolva este sinxelo problema matemático e introduza o resultado. Por exemplo para 1+3, introduza 4.
  720.                             </div>
  721.                         </div>
  722.                     </div>
  723.                     <div data-drupal-selector="edit-actions" id="edit-actions" class="form-actions webform-actions js-form-wrapper form-wrapper">
  724.                         <input data-drupal-selector="edit-actions-submit" type="submit" id="edit-actions-submit" name="op" value="Enviar" class="webform-button--submit button button--primary js-form-submit form-submit form-control at-button">
  725.                         <input formnovalidate="formnovalidate" data-drupal-selector="edit-actions-reset" type="submit" id="edit-actions-reset" name="op" value="Limpar" class="webform-button--reset button js-form-submit form-submit form-control at-button">
  726.                     </div>
  727.                 </div>
  728.                 <input autocomplete="off" data-drupal-selector="form-9911ziftxwcjhcrk-a03cqx-pwyvmanep2phmqltuic" type="hidden" name="form_build_id" value="form-9911ZIFtXWCjHcrk_A03cqx-pWYVMANeP2PHMqLtuIc" class="form-control">
  729.                 <input data-drupal-selector="edit-webform-submission-formulario-de-contacto-add-form" type="hidden" name="form_id" value="webform_submission_formulario_de_contacto_add_form" class="form-control">
  730.             </form>
  731.         </div>
  732.     </section>
  733. {% endblock %}
  735. {% block siteFooter %}
  736.     {% include 'organisms/site-footer.html.twig' %}
  737. {% endblock %}
  739. {% block javascripts %}
  740.     {{ parent() }}
  741.     <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  742.     <script type="text/javascript">
  743.         /* Javascript Drupal */
  744.         $(function () {
  745.           $('.webform-element-more--link a').on('click', function (event) {
  746.             event.preventDefault();
  748.             var $this = $(this);
  749.             var $webformMore = $this.parents('.js-webform-element-more');
  751.             $webformMore.toggleClass('is-open');
  752.           });
  754.           $('.js-webform-select-other select').on('change', function () {
  755.             var $this = $(this);
  756.             var $otherInput = $this.parents('.js-webform-select-other').find('.js-webform-select-other-input');
  758.             if (this.value === '_other_') {
  759.               $otherInput.show();
  760.             } else {
  761.               $otherInput.hide();
  762.             }
  763.           });
  765.           $('#edit-radio-other-radios-other-').on('click', function () {
  766.               $('#radio-other-input').show();
  767.           });
  768.         });
  769.     </script>
  770. {% endblock %}