@charset "UTF-8";
      /*------------------------------------------------------------
      #CONFIG GRID
      -------------------------------------------------------------*/
      /*------------------------------------------------------------------------
      #ACCESSIBLE
      -------------------------------------------------------------------------*/
      .hide-accessible {
        position: absolute;
        font-size: 0;
        word-spacing: 0;
        line-height: 0;
        border: 0;
        opacity: 0;
      }
      /*------------------------------------------------------------------------
      # GENERIC BOX-SIZING
      -------------------------------------------------------------------------*/
      /**
      * More sensible default box-sizing:
      * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
      */
      html {
        box-sizing: border-box;
      }
      *,
      *:before,
      *:after {
        box-sizing: inherit;
      }
      /*------------------------------------------------------------------------
      # END GENERIC BOX-SIZING
      -------------------------------------------------------------------------*/
      /*------------------------------------*    # GENERIC CLEARFIX
      \*------------------------------------*/
      /**
      * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
      * Extend the clearfix placeholder class `%clearfix` with Sass to avoid the `.clearfix` class appearing
      * over and over in your markup.
      */
      .clearfix:after,
      .o-layout:after,
      .o-list--inline:after {
        content: "";
        display: block;
        clear: both;
      }
      /*------------------------------------*    # END GENERIC CLEARFIX
      \*------------------------------------*/
      /*
      @include font-face(opensans,
      $wf__base-path-font + 'opensans/opensans-regular',
      normal,
      normal,
      eot  woff  svg  ttf
      );
      @include font-face(opensanslight,
      $wf__base-path-font + 'opensans/opensans-light',
      normal,
      normal,
      eot  woff  svg  ttf
      );
      @include font-face(opensanssemibold,
      $wf__base-path-font + 'opensans/opensans-semibold',
      normal,
      normal,
      eot  woff  svg  ttf
      );
      @include font-face(opensansbold,
      $wf__base-path-font + 'opensans/opensans-bold',
      normal,
      normal,
      eot  woff  svg  ttf
      );
      */
      /*--------------------------------
      # GENERIC RESET
      --------------------------------*/
      html,
      body,
      span,
      object,
      iframe,
      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      p,
      blockquote,
      pre,
      article,
      aside,
      details,
      dialog,
      figcaption,
      figure,
      footer,
      header,
      main,
      nav,
      section,
      summary,
      audio,
      canvas,
      video,
      mark,
      code,
      kbd,
      pre,
      samp,
      a,
      abbr,
      acronym,
      address,
      code,
      del,
      dfn,
      em,
      strong,
      img,
      q,
      dl,
      dt,
      dd,
      ol,
      ul,
      li,
      fieldset,
      form,
      label,
      legend,
      table,
      caption,
      tbody,
      tfoot,
      thead,
      tr,
      th,
      td,
      div {
        margin: 0;
        padding: 0;
        border: none;
        font-weight: normal;
        font-style: normal;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
        text-decoration: none;
        box-sizing: border-box;
      }
      input,
      button,
      select,
      textarea {
        margin: 0;
        padding: 0;
        font-weight: normal;
        font-style: normal;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
        text-decoration: none;
        box-sizing: border-box;
      }
      ul,
      ol,
      dl {
        list-style: none;
      }
      /*-----------------------------------
      #TAGS HTML5 BROWSER NO SUPPORT
      -------------------------------------*/
      article,
      aside,
      details,
      dialog,
      figcaption,
      figure,
      footer,
      header,
      main,
      nav,
      section,
      summary {
        display: block;
      }
      audio,
      canvas,
      video {
        display: inline-block;
      }
      audio:not([controls]) {
        display: none;
        height: 0;
      }
      dfn {
        font-style: italic;
      }
      mark {
        background-color: #ff0;
        color: #000;
      }
      /**
      * Add the correct font size in all browsers.
      */
      small {
        font-size: 80%;
      }
      code,
      kbd,
      pre,
      samp {
        font-family: monospace, serif;
        font-size: 1.6em;
      }
      /**
      * Add the correct font style in Android 4.3-.
      */
      dfn {
        font-style: italic;
      }
      /**
      * 1. Remove the bottom border in Firefox 39-.
      * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
      */
      abbr[title] {
        border-bottom: none;
        /* 1 */
        text-decoration: underline;
        /* 2 */
        text-decoration: underline dotted;
        /* 2 */
      }
      /**
      * 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;
      }
      /**
      * Remove the border on images inside links in IE 10-.
      */
      img {
        border-style: none;
      }
      /**
      * Hide the overflow in IE.
      */
      svg:not(:root) {
        overflow: hidden;
      }
      /**
      * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
      */
      b,
      strong {
        font-weight: inherit;
      }
      /**
      * Add the correct font weight in Chrome, Edge, and Safari.
      */
      b,
      strong {
        font-weight: bolder;
      }
      /*-----------------------------------
      #LINKS
      -------------------------------------*/
      a {
        cursor: pointer;
        background-color: transparent;
        text-decoration-skip: objects;
        -webkit-text-decoration-skip: objects;
      }
      a:focus,
      a:hover {
        text-decoration: underline;
      }
      a:visited,
      a:active {
        text-decoration: none;
      }
      a:active,
      a:hover {
        outline-width: 0;
      }
      /*-----------------------------------
      #HEADINGS, WITH AND WITHOUT LINK
      -------------------------------------*/
      h1 a,
      h2 a,
      h3 a,
      h4 a,
      h5 a,
      h6 a {
        color: inherit;
      }
      /*-----------------------------------
      #RESET TABLE
      -------------------------------------*/
      table {
        border-collapse: collapse;
        border-spacing: 0;
      }
      /*-----------------------------------
      #RESET FORM
      -------------------------------------*/
      /**
      * 1. Change the font styles in all browsers (opinionated).
      * 2. Remove the margin in Firefox and Safari.
      * 3. Remove shading to form elements 
      */
      button,
      input,
      optgroup,
      select,
      textarea {
        font-size: 100%;
        /* 1 */
        line-height: 1.15;
        /* 1 */
        margin: 0;
        /* 2 */
        -ms-appearance: none;
        /* 3 */
        -moz-appearance: none;
        /* 3 Firefox */
        -webkit-appearance: none;
        /* 3 Safari and Chrome */
      }
      /**
      * 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;
      }
      /**
      * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
      *    controls in Android 4.
      * 2. Correct the inability to style clickable types in iOS and Safari.
      */
      button,
      html [type="button"],
      [type="reset"],
      [type="submit"] {
        -webkit-appearance: button;
        /* 2 */
      }
      /**
      * 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;
      }
      /**
      * Change the border, margin, and padding in all browsers (opinionated).
      */
      fieldset {
        border: 0;
        margin: 0;
        padding: 0;
      }
      /**
      * 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 */
      }
      /**
      * 1. Add the correct display in IE 9-.
      * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
      */
      progress {
        display: inline-block;
        /* 1 */
        vertical-align: baseline;
        /* 2 */
      }
      /**
      * Remove the default vertical scrollbar in IE.
      */
      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 and cancel buttons in Chrome and Safari on macOS.
      */
      [type="search"]::-webkit-search-cancel-button,
      [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 */
      }
      [type="radio"]+label,
      [type="checkbox"]+label {
        cursor: pointer;
      }
      /*-----------------------------------
      #RESET INTERACTIVE
      -------------------------------------*/
      /*
      * Add the correct display in IE 9-.
      * 1. Add the correct display in Edge, IE, and Firefox.
      */
      details,
      menu {
        display: block;
      }
      /*
      * Add the correct display in all browsers.
      */
      summary {
        display: list-item;
      }
      /*-----------------------------------
      #RESET SCRIPTING
      -------------------------------------*/
      /**
      * Add the correct display in IE 9-.
      */
      canvas {
        display: inline-block;
      }
      /**
      * Add the correct display in IE.
      */
      template {
        display: none;
      }
      /*-----------------------------------
      #RESET HIDDEN
      -------------------------------------*/
      /**
      * Add the correct display in IE 10-.
      */
      [hidden] {
        display: none;
      }
      /*--------------------------------
      # END GENERIC RESET
      --------------------------------*/
      /*------------------------------------
      # ELEMENT BODY
      ------------------------------------*/
      body {
        position: relative;
        font-family: 'Open Sans', sans-serif;
        color: black;
        background-color: white;
        -webkit-text-size-adjust: 100%;
      }
      /*------------------------------------
      # END ELEMENT BODY
      ------------------------------------*/
      /*----------------------------------------------------------------
      # ELEMENT HEADINGS
      ------------------------------------------------------------------*/
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        margin: 0;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        color: black;
        line-height: 1.5;
      }
      h1 {
        font-size: 32px;
        font-size: 2rem;
      }
      h2 {
        font-size: 24px;
        font-size: 1.5rem;
      }
      h3 {
        font-size: 20px;
        font-size: 1.25rem;
      }
      h4 {
        font-size: 18px;
        font-size: 1.125rem;
      }
      h5 {
        font-size: 13px;
        font-size: 0.8125rem;
      }
      h6 {
        font-size: 11px;
        font-size: 0.6875rem;
      }
      /*----------------------------------------------------------------
      # END ELEMENT HEADINGS
      ------------------------------------------------------------------*/
      /*------------------------------------
      # ELEMENT HTML
      ------------------------------------*/
      html {
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        line-height: 1.5;
        min-height: 100%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        position: relative;
      }
      /*------------------------------------
      # END ELEMENT HTML
      ------------------------------------*/
      /*------------------------------------
      # ELEMENT IMAGE
      ------------------------------------*/
      img {
        max-width: 100%;
        font-style: italic;
        vertical-align: middle;
      }
      img,
      img[width],
      img[height] {
        max-width: none;
      }
      /*------------------------------------
      # END ELEMENT IMAGE
      ------------------------------------*/
      /*------------------------------------
      # ELEMENT LISTS
      -------------------------------------*/
      li>ul,
      li>ol {
        margin-bottom: 0;
      }
      /*------------------------------------
      # END ELEMENT LISTS
      -------------------------------------*/
      /*------------------------------------
      # OBJECTS AVATAR
      ------------------------------------*/
      .o-avatar {
        display: table;
      }
      .o-avatar__item {
        padding: 10px;
        vertical-align: top;
        display: table-cell;
      }
      .o-avatar--middle .o-avatar__item {
        vertical-align: middle;
      }
      .o-avatar--base .o-avatar__item {
        vertical-align: baseline;
      }
      /*------------------------------------
      # END OBJECTS AVATAR
      ------------------------------------*/
      /*------------------------------------
      # OBJECT LAYOUT UNO
      ------------------------------------*/
      .o-layout {
        max-width: 960px;
        margin: auto;
      }
      .o-layout__jumbo {
        position: relative;
        width: 100%;
        float: left;
      }
      .o-layout__content {
        position: relative;
        width: 70%;
        float: left;
      }
      .o-layout__sidebar {
        position: relative;
        width: 30%;
        float: left;
      }
      .o-layout--dynamic .o-layout__jumbo {
        width: 70%;
      }
      .o-layout--dynamic .o-layout__sidebar {
        float: none;
        display: inline-block;
      }
      /*------------------------------------
      # END OBJECT LAYOUT UNO
      ------------------------------------*/
      /*------------------------------------
      # OBJECT LAYOUT LIST
      ------------------------------------*/
      .o-list {
        border: 1px solid whitesmoke;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
      }
      .o-list__name {
        border-bottom: 1px solid whitesmoke;
        padding-top: 15px;
        padding-bottom: 15px;
      }
      .o-list__item {
        border-bottom: 1px solid whitesmoke;
      }
      .o-list__item:last-child {
        border-bottom: 0;
      }
      .o-list--inline .o-list__item {
        float: left;
        border: 0;
        padding-top: 10px;
        padding-bottom: 10px;
      }
      .o-list--inline .o-list__item:first-child {
        padding-left: 0;
      }
      .o-list--inline .o-list__item:last-child {
        padding-right: 0;
      }
      .o-list--flush {
        padding: 0;
      }
      /*------------------------------------
      # END OBJECT LIST
      ------------------------------------*/
      /*------------------------------------------------------------
      # OBJECT NORA
      -------------------------------------------------------------*/
      /*------------------------------------
      # OBJECT WRAPPER
      ------------------------------------*/

      /*------------------------------------
      # END OBJECT WRAPPER
      ------------------------------------*/
      
      .energiaxxi-wrapper {
        display: block;
        position: relative;
        width: 100%;
        max-width: 58em;
        margin: 0 auto;
        padding: 0 1em;
      }
      
      .energiaxxi-header{
        display: block;
        position: relative;
        width: 100%;
        background-image: linear-gradient(#d42c54, #d42c54);
        background-size: 100% 28px;
        background-repeat: no-repeat;
        background-position: top;
        padding-top: 2rem;
      }
      .energiaxxi-logo{
        position: relative;
        display: block;
        height: 43.406px;
        width: 167px;
        margin-top: calc(60px - 2rem);
        margin-left: 0.9rem;
        margin-bottom: 85px;
      }
      .energiaxxi-logo__link{
        background-image: url(https://image.digital.endesaclientes.com/lib/fe341570756405757c1478/m/1/380680bb-c9bc-445d-afbd-9eea8ed5c7c5.png);
        width: 167px;
        height: 43.406px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        display: block;
        position: relative;
      }
      .energiaxxi-logo__link:focus{
        outline-color: currentColor;
        outline-style: dotted;
        outline-width: 1px;
        color: #b32446;
      }
      .energiaxxi-logo__accesible{
        position: absolute !important;
        width: 0px;
        height: 0px;
        padding: 0;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        clip-path: inset(50%);
        border: 0;
        box-sizing: border-box;
      }
      .energiaxxi-fixed-footer{
        position: relative;
        min-height: calc(100vh - 188px);
        display: block;
        padding-bottom: 0;
      }
      .energiaxxi-main{
        position: relative;
        display: block;
        padding-bottom: 131px;
      }
      .energiaxxi-section{
        position:relative;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
      }
      .energiaxxi-section__title{
        font-family: 'Open Sans', sans-serif;
        font-size: 2rem;
        font-weight: 300;
        color: #333333;
      }
      .energiaxxi-section__title--strong{
        font-weight: 600;
      }
      .energiaxxi-message{
        margin: 1em 0 2em;
        display: block;
        width: 100%;
        max-width: 625px;
        padding: 1em;
        border-radius: 4px;
        border: 1px solid #BFD6EB;
        background-image: url(https://neoldlvespru.endesa.es/static/iberia/img/general/content/succes_notification_green.png);
        background-repeat: no-repeat;
        background-position: 22px 62px;
      }
      .energiaxxi-message--error{
        background-image: url(https://neoldlvespru.endesa.es/static/iberia/img/general/content/error_notification.png);
        background-position: 16px 34px;
      }
      .energiaxxi-message__text-container{
        display: block;
        position: relative;
        width: 100%;
        padding-left: 4.5em;
      }
      .energiaxxi-message__text-container--error{
        padding-left: 5em;
      }
      .energiaxxi-message__title{
        font-family: 'Open Sans', sans-serif;
        display: block;
        width: 100%;
        margin-bottom: 1.5em;
        font-weight: 700;
        font-size: 1rem;
        margin-top: 42px;
      }
      .energiaxxi-message__title--green{
        color: #24A727;
        margin-bottom: 0;
      }
      .energiaxxi-message__text{
        font-family: 'Open Sans', sans-serif;
        display: block;
        width: 100%;
        margin-bottom: 1.5em;
        color: #666666;
        font-weight: 400;
        font-size: 0.87em;
      }
      .energiaxxi-message__list{
        background-image: url(https://neoldlvespru.endesa.es/static/iberia/img/modulos/icons/ico-ok.png);
        background-repeat: no-repeat;
        background-position: 0 4px;
        padding-left: 20px;
        font-family: 'Open Sans', sans-serif;
        margin: 0 0 12px 34px;
        font-size: 0.81em;
        font-weight: 400;
        color: #666666;
        vertical-align: baseline;
        line-height: 1.5;
      }
      .energiaxxi-footer{
        background: #000000;
        padding: 2.5em 0 2em;
        position: relative;
        width: 100%;
        display: block;
        position: absolute;
        bottom: 0;
      }
      .energiaxxi-footer .energiaxxi-wrapper {
        display: block;
        position: relative;
        width: 100%;
        max-width: 76em;
        margin: 0 auto;
        padding: 0 1em;
      }
      .energiaxxi-footer__direction{
        display:block;
        width: 100%;
        padding: 0;
        margin: 0;
        position: relative;
        direction: rtl;
      }
      .energiaxxi-footer__menu-container{
        display: inline-block;
        position: relative;
        margin: 9px 0 8px;
        vertical-align: middle;
        text-align: left;
        width: 100%;
        max-width: calc(100% - 290px);
        direction: ltr;
  display:none;
      }
      .energiaxxi-footer__menu-container--rrss{
        text-align: right;
        width: 100%;
        max-width: 281px;
        padding-left: 5px;
  display: block;
      }
      .energiaxxi-footer__menu{
        font-family: 'Open Sans', sans-serif;
        font-size: .8125rem;
        position: relative;
        vertical-align: middle;
        display: inline-block;
      }
      .energiaxxi-footer__text{
        color: #ffffff;
        font-family: 'Open Sans', sans-serif;
        font-size: .8125rem;
        position: relative;
        vertical-align: middle;
        display: inline-block;
        padding-right: .5rem;
        border: none;
        border-right: 1px solid grey;
      }
      .energiaxxi-footer__text--rrss{
        border: none;
      }
      .energiaxxi-footer__links{
        display: inline-block;
        position: relative;
        vertical-align: middle;
      }
      .energiaxxi-footer__item{
        font-family: 'Open Sans', sans-serif;
        position: relative;
        display: inline-block;
        border: none;
        border-right: 1px solid grey;
        margin-right: .5rem;
        font-size: 0.75rem;
        color: #41b9e6;
        line-height: 15px;
        padding-right: .5rem;
        vertical-align: middle;
        cursor: pointer;
        text-decoration: none;
      }
      .energiaxxi-footer__item--rrss{
        border:none;
        margin-right: 0;
      }
      .energiaxxi-footer__item:last-child{
        border:none;
      }
      .energiaxxi-footer__link{
        color: #41b9e6;
      }
      .energiaxxi-footer__link:hover{
        color: #41b9e6;
      }
      .energiaxxi-footer__link:focus {
        outline-color: currentColor;
        outline-style: dotted;
        outline-width: 1px;
        color: #b32446;
      }
      .energiaxxi-footer__link-rrss{
        background-repeat: no-repeat;
        height: 32px;
        width: 32px;
        display: block;
        background-size: 32px 32px;
        vertical-align: middle;
        margin: 0;
      }
      .energiaxxi-footer__link-rrss--facebook{
        background-image: url(https://www.endesaclientes.com/blob/op-facebook.png);
      }
      .energiaxxi-footer__link-rrss:hover.energiaxxi-footer__link-rrss--facebook,.energiaxxi-footer__link-rrss:focus.energiaxxi-footer__link-rrss--facebook{
        background-image: url(https://www.endesaclientes.com/static/iberia/hover/blob/op-facebook.png);
      }
      .energiaxxi-footer__link-rrss--twitter{
        background-image: url(https://www.endesaclientes.com/blob/op-twitter.png);
      }
      .energiaxxi-footer__link-rrss:hover.energiaxxi-footer__link-rrss--twitter,.energiaxxi-footer__link-rrss:focus.energiaxxi-footer__link-rrss--twitter{
        background-image: url(https://www.endesaclientes.com/static/iberia/hover/blob/op-twitter.png);
      }
      .energiaxxi-footer__link-rrss--youtube{
        background-image: url(https://www.endesaclientes.com/blob/op-youtube.png);
      }
      .energiaxxi-footer__link-rrss:hover.energiaxxi-footer__link-rrss--youtube,.energiaxxi-footer__link-rrss:focus.energiaxxi-footer__link-rrss--youtube{
        background-image: url(https://www.endesaclientes.com/static/iberia/hover/blob/op-youtube.png);
      }
      .energiaxxi-footer__link-accesible{
        position: absolute !important;
        width: 0px;
        height: 0px;
        padding: 0;
        overflow: hidden;
        clip: rect(0,0,0,0);
        white-space: nowrap;
        clip-path: inset(50%);
        border: 0;
        box-sizing: border-box;
      }
      @media only screen and (min-width: 3500px) {
        .energiaxxi-footer__item:first-child{
          margin-left: .5rem;
        }
        .energiaxxi-footer__item--rrss:first-child{
          margin-left: 0;
        }
      }
      @media only screen and (min-width: 1280px) and (max-width: 3499.5px) {
        .energiaxxi-footer__item:first-child{
          margin-left: .5rem;
        }
        .energiaxxi-footer__item--rrss:first-child{
          margin-left: 0;
        }
      }
      @media only screen and (min-width: 1024px) and (max-width: 1279.5px) {
        .energiaxxi-footer__text{
          display: block;
          border:none;
        }
        .energiaxxi-footer__text--rrss{
          display: inline-block;
        }
        .energiaxxi-footer__menu-container{
          vertical-align: top;
        }
      }
      @media only screen and (min-width: 768px) and (max-width: 1023.5px) {
        .energiaxxi-message{
          max-width: 100%;
        }
        .energiaxxi-footer__text{
          border:none;
        }
        .energiaxxi-footer__menu-container{
          vertical-align: top;
        }
      }
      @media only screen and (max-width: 767.5px) {
        .energiaxxi-logo{
          margin-left: 0;
          margin-bottom: calc(60px - 2rem);
        }
        .energiaxxi-message__list{
        margin-left:0;
        }
        .energiaxxi-footer__direction{
          direction:ltr;
        }
        .energiaxxi-fixed-footer{
          min-height: 100vh;
        }
        .energiaxxi-main{padding-bottom: 196px;}
        .energiaxxi-footer__text{
          border: none;
          width: 100%;
          display: block;
        }
        .energiaxxi-footer__text{
          display: inline-block;
          width: inherit;
        }
        .energiaxxi-footer__text--rrss{
          padding-bottom:4px;
        }
        .energiaxxi-footer__menu-container{
          vertical-align: top;
          max-width: 100%;
        }
        .energiaxxi-footer__menu-container--rrss {
          text-align: left;
          padding: 0;
        }
      }