:root {
  --color-web-prim: #2D3296;
  --color-web-prim-dark: #101134;
  --color-web-prim-light: #3c42c4;
  --color-web-seco: #F6821F;
  --color-web-seco-dark: #904506;
  --color-web-seco-light: #f8a35a;
  --color-web-tert: #00A851;
  --color-web-tert-dark: #002914;
  --color-web-tert-light: #00e56f;
  --color-web-four: #941780;
  --color-web-four-light: #e65ed0;
  --color-web-four-dark: #68105a;
  --color-web-bg-one: #fdf6ea;
  --color-web-bg-two: #e8e7e6;
  --color-web-bg-three: #abcde3;
  --color-web-black: #191919;
  --color-web-gray-1: #2a2a2a;
  --color-web-gray-2: #414141;
  --color-web-gray-3: #565656;
  --color-web-gray-4: #6d6d6d;
  --color-web-gray-5: #878787;
  --color-web-gray-6: #9e9e9e;
  --color-web-gray-7: #b1b1b1;
  --color-web-gray-8: #c8c8c8;
  --color-web-gray-9: #e4e4e4;
  --color-web-white: #FAFAFA;
  --color-web-success: #198754;
  --color-web-error: #DC3545;
  --color-web-danger: #a94f12;
  --color-web-warning: #FFC107;
  --color-web-info: #0DCAF0;
  --color-web-default: #6C757D;
  --color-web-status-01: #208720;
  --color-web-status-02: #9f2b2b;
  --color-web-status-03: #dede27;
  --color-web-status-04: #253fab;
  --color-web-status-05: #30afa1;
  --color-web-status-06: #ab1b97;
  --color-web-status-07: #ff8c1f;
  --color-web-status-08: #b76f0b;
  --color-web-status-09: #606060;
  --color-web-status-10: #262626;
  --color-facebook: #3b5998;
  --color-twitter: #00aced;
  --color-linkedin: #0077b5;
  --color-youtube: #cd201f;
  --color-instagram: #e4405f;
  --color-whatsapp: #25D366;
  --color-github: #333;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce), (update: slow) {
  *,
  ::before,
  ::after {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}
html,
body {
  -webkit-font-smoothing: antialiased;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 2.0833333333333335), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
  html,
  body {
    -webkit-font-smoothing: subpixel-antialiased;
  }
}

*:focus {
  outline: none;
}

img,
iframe,
object,
embed,
video {
  height: auto;
  max-width: 100%;
}

object,
embed,
video {
  height: auto;
}

figure {
  margin: 0;
}

label {
  cursor: pointer;
}

sup,
sub {
  font-size: 50%;
}

body {
  background-color: var(--color-web-bg-one);
  color: var(--color-web-black);
  font-family: "Raleway", Nunito, sans-serif;
  font-size: 1rem;
}

h1, h2, h3,
h4, h5, h6,
.font-primary {
  font-family: "Patua One", "Anton";
}

a {
  text-decoration: none;
}

