/* Clearfix */
/* Grayscale */
/* Animation */
/* Cross browser opacity */
/* Cross browser opacity */
/* Fonts */
/* Colors */
/* Grid */
/*
 * After Bourbon 4.3.4
 */
footer div.before .footer-item,
footer div.container .footer-item,
footer div.above .footer-item {
  padding: 20px 0px; }
  footer div.before .footer-item a,
  footer div.container .footer-item a,
  footer div.above .footer-item a {
    color: #ffffff;
    text-decoration: none; }
    footer div.before .footer-item a:hover,
    footer div.container .footer-item a:hover,
    footer div.above .footer-item a:hover {
      color: #cd222d; }
  footer div.before .footer-item .responsability, footer div.before .footer-item .responsability p,
  footer div.container .footer-item .responsability,
  footer div.container .footer-item .responsability p,
  footer div.above .footer-item .responsability,
  footer div.above .footer-item .responsability p {
    font-size: 11px;
    line-height: 13px;
    margin: 5px 0; }

footer div.before {
  width: 100%;
  background-color: #404040;
  color: #ffffff; }
  footer div.before div.before--wrapper {
    margin: auto;
    max-width: 960px;
    padding: 20px 20px; }
    footer div.before div.before--wrapper .footer-item {
      padding: 0;
      /* end form styles */ }
      footer div.before div.before--wrapper .footer-item p.wysiwyg-button {
        margin-top: 0; }
      footer div.before div.before--wrapper .footer-item form {
        transition: opacity 0.3s ease-out;
        -webkit-transition: opacity opacity ease-out;
        -moz-transition: opacity opacity ease-out;
        -o-transition: opacity opacity ease-out; }
        footer div.before div.before--wrapper .footer-item form p.error {
          color: #cd222d; }
          footer div.before div.before--wrapper .footer-item form p.error.success {
            color: #ffffff; }
        footer div.before div.before--wrapper .footer-item form input[type="submit"] {
          display: block;
          background-color: #cd222d;
          color: #ffffff;
          border: 0;
          padding: 20px;
          outline: transparent; }
          footer div.before div.before--wrapper .footer-item form input[type="submit"]:hover {
            background-color: #ffffff;
            color: #cd222d; }
        footer div.before div.before--wrapper .footer-item form label {
          margin-bottom: 15px;
          display: block; }
          footer div.before div.before--wrapper .footer-item form label input[type="text"] {
            padding: 0px 10px;
            height: 40px;
            color: #404040; }
          footer div.before div.before--wrapper .footer-item form label[for="terminos-legales"] span.text {
            display: inline-block;
            margin-left: 30px;
            position: relative;
            top: -20px;
            font-size: 13px;
            line-height: 2em; }
            footer div.before div.before--wrapper .footer-item form label[for="terminos-legales"] span.text a {
              text-decoration: underline; }

footer div.container {
  background-color: #cd222d;
  color: #ffffff; }
  footer div.container div.container--wrapper {
    margin: auto;
    max-width: 960px;
    padding: 0 20px; }
    footer div.container div.container--wrapper p a:hover,
    footer div.container div.container--wrapper h3 a:hover {
      color: #ffffff;
      text-decoration: underline; }
    footer div.container div.container--wrapper .rrss {
      line-height: 1em;
      list-style: none;
      padding: 0;
      margin: 0;
      text-align: center; }
      footer div.container div.container--wrapper .rrss::after {
        clear: both;
        content: "";
        display: table; }
      footer div.container div.container--wrapper .rrss li {
        list-style: none;
        padding: 0;
        margin: 0;
        display: inline-block;
        font-size: 24px;
        float: none;
        overflow: hidden; }
        footer div.container div.container--wrapper .rrss li.title {
          font-size: 34px;
          font-weight: 600; }
      footer div.container div.container--wrapper .rrss span {
        height: 56px;
        line-height: 56px; }
      footer div.container div.container--wrapper .rrss a {
        line-height: 1.3em;
        height: 56px;
        line-height: 56px;
        display: inline-block; }
        footer div.container div.container--wrapper .rrss a i {
          display: inline-block;
          height: 56px;
          line-height: 56px; }
          footer div.container div.container--wrapper .rrss a i::before {
            display: inline-block;
            height: 56px;
            line-height: 58px;
            float: left;
            /* Modificamos el margen de 5 a 0 para que entren en una sola línea */
			      margin: 0 0px;
            width: 49px;
            font-size: 33px; }
        footer div.container div.container--wrapper .rrss a:hover {
          color: #ffffff;
          opacity: 0.5; }

footer div.above {
  background-color: #cd222d;
  color: #ffffff; }
  footer div.above div.above-wrapper p.copyright {
    margin-top: 65px;
    margin-bottom: 10px; }
  footer div.above div.above-wrapper p.logo {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    background-color: #cd222d; }
    footer div.above div.above-wrapper p.logo img {
      width: 100%;
      height: 100%; }
  footer div.above div.above-wrapper ul#footer-menu {
    text-align: center; }
    footer div.above div.above-wrapper ul#footer-menu, footer div.above div.above-wrapper ul#footer-menu li {
      list-style: none;
      padding: 0;
      margin: 0; }
    footer div.above div.above-wrapper ul#footer-menu li {
      display: inline-block; }
      footer div.above div.above-wrapper ul#footer-menu li::after {
        content: '|';
        margin-left: 5px; }
      footer div.above div.above-wrapper ul#footer-menu li:last-child::after {
        content: none; }
      footer div.above div.above-wrapper ul#footer-menu li a:hover {
        color: #ffffff;
        text-decoration: underline; }

@media screen and (min-width: 1014px) {
  footer div.before .footer-item,
  footer div.container .footer-item,
  footer div.above .footer-item {
    padding: 20px 20px; }
    footer div.before .footer-item a,
    footer div.container .footer-item a,
    footer div.above .footer-item a {
      color: #ffffff;
      text-decoration: none; }
      footer div.before .footer-item a:hover,
      footer div.container .footer-item a:hover,
      footer div.above .footer-item a:hover {
        color: #cd222d; }
  footer div.before {
    width: 100%;
    background-color: #404040;
    color: #ffffff; }
    footer div.before div.before--wrapper {
      margin: auto;
      max-width: 960px;
      padding: 20px 0; }
      footer div.before div.before--wrapper div[class*='default-module-grid--twelve__a'] .footer-item {
        border-right: 1px solid #686868; }
      footer div.before div.before--wrapper div[class*='default-module-grid--twelve__a']:last-child .footer-item {
        border-right: none; }
      footer div.before div.before--wrapper .footer-item {
        padding: 10px 80px;
        /* end form styles */ }
        footer div.before div.before--wrapper .footer-item form label {
          margin-bottom: 15px;
          display: block; }
          footer div.before div.before--wrapper .footer-item form label[for="terminos-legales"] span.text {
            display: inline-block;
            margin-left: 30px;
            position: relative;
            top: -20px; }
            footer div.before div.before--wrapper .footer-item form label[for="terminos-legales"] span.text a {
              text-decoration: underline; }
  footer div.container {
    background-color: #cd222d;
    color: #ffffff; }
    footer div.container div.container--wrapper {
      margin: auto;
      max-width: 960px;
      /* end line style */ }
      footer div.container div.container--wrapper div[class*='default-module-grid--twelve__a'] div.footer-item {
        border-right: 1px solid #d85159; }
      footer div.container div.container--wrapper div[class*='default-module-grid--twelve__a']:last-child div.footer-item {
        border-right: none; }
      footer div.container div.container--wrapper.rrss {
        line-height: 1em; }
        footer div.container div.container--wrapper.rrss span {
          height: 56px;
          line-height: 56px;
          display: inline-block; }
        footer div.container div.container--wrapper.rrss a {
          line-height: 1.3em;
          height: 56px;
          line-height: 56px;
          display: inline-block; }
          footer div.container div.container--wrapper.rrss a i {
            display: inline-block;
            height: 56px;
            line-height: 56px; }
            footer div.container div.container--wrapper.rrss a i::before {
              display: inline-block;
              height: 56px;
              line-height: 95px;
              float: left;
              margin: 0 5px; }
          footer div.container div.container--wrapper.rrss a:hover {
            color: #ffffff;
            opacity: 0.5; }
  footer div.above {
    background-color: #cd222d;
    color: #ffffff; }
    footer div.above div.above-wrapper p.copyright {
      margin-top: 65px;
      margin-bottom: 10px; }
    footer div.above div.above-wrapper p.logo {
      text-align: center;
      font-size: 160px; }
      footer div.above div.above-wrapper p.logo::after {
        clear: both;
        content: "";
        display: table; }
    footer div.above div.above-wrapper ul#footer-menu {
      text-align: center; }
      footer div.above div.above-wrapper ul#footer-menu, footer div.above div.above-wrapper ul#footer-menu li {
        list-style: none;
        padding: 0;
        margin: 0; }
      footer div.above div.above-wrapper ul#footer-menu li {
        display: inline-block; }
        footer div.above div.above-wrapper ul#footer-menu li::after {
          content: '|';
          margin-left: 5px; }
        footer div.above div.above-wrapper ul#footer-menu li:last-child::after {
          content: none; }
        footer div.above div.above-wrapper ul#footer-menu li a:hover {
          color: #ffffff;
          text-decoration: underline; } }