templates/public/legal/base_legal_page.html.twig line 1

  1. {% extends '/public/public_base.html.twig' %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     <style>
  6.         .legal-page {
  7.             min-height: 640px;
  8.             padding: 36px 0 64px;
  9.         }
  11.         .legal-page__shell {
  12.             max-width: 980px;
  13.             margin: 0 auto;
  14.             background: #ffffff;
  15.             border: 1px solid var(--color-border-panel);
  16.             border-radius: 18px;
  17.             padding: 28px 32px;
  18.             box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
  19.         }
  21.         .legal-page__title {
  22.             margin: 0;
  23.             color: var(--color-primary);
  24.             font-size: 2.4rem;
  25.             font-weight: 600;
  26.             line-height: 1.2;
  27.         }
  29.         .legal-page__subtitle {
  30.             margin: 12px 0 0;
  31.             color: var(--color-text-muted);
  32.             font-size: 1rem;
  33.             line-height: 1.7;
  34.         }
  36.         .legal-page__meta {
  37.             margin-top: 14px;
  38.             color: var(--color-text-muted-alt);
  39.             font-size: 0.95rem;
  40.             font-weight: 600;
  41.         }
  43.         .legal-page__divider {
  44.             margin: 22px 0 26px;
  45.             border: 0;
  46.             border-top: 1px solid var(--color-border-panel);
  47.         }
  49.         .legal-page__content {
  50.             color: var(--color-text-dark);
  51.             font-size: 1rem;
  52.             line-height: 1.7;
  53.         }
  55.         .legal-page__content section + section {
  56.             margin-top: 24px;
  57.         }
  59.         .legal-page__content h2 {
  60.             margin: 0 0 12px;
  61.             color: var(--color-primary);
  62.             font-size: 1.4rem;
  63.             font-weight: 600;
  64.             line-height: 1.35;
  65.         }
  67.         .legal-page__content h3 {
  68.             margin: 18px 0 10px;
  69.             color: var(--color-primary);
  70.             font-size: 1.15rem;
  71.             font-weight: 600;
  72.             line-height: 1.4;
  73.         }
  75.         .legal-page__content p {
  76.             margin: 0 0 12px;
  77.         }
  79.         .legal-page__content ul,
  80.         .legal-page__content ol {
  81.             margin: 0 0 12px 20px;
  82.             padding: 0;
  83.         }
  85.         .legal-page__content li + li {
  86.             margin-top: 6px;
  87.         }
  89.         .legal-page__content a {
  90.             color: var(--color-primary-alt);
  91.             text-decoration: underline;
  92.         }
  94.         .legal-page__callout {
  95.             margin-top: 18px;
  96.             padding: 16px 18px;
  97.             border-radius: 14px;
  98.             background: var(--color-bg-lighter);
  99.             border: 1px solid var(--color-border-panel);
  100.         }
  102.         .legal-page__callout p:last-child {
  103.             margin-bottom: 0;
  104.         }
  106.         @media (max-width: 767px) {
  107.             .legal-page {
  108.                 padding: 24px 0 42px;
  109.             }
  111.             .legal-page__shell {
  112.                 padding: 22px 18px;
  113.                 border-radius: 16px;
  114.             }
  115.         }
  116.     </style>
  117. {% endblock %}
  119. {% block title %}{% block legal_title %}Información legal{% endblock %}{% endblock %}
  121. {% block body %}
  122.     {% include 'public/events/_header.html.twig' %}
  123.     {% include 'public/_flash.html.twig' %}
  125.     <div class="container legal-page">
  126.         <article class="legal-page__shell">
  127.             <h1 class="legal-page__title">{% block legal_heading %}{% endblock %}</h1>
  128.             {% if block('legal_subtitle') is not empty %}
  129.                 <p class="legal-page__subtitle">{% block legal_subtitle %}{% endblock %}</p>
  130.             {% endif %}
  131.             {% if block('legal_meta') is not empty %}
  132.                 <p class="legal-page__meta">{% block legal_meta %}{% endblock %}</p>
  133.             {% endif %}
  134.             <hr class="legal-page__divider">
  135.             <div class="legal-page__content">
  136.                 {% block legal_content %}{% endblock %}
  137.             </div>
  138.         </article>
  139.     </div>
  141.     {% include 'public/events/_footer.html.twig' %}
  142. {% endblock %}