/* Font Caption 1 */
@font-face {
  font-family: "Anton";
  font-display: swap;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  src: url("../fonts/Anton-Regular.ttf") format("truetype");
}
/* Font Cursiva */
@font-face {
  font-family: "Beau Rivage";
  font-display: swap;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  src: url("../fonts/BeauRivage-Regular.ttf") format("truetype");
}
/* Font text */
@font-face {
  font-family: "Nunito";
  font-display: swap;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  src: url("../fonts/Nunito-Regular.ttf") format("truetype");
}
/* font Caption 2 */
@font-face {
  font-family: "Patua One";
  font-display: swap;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  src: url("../fonts/PatuaOne-Regular.ttf") format("truetype");
}
/* Font Text fine */
@font-face {
  font-family: "Releway";
  font-display: swap;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  src: url("../fonts/Raleway-Regular.ttf") format("truetype");
}
/* Font Mono */
@font-face {
  font-family: "Ubuntu Mono";
  font-display: swap;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  src: url("../fonts/UbuntuMono-Regular.ttf") format("truetype");
}
/* Font Text Round */
@font-face {
  font-family: "Varela Round";
  font-display: swap;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  src: url("../fonts/VarelaRound-Regular.ttf") format("truetype");
}
.sr-only {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.l-header {
  align-items: center;
  background-color: rgba(250, 250, 250, 0.75);
  border-bottom: 0.1875rem solid var(--color-web-tert);
  box-sizing: border-box;
  display: flex;
  height: 5.5rem;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.l-header__brand {
  display: block;
  transition: all 0.25s ease-in-out;
  width: 25.625rem;
}
.l-header__brand > img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  transition: all 0.25s ease-in-out;
}
.l-header__scrolled {
  background-color: var(--color-web-white);
  box-shadow: 0 0 1.25rem 0 rgba(10, 10, 10, 0.75);
  height: 4.25rem;
  margin-bottom: 0;
  transition: all 0.25s ease-in-out;
}
.l-header__scrolled > div {
  width: 19.375rem;
  transition: all 0.25s ease-in-out;
}
@media (max-width: 26.5625em) {
  .l-header {
    height: 4.875rem;
  }
  .l-header__brand {
    width: 18.75rem;
  }
  .l-header__scrolled {
    height: 3.625rem;
  }
  .l-header__scrolled > div {
    width: 15.625rem;
  }
}

.l-main__parallax {
  background-image: url("../images/escola-0b.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 30.25rem;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}
.l-main__content {
  margin-top: 24.75rem;
}
.l-main > section > article {
  padding-top: 2.25rem;
  padding-bottom: 1.125rem;
  position: relative;
}
.l-main > section > article h1 {
  display: block;
  font-size: 1.375rem;
  padding: 0.25rem 0;
  position: relative;
  width: 100%;
}
.l-main > section > article:nth-child(odd) {
  background-color: var(--color-web-bg-three);
}
.l-main > section > article:nth-child(odd):before {
  box-sizing: border-box;
  background-color: var(--color-web-bg-one);
  box-shadow: 0 0.25rem 0.25rem rgba(10, 10, 10, 0.75);
  content: "";
  padding: 0.125rem;
  position: absolute;
  top: 0;
  width: 100%;
}
.l-main > section > article:nth-child(odd):after {
  border-color: transparent transparent var(--color-web-bg-one) var(--color-web-bg-one);
  border-style: solid;
  border-width: 1.25rem;
  box-shadow: -0.25rem 0.25rem 0.25rem rgba(10, 10, 10, 0.6);
  box-sizing: border-box;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform-origin: 0 0;
  transform: translateX(-50%) rotate(-45deg);
  top: 0.1875rem;
  width: 0;
}
.l-main > section > article:nth-child(even) {
  background-color: var(--color-web-bg-one);
}
.l-main > section > article:nth-child(even):before {
  box-sizing: border-box;
  background-color: var(--color-web-bg-three);
  box-shadow: 0 0.25rem 0.25rem rgba(10, 10, 10, 0.85);
  content: "";
  padding: 0.125rem;
  position: absolute;
  top: 0;
  width: 100%;
}
.l-main > section > article:nth-child(even):after {
  border-color: transparent transparent var(--color-web-bg-three) var(--color-web-bg-three);
  border-style: solid;
  border-width: 1.25rem;
  box-shadow: -0.25rem 0.25rem 0.25rem rgba(10, 10, 10, 0.65);
  box-sizing: border-box;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform-origin: 0 0;
  transform: translateX(-50%) rotate(-45deg);
  top: 0.1875rem;
  width: 0;
}
.l-main__mission h1 {
  position: relative;
  text-align: center;
}
.l-main__mission h1:before {
  bottom: -0.1875rem;
  content: "";
  display: block;
  height: 0.125rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 50%;
}
.l-main__mission h1:after {
  background-image: linear-gradient(to right, transparent, var(--color-web-seco), transparent);
  bottom: -0.1875rem;
  content: "";
  display: block;
  height: 0.125rem;
  left: 50%;
  position: absolute;
  right: 10%;
  transform: translateX(-50%);
  width: 50%;
}
.l-main__mission p {
  font-family: "Varela Round";
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}
.l-main__history h1 {
  display: block;
  padding: 0.25rem 0;
  position: relative;
  width: 100%;
}
.l-main__history h1:before {
  background-color: var(--color-web-seco);
  bottom: -0.1875rem;
  content: "";
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 65%;
}
.l-main__history img {
  border: 0.0625rem solid var(--color-web-four);
  border-radius: 0.375rem;
  box-shadow: 0.125rem 0.125rem 0.625rem var(--color-web-gray-2);
  display: block;
  float: left;
  height: 11.25rem;
  margin: 0 1rem 0.5rem 0;
}
.l-main__history p {
  text-align: justify;
  text-justify: inter-word;
}
.l-main__history p:first-letter {
  margin-left: 2rem;
  font-size: 1.125rem;
  font-weight: bold;
}
.l-main__pedagogic h1 {
  display: block;
  padding: 0.25rem 0;
  position: relative;
  text-align: right;
  width: 100%;
}
.l-main__pedagogic h1:before {
  background-color: var(--color-web-seco);
  bottom: -0.1875rem;
  content: "";
  display: block;
  height: 0.125rem;
  position: absolute;
  right: 0;
  width: 65%;
}
.l-main__pedagogic img {
  border: 0.0625rem solid var(--color-web-four);
  border-radius: 0.375rem;
  box-shadow: 0.125rem 0.125rem 0.625rem var(--color-web-gray-2);
  display: block;
  float: right;
  height: 11.25rem;
  margin: 0 0 0.5rem 1rem;
}
.l-main__pedagogic p {
  text-align: justify;
  text-justify: inter-word;
}
.l-main__pedagogic p:first-letter {
  margin-left: 2rem;
  font-size: 1.125rem;
  font-weight: bold;
}
.l-main__guidelines {
  position: relative;
}
.l-main__guidelines h1 {
  position: relative;
  text-align: center;
}
.l-main__guidelines h1:before {
  bottom: -0.1875rem;
  content: "";
  display: block;
  height: 0.125rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 50%;
}
.l-main__guidelines h1:after {
  background-image: linear-gradient(to right, transparent, var(--color-web-seco), transparent);
  bottom: -0.1875rem;
  content: "";
  display: block;
  height: 0.125rem;
  left: 50%;
  position: absolute;
  right: 10%;
  transform: translateX(-50%);
  width: 50%;
}
.l-main__guidelines-board label {
  cursor: default;
  display: block;
  font-weight: bold;
  padding: 0.1875rem 0;
  position: relative;
  width: 100%;
}
.l-main__guidelines-board label:before {
  display: inline-block;
  color: var(--color-web-gray-8);
  content: "\f0da";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  margin-right: 1.125rem;
}
.l-main__guidelines-board label:after {
  display: inline-block;
  color: var(--color-web-gray-8);
  content: "\f0d9";
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  margin-left: 1.125rem;
}
.l-main__guidelines-board span {
  background-color: var(--color-web-white);
  border-radius: 50%;
  box-shadow: 0 0 1.25rem var(--color-web-gray-2);
  display: block;
  position: relative;
}
.l-main__guidelines-board span > i {
  color: var(--color-web-tert-light);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.l-main__guidelines-board p {
  margin-top: 0.75rem;
}
.l-main__guidelines-board:nth-child(1), .l-main__guidelines-board:nth-child(3) {
  padding: 0 0.75rem 0.75rem 0;
}
.l-main__guidelines-board:nth-child(1) label, .l-main__guidelines-board:nth-child(3) label {
  text-align: right;
}
.l-main__guidelines-board:nth-child(1) span, .l-main__guidelines-board:nth-child(3) span {
  float: right;
  height: 4.5rem;
  margin: 0.75rem 0 0.75rem 0.75rem;
  width: 4.5rem;
}
.l-main__guidelines-board:nth-child(1) span > i, .l-main__guidelines-board:nth-child(3) span > i {
  font-size: 2.75rem;
}
.l-main__guidelines-board:nth-child(1) p, .l-main__guidelines-board:nth-child(3) p {
  text-align: right;
}
.l-main__guidelines-board:nth-child(2), .l-main__guidelines-board:nth-child(4) {
  padding: 0 0 0.75rem 0.75rem;
}
.l-main__guidelines-board:nth-child(2) label, .l-main__guidelines-board:nth-child(4) label {
  text-align: left;
}
.l-main__guidelines-board:nth-child(2) span, .l-main__guidelines-board:nth-child(4) span {
  float: left;
  height: 4.5rem;
  margin: 0.75rem 0.75rem 0.75rem 0;
  width: 4.5rem;
}
.l-main__guidelines-board:nth-child(2) span > i, .l-main__guidelines-board:nth-child(4) span > i {
  font-size: 2.75rem;
}
.l-main__guidelines-board:nth-child(2) p, .l-main__guidelines-board:nth-child(4) p {
  margin-top: 0.75rem;
  text-align: left;
}
.l-main__units {
  position: relative;
}
.l-main__units h1 {
  position: relative;
  text-align: center;
}
.l-main__units h1:before {
  bottom: -0.1875rem;
  content: "";
  display: block;
  height: 0.125rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 50%;
}
.l-main__units h1:after {
  background-image: linear-gradient(to right, transparent, var(--color-web-seco), transparent);
  bottom: -0.1875rem;
  content: "";
  display: block;
  height: 0.125rem;
  left: 50%;
  position: absolute;
  right: 10%;
  transform: translateX(-50%);
  width: 50%;
}
.l-main__units a {
  color: var(--color-web-prim);
}
.l-main__units a:hover {
  color: var(--color-web-seco);
}
.l-main__units i.fa-phone-alt {
  color: var(--color-web-status-03);
}
.l-main__units i.fa-whatsapp {
  color: var(--color-whatsapp);
}
.l-main__units i.fa-envelope {
  color: var(--color-web-prim-light);
}
.l-main__units-one {
  margin-bottom: 1rem;
}
.l-main__units-one .card {
  text-align: center;
}
.l-main__units-one .card-header {
  background-color: rgba(148, 26, 128, 0.65);
}
.l-main__units-one .card-header h2 {
  font-size: 1.375rem;
}
.l-main__units-two .card {
  text-align: center;
}
.l-main__units-two .card-header {
  background-color: rgba(246, 130, 31, 0.65);
}
.l-main__units-two .card-header h2 {
  font-size: 1.375rem;
}
.l-main__contact h1 {
  position: relative;
  text-align: center;
}
.l-main__contact h1:before {
  bottom: -0.1875rem;
  content: "";
  display: block;
  height: 0.125rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 50%;
}
.l-main__contact h1:after {
  background-image: linear-gradient(to right, transparent, var(--color-web-seco), transparent);
  bottom: -0.1875rem;
  content: "";
  display: block;
  height: 0.125rem;
  left: 50%;
  position: absolute;
  right: 10%;
  transform: translateX(-50%);
  width: 50%;
}
.l-main__contact input:focus,
.l-main__contact select:focus,
.l-main__contact textarea:focus,
.l-main__contact option:focus,
.l-main__contact button:focus {
  box-shadow: 0 0 0 0 !important;
  outline: 0 !important;
}
.l-main__contact textarea {
  height: 13.75rem;
  resize: none;
}
.l-main__contact-board {
  box-shadow: 0.125rem 0.125rem 0.625rem var(--color-web-gray-2);
}
@media (max-width: 37.4375em) {
  .l-main__parallax {
    background-position: top center;
    height: 22.75rem;
  }
  .l-main__content {
    margin-top: 18.25rem;
  }
  .l-main > section > article h1 {
    position: relative;
    text-align: center;
  }
  .l-main > section > article h1:before {
    bottom: -0.1875rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 75%;
  }
  .l-main > section > article h1:after {
    background-image: linear-gradient(to right, transparent, var(--color-web-seco), transparent);
    bottom: -0.1875rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 50%;
    position: absolute;
    right: 10%;
    transform: translateX(-50%);
    width: 85%;
  }
  .l-main__mission p > span {
    display: block;
    width: 100%;
  }
  .l-main__history img {
    border: 0.0625rem solid var(--color-web-gray-4);
    border-radius: 0.375rem;
    box-shadow: 0 0 0.625rem var(--color-web-gray-1);
    display: block;
    float: unset;
    margin: 0 auto 1rem;
    width: 15.625rem;
  }
  .l-main__history p {
    text-align: justify;
    text-justify: inter-word;
  }
  .l-main__history p:first-letter {
    margin-left: 1rem;
  }
  .l-main__pedagogic img {
    border: 0.0625rem solid var(--color-web-gray-4);
    border-radius: 0.375rem;
    box-shadow: 0 0 0.625rem var(--color-web-gray-1);
    display: block;
    float: unset;
    height: 11.25rem;
    margin: 0 auto 1rem;
  }
  .l-main__pedagogic p {
    text-align: justify;
    text-justify: inter-word;
  }
  .l-main__pedagogic p:first-letter {
    margin-left: 1rem;
  }
  .l-main__guidelines-board:nth-child(1), .l-main__guidelines-board:nth-child(2), .l-main__guidelines-board:nth-child(3), .l-main__guidelines-board:nth-child(4) {
    padding: unset;
  }
  .l-main__guidelines-board:nth-child(1) label, .l-main__guidelines-board:nth-child(2) label, .l-main__guidelines-board:nth-child(3) label, .l-main__guidelines-board:nth-child(4) label {
    text-align: center;
  }
  .l-main__guidelines-board:nth-child(1) span, .l-main__guidelines-board:nth-child(2) span, .l-main__guidelines-board:nth-child(3) span, .l-main__guidelines-board:nth-child(4) span {
    float: unset;
    margin: 0.625rem auto;
    height: 3.5rem;
    width: 3.5rem;
  }
  .l-main__guidelines-board:nth-child(1) span > i, .l-main__guidelines-board:nth-child(2) span > i, .l-main__guidelines-board:nth-child(3) span > i, .l-main__guidelines-board:nth-child(4) span > i {
    font-size: 1.75rem;
  }
  .l-main__guidelines-board:nth-child(1) p, .l-main__guidelines-board:nth-child(2) p, .l-main__guidelines-board:nth-child(3) p, .l-main__guidelines-board:nth-child(4) p {
    margin: 0 0.5rem;
    text-align: center;
  }
  .l-main__guidelines-board:not(:last-child) {
    margin-bottom: 0.5rem;
    position: relative;
  }
  .l-main__guidelines-board:not(:last-child):before {
    border-bottom: 0.0625rem dotted var(--color-web-four);
    bottom: -0.125rem;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 65%;
  }
}
@media (max-width: 56.1875em) {
  .l-main__parallax {
    background-position: top center;
    height: 24.5625rem;
  }
  .l-main__content {
    margin-top: 19.3125rem;
  }
}

.l-footer {
  background: rgb(253, 246, 234);
  background: linear-gradient(0deg, rgb(109, 109, 109) 0%, rgb(253, 246, 234) 70%);
  margin-top: -0.3125rem;
  padding-top: 2.1875rem;
  position: relative;
  z-index: 10;
}
.l-footer__middle {
  font-size: 0.75rem;
}
.l-footer__bottom {
  display: block;
  height: auto;
  padding: 0.75rem;
  width: 100%;
}
.l-footer__bottom a {
  background-color: var(--color-web-bg-one);
  border-radius: 50%;
  color: var(--color-web-gray-7);
  display: block;
  height: 3rem;
  position: relative;
  transition: all 0.5s ease-in-out;
  width: 3rem;
}
.l-footer__bottom a:hover {
  transform: rotateY(360deg);
}
.l-footer__bottom a > i {
  font-size: 2rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.l-footer__bottom-facebook a:hover {
  background-color: var(--color-facebook) !important;
  color: var(--color-web-white) !important;
}
.l-footer__bottom-instagram a:hover {
  background-color: var(--color-instagram) !important;
  color: var(--color-web-white) !important;
}
.l-footer__bottom-youtube a:hover {
  background-color: var(--color-youtube) !important;
  color: var(--color-web-white) !important;
}
.l-footer__bottom-twitter a:hover {
  background-color: var(--color-twitter) !important;
  color: var(--color-web-white) !important;
}

.c-backTop {
  bottom: 0.9375rem;
  display: none;
  position: fixed;
  right: 1.125rem;
  transition: display 0.5s ease-in-out;
  z-index: 500;
}
.c-backTop > a {
  background-color: rgba(60, 66, 196, 0.85);
  border: 0.0625rem solid var(--color-web-prim);
  border-radius: 0.1875rem;
  color: var(--color-web-white);
  display: block;
  height: 2.5rem;
  position: relative;
  width: 2.5rem;
}
.c-backTop > a:hover {
  background-color: rgba(250, 250, 250, 0.75);
  border: 0.0625rem solid var(--color-web-gray-7);
  color: rgba(60, 66, 196, 0.85);
}
.c-backTop > a > i {
  font-size: 1.625rem;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
}