<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*#region FuentesExternas*/
@font-face {
  font-family: 'Inter-Regular';
  src: url('../fonts/Inter-Regular.eot');
  src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-Regular.woff2') format('font-woff2'), url('../fonts/Inter-Regular.woff') format('font-woff'), url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Medium';
  src: url('../fonts/Inter-Medium.eot');
  src: url('../fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-Medium.woff2') format('font-woff2'), url('../fonts/Inter-Medium.woff') format('font-woff'), url('../fonts/Inter-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Light';
  src: url('../fonts/Inter-Light.eot');
  src: url('../fonts/Inter-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-Light.woff2') format('font-woff2'), url('../fonts/Inter-Light.woff') format('font-woff'), url('../fonts/Inter-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inter-Bold';
  src: url('../fonts/Inter-Bold.eot');
  src: url('../fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter-Bold.woff2') format('font-woff2'), url('../fonts/Inter-Bold.woff') format('font-woff'), url('../fonts/Inter-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/*#endregion FuentesExternas*/

/*#region Generales*/
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

html {
  font-size: 16px;
  color: #19133B;
}

body {
  padding-top: 70px;
  background-color: #f6f6f6;
}

.img-responsive {
  width: 100%;
}

#navigationLanguage {
  z-index: 6;
}

#navigationMenu, #menufooter, #cookies-overlay {
  z-index: 5;
}
/*#endregion Generales*/

#navigationLanguage {
    top: 0;
    position: fixed;
    color: #FFF;
    background-color: #1626AA;
    width: 100%;
    padding: 5px 0 6px 0;
}

  #navigationLanguage &gt; .container {
    text-align: right;
  }

    #navigationLanguage &gt; .container &gt; div {
      display: inline-block;
    }

  #navigationLanguage .btn:focus {
    outline: none;
  }

  #navigationLanguage ul {
    background-color: #1626AA;
    list-style-type: none;
    margin-bottom: 0;
  }

    #navigationLanguage ul &gt; li &gt; a {
      color: #FFF;
      font-family: Inter-Regular;
      font-size: 0.625rem;
    }

  #navigationLanguage .btn {
    color: #FFF;
    font-family: Inter-Regular;
    font-size: 0.625rem;
    background-color: transparent;
    padding: 0;
  }

    #navigationLanguage .btn &gt; .fa {
      padding: 0 5px 0 3px;
    }

    #navigationLanguage .btn:hover, #navigationLanguage ul &gt; li &gt; a:hover {
      /*color: #FE4438;*/
      background-color: #1626AA;
    }

  #navigationLanguage ul &gt; li &gt; a .fa {
    margin-left: 20px;
    margin-right: 5px;
  }

#navigationMenu &gt; .container {
  background-color: #19133B;
  margin-left: auto;
}

.navbar {
  font-family: Inter-Regular;
  color: #FFF;
  margin-bottom: 0;
}

.navbar-inverse {
  background-color: #19133B;
  border-radius: 0;
  background-image: none;
  border: 0;
}

  .navbar-inverse .navbar-nav &gt; .open &gt; a,
  .navbar-inverse .navbar-nav &gt; .open &gt; a:hover,
  .navbar-inverse .navbar-nav &gt; .open &gt; a:focus,
  .nav .open &gt; a,
  .nav .open &gt; a:focus,
  .nav .open &gt; a:hover {
    color: #FFF;
    background-color: #19133B;
    background-image: none;
  }

.navbar-fixed-top {
  top: 30px;
}

.navbar-brand {
  padding: 15px 5px 0 5px;
}

.nav .btn {
  margin-top: 10px;
}

.navbar-header ul {
  /*color: blue;*/
  display: inline;
  line-height: 2.5;
  padding-left: 0;
}

.navbar-header li {
  display: inline;
}

.dropdown &gt; .dropdown-toggle {
  font-size: 1rem;
}

.dropdown-menu &gt; .dropdown-toggle {
  font-size: 0.875rem;
  padding-left: 30px;
  padding-right: 30px;
}

.navbar-nav &gt; li &gt; a {
  padding-left: 20px;
  padding-right: 20px;
}

.dropdown-menu {
  left: 0;
  color: #FFF;
  font-size: 0.875rem;
  line-height: 1.625rem;
  background-color: #19133B;
  border: 0;
}

.navbar-inverse .navbar-nav &gt; li &gt; a, .navbar-inverse .navbar-nav &gt; li &gt; ul &gt; li &gt; a {
  color: #FFF;
}

  .navbar-inverse .navbar-nav &gt; li &gt; ul &gt; li &gt; a:hover {
    color: #FE4438;
  }

#navigationMenu .dropdown-menu &gt; li &gt; a:hover, #navigationMenu .dropdown-menu &gt; li &gt; a:focus {
  background-color: #19133B;
  background-image: none;
}

section, .carousel-indicators, .carousel-control {
  z-index: 1;
}

.item img {
  width: 100%;
}

#slide {
  display: none;
  margin-top: 10px;
}

  #slide ol.carousel-indicators li {
    border-color: #fe4438;
  }

    #slide ol.carousel-indicators li.active {
      background-color: #fe4438;
      border-color: #fe4438;
    }

  #slide &gt; #carouselImagenes &gt; .carousel-control {
    display: none;
  }

:focus, a:focus {
  outline: none;
}

section.container {
  width: 100%;
}

  section.container:not(.barra) {
    padding: 0;
  }

section#acciones &gt; .row &gt; div {
  padding-bottom: 4rem;
}

section#acciones &gt; .row &gt; div &gt; h3 {
  margin-right: 0;
}

section#acciones &gt; .row &gt; div &gt; form &gt; .form-group &gt; .input-group &gt; .form-control, section#acciones &gt; .row &gt; div &gt; form &gt; .form-group &gt; .form-control, #buscadorOficinas &gt; .form-inline &gt; .form-group &gt; .input-group &gt; .form-control {
  font-family: Inter-Regular;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

section#acciones &gt; .row &gt; #concertacionEntrega &gt; form &gt; .form-group {
  width: 95%;
}

/*section#acciones &gt; .row &gt; div:not(:last-of-type) {
  border-right: 3px;
  border-color: #1626AA;
  border-right-style: solid;
}*/

.btn-default.btn-ambito:active, .btn-default.btn-ambito:hover {
  color: #FFF;
  background-color: #C3110A;
}

.btn-default.btn-ambito:focus {
    color: #FFF;
    /*background-color: #FE4438;*/
    background-color: #C83228;
}

section#acciones .btn-default.btn-action:active, section#acciones .btn-default.btn-action:hover, section#acciones .btn-default.btn-action:focus, section#acciones .btn-default.btn-action:active:focus
#buscadorOficinas .btn-default.btn-action:active, #buscadorOficinas .btn-default.btn-action:hover, #buscadorOficinas .btn-default.btn-action:focus {
  color: #FFF;
  background-color: #0f1478;
}

.aligned-row {
  display: flex;
  margin: 0;
  flex-flow: row wrap;
}

#acciones h3 {
  font-family: Inter-Medium;
  font-size: 1.75rem;
  line-height: 2.125rem;
  margin-bottom: 35px;
}

/*section#acciones .btn.btn-ambito:nth-of-type(1),*/ section#acciones &gt; .row &gt; #concertacionEntrega &gt; form &gt; .form-group &gt; .form-control {
  margin-bottom: 10px;
}

#seguimientoEnvio.form-inline input.group, #frmLocalizadorOficinas.form-inline input.group {
  width: 95%;
}

#frmConcertarEntrega &gt; form-group &gt; input.form-control {
  width: 10%;
  margin-bottom: 10px;
}

#frmConcertarEntrega div.input-group &gt; input.form-control {
  width: 100%;
}

.btn {
  font-family: Inter-Regular;
}

.btn-action {
  width: 3.75rem;
  height: 3.75rem;
  background-color: #1626aa;
  border: 0;
  border-radius: 0;
}

  .btn-action:hover, .btn-action:active {
    background-color: #0f1478;
  }

  .btn-action:focus {
    border: 0;
    outline: 0;
  }

.btn-default:active, .btn-default:focus, .btn-default:hover, .btn-default:active:focus {
  border: none;
  outline: none;
}

.btn-rectangular {
    color: #FFF;
    /*background-color: #FE4438;*/
    background-color: #C83228;
    font-family: Inter-Regular;
    font-size: 1.125rem;
    width: 20rem;
    height: 2.813rem;
    line-height: 1.9;
    margin: 1rem 0;
    vertical-align: middle;
    border: 0;
    border-radius: 0;
}

.btn-rectangular.azul-electrico {
  background-color: #1626aa;
}

.new-wrapper &gt; section &gt; div .btn-rectangular.azul-electrico:hover, .new-wrapper &gt; section &gt; div .btn-rectangular.azul-electrico:focus, .new-wrapper &gt; section &gt; div .btn-rectangular.azul-electrico:active {
  background-color: #0f1478;
  color: #fff;
}

.btn-rectangular.blanco-electrico {
  background-color: #fff;
  color: #1626aa;
  border: 2px solid #1626aa;
  font-family: Inter-Medium;
}

.new-wrapper &gt; section &gt; div .btn-rectangular.blanco-electrico:hover, .new-wrapper &gt; section &gt; div .btn-rectangular.blanco-electrico:focus, .new-wrapper &gt; section &gt; div .btn-rectangular.blanco-electrico:active {
  background-color: #1626aa;
  color: #fff;
}

.btn-rectangular.azul-oscuro {
  background-color: #19133b;
}

.btn-rectangular.formularios {
  height: 2.813rem;
  width: 20rem;
  line-height: 1.75;
  margin: 1rem 0;
}

.btn-rectangular.x2 {
  width: 20rem;
}

#solidario .btn-rectangular.x2 {
  width: 21rem;
}

.btn-rectangular:hover, .btn-rectangular:focus, .btn-rectangular:not(.azul-oscuro):active {
  color: #FFF;
  background-color: #C3110A;
}
.btn-rectangular:not(.azul-oscuro):not(.blanco-electrico) {
  color: #FFF;
}
.btn-rectangular:active:visited:focus, btn-default:visited, btn-default:active:visited:focus {
    color: #FFF;
    /*background-color: #FE4438;*/
    background-color: #C83228;
}

.btn-ambito {
    color: #FFF;
    /*background-color: #FE4438;*/
    background-color: #C83228;
    width: 240px;
    height: 60px;
    line-height: 3.5;
    vertical-align: middle;
    border: 0;
    border-radius: 0;
}

  .btn-ambito:hover, btn-default:hover {
    color: #FFF;
    background-color: #C3110A;
  }

    .btn-ambito:active:visited:focus, btn-default:active:visited:focus {
        color: #FFF;
        /*background-color: #FE4438;*/
        background-color: #C83228;
    }

section#serviciosDestacados.container {
  background-color: #f6f6f6;
}

section#serviciosDestacados .row {
  width: 85%;
  margin-top: 4%;
}

section#serviciosDestacados h2 {
  font-family: Inter-Medium;
  font-size: 2.5rem;
  color: #19133B;
  text-align: center;
  margin-top: 3.2rem;
}

section#serviciosDestacados img {
  margin: 10% 0;
  width: 108px;
  height: 108px;
}

section#serviciosDestacados h3 {
  margin: 0 0 30% 0;
  font-family: Inter-Medium;
  font-size: 1.625rem;
  color: #19133B;
}

.webp section#error404.container {
  background: url('/img/404-es.webp') no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-color: #19133B;
}

.no-webp section#error404.container {
  background: url('/img/404-es.jpg') no-repeat;
  background-size: cover;
  background-position: center bottom;
  background-color: #19133B;
}

section#error404.container &gt; div {
  width: 50%;
}

  section#error404.container &gt; div:nth-child(1) {
    margin: 4% 0 0 15%;
  }

  section#error404.container &gt; div &gt; p {
    font-family: Inter-Medium;
    text-align: left;
  }

  section#error404.container &gt; div:nth-child(2) {
    margin: 2% 0 10% 15%;
    text-align: left;
  }

  section#error404.container &gt; div &gt; p:nth-child(1) {
    color: #FE4438;
    font-size: 6rem;
    font-weight: 700;
  }

  section#error404.container &gt; div &gt; p:nth-child(2) {
    color: #FFF;
    font-size: 4rem;
    line-height: 5rem;
  }

  section#error404.container &gt; div &gt; p:nth-child(3) {
    color: #19133B;
    font-size: 1.5rem;
    margin-top: 4%;
  }

footer {
  text-align: left;
}

  footer .footer-links {
    padding: 2rem 0.625rem 0;
  }

  footer &gt; .container-fluid {
    width: 80%;
  }

  footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  footer li {
    margin-bottom: 0.3rem;
  }

  footer h3, footer ul &gt; li &gt; a {
    color: #FFF;
    font-size: 0.875rem;
  }

  footer h3 {
    font-family: Inter-Medium;
    margin-bottom: 0.9rem;
  }

  footer ul &gt; li &gt; a {
    font-family: Inter-Regular;
  }

    footer ul &gt; li &gt; a:hover, footer ul &gt; li &gt; a:focus {
      color: #FE4438;
    }

#social .fa-brands {
  margin-right: 0.35rem;
}

#social li {
  display: inline-block;
  padding: 1rem 0;
}

#menuLegal {
  margin-top: 2.5rem;
  padding-bottom: 0.6rem;
}

  #menuLegal ul {
    text-align: center;
  }

  #menuLegal li {
    display: inline-block;
    padding-right: 2rem;
    color: #FFF;
    font-family: Inter-Light;
    font-size: 0.75rem;
  }

  #menuLegal ul &gt; li &gt; a {
    font-family: Inter-Light;
    font-size: 0.75rem;
  }

.cookies-overlay {
  display: none;
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #1626AA;
  color: #fff;
  z-index: 99999;
  min-height: 80px;
  opacity: 0.85;
  padding: 15px 0;
  margin: 0 auto;
}

  .cookies-overlay .close {
    opacity: 1;
  }

    .cookies-overlay .close:hover, .cookies-overlay .close:focus {
      color: #fff;
      opacity: 1;
    }

.cookies-wrapper {
  width: 95%;
  margin: 10px auto;
}

  .cookies-wrapper p {
    font-family: Inter-Regular;
    font-size: 0.75rem;
    line-height: 18px;
    color: #fff;
    text-align: left;
  }

    .cookies-wrapper p &gt; a {
      color: #fff;
    }

  .cookies-wrapper a.close {
    color: #fff;
  }

.section {
  border: 0;
}

/* Estilos páginas nuevas */
/*#solidario &gt; #descripcion {
  margin-top: 10px;
}*/

/* Estilos que se aplican a los textos de todas las páginas*/
/* Pagina resumen productos - Listado 3 col de Firma */
.wrapper &gt; .main-column.form {
  width: 80%;
}

.wrapper.new {
  width: auto;
}

.wrapper &gt; .main-column.new {
  width: 95%;
  min-width: 300px;
  margin: 0 auto;
  float: none;
}

.post, .filter-section .section-title {
  border-bottom: none;
}

#products.section.filter-section {
  color: #19133B;  
}

#products.section.filter-section.condiciones-venta { 
  min-height: 468px;
}

  #products.section.filter-section .product a &gt; img.product-icon, #products.section.filter-section .product-extens a &gt; img.product-icon {
    width: 40px;
    height: 40px;
  }

/* H1...H3 Definitivos
   Eliminar los !important cuando se quitne los SEO - Para elminar .... */
h1.page-title {
  font-family: Inter-Medium;
  font-size: 2.5rem;
  line-height: 3rem;
}

h2.page-subtitle {
  font-family: Inter-Light;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

h3.section-title {
  font-family: Inter-Medium;
  font-size: 1.625rem;
  line-height: 2.125rem;
}

  h3.section-title.left-of {
    margin-top: 0;
    margin-bottom: 2rem;
    padding-top: 0;
  }

  h3.section-title:not(.left-of) {
    margin-top: 1rem;
    padding-top: 1.75rem;
    border-top: #9B9B9B 1px solid;
  }

h4.section-subtitle {
  font-family: Inter-Medium;
  font-size: 1.25rem;
  line-height: 1.75rem;
  border-bottom: 0 !important;
  padding: 0 !important;
}
/* FIn H1...H3 Definitivos */


/* SEO - Para eliminar tras revisión h1..h6 */
h2.stone-medium.section-title, #news.section.filter-section h2.stone-medium.section-title, #press.section.filter-section h2.stone-medium.section-title {
  font-family: Inter-Medium;
  font-size: 2.5rem;
  line-height: 3rem;
}
/* Fin */

section.filter-section h3.stone-medium.section-subtitle {
  font-family: Inter-Medium;
  font-size: 1.625rem;
  line-height: 2.125rem;
}

#products.section.filter-section dt.stone-semi.product-title &gt; a, #products.section.filter-section .loc &gt; .loc-info &gt; .loc-title &gt; a, #products.section.filter-section .product &gt; .product-header &gt; .product-title &gt; a,
#newsWidget1.section.filter-section dt.stone-semi.product-title &gt; a, #news.section.filter-section h3.stone-semi.post-title, #press.section.filter-section h3.stone-semi.post-title &gt; a,
#press.section.filter-section dt.stone-semi.product-title &gt; a, #news.section.filter-section h3.stone-medium, #news.section.filter-section h3.stone-semi.post-title &gt; a,
#products.section.filter-section dt.stone-semi.pack-title &gt; a, #news.section.filter-section dt.stone-semi.doc-title &gt; a, #news.section.filter-section .stone-medium.title {
  font-family: Inter-Medium;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #19133B;
}

#products.section.filter-section .product &gt; .product-header {
  margin-bottom: 1.75rem;
}

  #products.section.filter-section .product &gt; .product-header &gt; .product-tile &gt; a {
    font-weight: 700;
  }

#products.section.filter-section .product &gt; .product-description {
  width: 100%;
}

#news.section.filter-section h3.stone-semi.post-title.border-top {
  border-top: #CCC 1px solid;
  padding-top: 1.125rem;
  margin-bottom: 2rem;
}

#news.section.filter-section .product-icon-wrapper {
  margin-right: 0;
  width: 50px;
}

#news.section.filter-section img.product-icon {
  width: 40px;
  height: 40px;
}

#news.section.filter-section dt.stone-semi.product-title &gt; a {
  font-family: Inter-Medium;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #19133B;
}

/* Pagina de producto - Listado 3 col de Firma */
#product-header {
  margin-top: 20px;
  margin-bottom: 20px;
}

  #product-header.without-icon {
    margin-top: 0;
    margin-bottom: 20px;
  }

#products.section.filter-section #product-header img.product-icon {
  width: 60px;
  height: 60px;
}

#products.section.filter-section .product-header &gt; .product-icon-wrapper {
  margin-right: 0;
}

.section.filter-section h1#product-name.section-title {
  margin: 0;
  font-family: Inter-Medium;
  font-size: 2.5rem;
  line-height: 3rem;
  color: #19133B;
}
/* SEO - Para eliminar tras revisión h1..h6 */
#products.section.filter-section h2#product-name.stone-medium {
  margin: 0;
  font-family: Inter-Medium;
  font-size: 2.5rem;
  line-height: 3rem;
}
/* Fin */

.section.filter-section h2#product-subtitle.section-subtitle {
  font-family: Inter-Light;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #19133B;
  border-bottom: 0;
}
/* SEO - Para eliminar tras revisión h1..h6 */
#products.section.filter-section h3#product-subtitle.stone-medium, #products.section.filter-section product-specs p strong,
#press.section.filter-section .post .entry {
  font-family: Inter-Light;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #19133B;
}
  /* Fin */

    #products.section.filter-section #product-specs p, #products.section.filter-section #product-specs p &gt; a, #products.section.filter-section #product-specs p &gt; strong &gt; a,
    #product-specs &gt; div &gt; p:nth-child(6) &gt; span:nth-child(4) &gt; a:nth-child(1),
    #product-specs &gt; div &gt; p:nth-child(6) &gt; span:nth-child(4) &gt; a:nth-child(2),
    #products.section.filter-section dd.entry.product-description &gt; p, #products.section.filter-section .entry &gt; p, #products.section.filter-section .entry &gt; p &gt; a,
    #products.section.filter-section .entry li, #products.section.filter-section .loc p, #products.section.filter-section p:not(#msgLeftOfButton),
    #products.section.filter-section ol &gt; li, #products.section.filter-section ol &gt; li &gt; a,
    #products.section.filter-section ul &gt; li, #products.section.filter-section ul &gt; li &gt; a,
    #sobreMrw.section.filter-section p, #news.section.filter-section p, #news.section.filter-section .post p, #press.section.filter-section .post p, #press.section.filter-section .post .entry &gt; a.more,
    #news.section.filter-section .post ul &gt; li, #news.section.filter-section #product-specs ul &gt; li, #news.section.filter-section &gt; .wrapper &gt; .main-column &gt; ul &gt; li,
    .table-of-contents &gt; ul &gt; li, .table-of-contents &gt; ul &gt; li &gt; a, .table-of-contents &gt; ol &gt; li &gt; a, #modalMensaje .modal-body &gt; p {
        font-family: Inter-Regular;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #19133B;
    }

#products.section.filter-section &gt; div &gt; div &gt; .entry &gt; p.italic-14px {
  font-size: 0.875rem !important;
  font-style: italic;
}

.table-of-contents &gt; ul &gt; li &gt; a, .table-of-contents &gt; ol &gt; li &gt; a, #press.section.filter-section .post .entry &gt; a.more, #news.section.filter-section p &gt; a, #products.section.filter-section p &gt; a,
#products.section.filter-section ol &gt; li &gt; a, #products.section.filter-section ul &gt; li &gt; a, #cookies-overlay &gt; .cookies-wrapper.row &gt; div &gt; p &gt; a,
#product-specs &gt; div &gt; p:nth-child(6) &gt; span:nth-child(4) &gt; a:nth-child(1),
#product-specs &gt; div &gt; p:nth-child(6) &gt; span:nth-child(4) &gt; a:nth-child(2) {
    text-decoration: underline;
}

    #news.section.filter-section p &gt; a:not(.btn-green) {
        color: #2a6496; /* CUMPLE WCAG2.1*/
    }
    #news.section.filter-section p &gt; a.btn-green {
        background-color: #006622; /* CUMPLE WCAG2.1*/
    }

  .table-of-contents &gt; ul &gt; li &gt; a:hover, .table-of-contents &gt; ol &gt; li &gt; a:hover, #press.section.filter-section .post .entry &gt; a.more:hover,
  #news.section.filter-section p &gt; a:hover, #products.section.filter-section p &gt; a:hover, #products.section.filter-section #product-specs p &gt; a:hover,
  #products.section.filter-section #product-specs p &gt; strong &gt; a:hover, #products.section.filter-section ol &gt; li &gt; a:hover, #products.section.filter-section ul &gt; li &gt; a:hover,
  #cookies-overlay &gt; .cookies-wrapper.row &gt; div &gt; p &gt; a:hover {
    color: #FE4438;
  }

#products.section.filter-section #product-specs h2 /*, #products.section.filter-section .sinMenuLateral h2*/ {
  font-family: Inter-Medium;
  font-size: 1.625rem;
  line-height: 2.125rem;
}

#products.section.filter-section &gt; .wrapper &gt; .main-column .product {
  margin-top: 1.565rem;
}

/* Continuar aquí con servicios con descuento */
.subsection-title {
  font-family: Inter-Medium;
  font-size: 2rem;
  line-height: 2.125rem;
  border-top: #9B9B9B 1px solid;
  margin-top: 1rem;
  padding-top: 1.75rem;
}

/* SEO - Para eliminar tras revisión h1..h6 */
h4.stone-medium.subsection-title, .section.filter-section h3 {
  font-family: Inter-Medium;
  font-size: 1.625rem;
  line-height: 2.125rem;
}

h4.stone-medium.subsection-title {
  margin-top: 2rem;
  padding-top: 1.75rem;
}

section &gt; div &gt; h2.stone-medium.subsection-title, section &gt; div &gt; div &gt; h2.stone-medium.subsection-title {
  font-family: Inter-Bold;
  font-size: 1.375rem;
  border-top: 0;
  margin-top: 1rem;
  padding-top: 0;
}
/*Fin*/

h4.subsection-subtitle {
  font-family: Inter-Medium;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

#products.section.filter-section dt.stone-semi.product-tile &gt; a {
  font-family: Inter-Medium;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

img.product-icon {
  vertical-align: baseline;
  margin-bottom: 5px;
}

#news .row &gt; .product-extens {
  margin-bottom: 1.5rem;
}

  #news .row &gt; .product-extens &gt; .product-info {
    width: auto;
  }

.product-extens {
  height: auto;
}

#news &gt; :not(#contacto-paqueteria) .product-extens {
  width: auto;
}

.product-extens &gt; dl, .product-extens &gt; dl &gt; .product-tile {
  margin-top: 8px;
  margin-bottom: 0px;
}

.product-extens.col-xs-6.col-sm-6.col-md-6.col-lg-3:nth-of-type(1), .product-extens.col-xs-12.col-sm-6 {
  padding-left: 0;
}

.row.aligned-row &gt; .product-extens &gt; .product-icon-wrapper {
  margin-right: 0;
}

.product-img-wrapper {
  border: none;
  margin-bottom: 20px;
}

.product-extens.col-xs-6.col-sm-6.col-md-6.col-lg-3 &gt; dl &gt; dd {
  padding-right: 1rem;
}

#solucionesEcommerce &gt; .product, .loc, #products.section.filter-section .row.aligned-row &gt; .product, #products.section.filter-section .row.aligned-row &gt; .pack {
  height: auto;
}

.row.aligned-row &gt; .product &gt; .product-info, .row.aligned-row &gt; .product &gt; .product-info &gt; .product-description,
.row.aligned-row &gt; .pack &gt; .pack-info, .row.aligned-row &gt; .pack &gt; .pack-info &gt; .pack-description, .row &gt; dl &gt; .pack-description {
  width: auto;
}

.pack-icon-wrapper.col-xs-6, .pack-info.col-xs-6 {
  padding-right: 0;
  padding-left: 0;
}

.row &gt; .pack-icon-wrapper {
  margin-right: 0;
}

.row.aligned-row &gt; .product {
  padding-left: 0;
}

#news.section.filter-section h2.stone-medium.section-title, #news.section.filter-section h3.stone-medium.section-title {
  font-family: Inter-Medium;
  font-size: 2.5rem;
  line-height: 3rem;
}

#news.section.filter-section h3.stone-medium.post-title {
  font-family: Inter-Light;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

#news.section.filter-section #alertas-sms .stone-medium.title {
  margin-top: 0;
}

#sobreMrw.section.filter-section .wrapper, #sobreMrw.section.filter-section .wrapper &gt; .main-column {
  width: 100%;
}

  #sobreMrw.section.filter-section .wrapper &gt; .main-column {
    padding: 0;
  }

    #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(1) &gt; .col-xs-12.col-sm-6:nth-of-type(2),
    #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(2) &gt; .col-xs-12.col-sm-6:nth-of-type(1) {
      padding: 0;
      height: 100%;
    }

      #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(1) &gt; .col-xs-12.col-sm-6:nth-of-type(2) &gt; div,
      #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(2) &gt; .col-xs-12.col-sm-6:nth-of-type(1) &gt; div {
        background-color: #19133B;
        height: 100%;
      }

    #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(1) &gt; .col-xs-12.col-sm-6:nth-of-type(1),
    #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(2) &gt; .col-xs-12.col-sm-6:nth-of-type(2) {
      padding: 1.5rem;
    }


#sobreMrw.wrapper {
  padding: 0;
}

#sobreMrw.section.filter-section h2.stone-medium.section-title {
  font-family: Inter-Medium;
  font-size: 2.5rem;
  line-height: 3rem;
  border-bottom: none;
}

#sobreMrw.section.filter-section h3.stone-medium.post-title {
  font-family: Inter-Light;
  font-size: 1.25rem;
  line-height: 1.75;
}

#sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row &gt; .col-xs-12.col-sm-6 &gt; .post {
  border-bottom: none;
  margin-bottom: 0;
}

#sobreMrw .row:nth-of-type(3) {
  margin: 0;
  background-color: #1626AA;
}

  #sobreMrw .row:nth-of-type(3) &gt; div {
    padding: 0 20px;
  }

#sobreMrw .row &gt; div &gt; h3, #sobreMrw .row &gt; div &gt; .post {
  border-bottom: 0;
}

#sobreMrw .row:nth-of-type(3) &gt; div &gt; h3.stone-medium.section-title {
  color: #FFF;
  font-family: Inter-Medium;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

#sobreMrw .row:nth-of-type(3) &gt; div &gt; .post &gt; .entry &gt; p {
  color: #FFF;
  font-family: Inter-Regular;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.barra {
  width: 100%;
  background-color: #1626aa;
  clear: both;
  margin: 0 auto;
  padding: 1.5rem 0;
}

#rowBarra.row {
  width: 65%;
  margin: 0 auto;
}

  #rowBarra.row .btn-ambito {
    font-family: Inter-Regular;
  }

#encuentraTuOficina.barra {
  padding: 0;
}

#encuentraTuOficina &gt; #oficina.row &gt; div:first-of-type {
  border-bottom-width: 2px;
  /*border-bottom-color: #fe4438;*/
  border-bottom-color: #19133b;
  border-bottom-style: solid;
}

#encuentraTuOficina &gt; section#oficina.row &gt; div {
  padding: 1rem;
}

  #encuentraTuOficina &gt; section#oficina.row &gt; div:nth-of-type(1) &gt; div &gt; p {
    font-family: Inter-Medium;
    font-size: 1.25rem;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    float: none;
    text-align: left;
  }

#encuentraTuOficina &gt; section#oficina.row input.form-control {
  font-family: Inter-Regular;
  font-size: 1.25rem;
  height: 3.75rem;
  border-radius: 0;
}

#encuentraTuOficina &gt; section#oficina.row .btn-action {
  /*background-color: #fe4438;*/
  background-color: #19133b;
}

#encuentraTuOficina &gt; section#oficina.row img {
  width: auto;
  height: auto;
}

#encuentraTuOficina &gt; section#oficina.row &gt; div:nth-of-type(2) &gt; a:nth-of-type(1) {
  display: flex;
  align-items: center;
}

#encuentraTuOficina &gt; section#oficina.row &gt; div:nth-of-type(2) a, #encuentraTuOficina &gt; section#oficina.row &gt; div:nth-of-type(2) div {
  padding-left: 0;
  padding-right: 0;
}

#encuentraTuOficina &gt; section#oficina.row .icono {
  float: none;
  margin: 0;
}

#encuentraTuOficina &gt; section#oficina.row &gt; div:nth-of-type(2) a h2 {
  font-family: Inter-Bold;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: #fff;
}

#encuentraTuOficina &gt; section#oficina.row &gt; div:nth-of-type(2) div h3 {
  margin-top: 0;
  margin-bottom: 1rem;
}

#encuentraTuOficina.barra &gt; #rowBarra h3 &gt; a {
  color: #FFF;
}

#encuentraTuOficina &gt; section#oficina.row &gt; div:nth-of-type(2) div h3 a {
  color: #fff;
}

section#oficina.row &gt; div:nth-of-type(2) div h3 i {
  width: 1.8rem;
}

section#oficina.row &gt; div:nth-of-type(2) div h3 &gt; #separadorTelefono {
  display: none;
}

section#oficina.row &gt; div:nth-of-type(2) div h3 &gt; #telefonoClientes2 {
  display: block;
  line-height: normal;
  margin-left: 2rem;
}

section#oficina.row &gt; div:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

  section#oficina.row &gt; div:nth-of-type(2) &gt; div.row {
    margin: 0;
  }

#encuentraTuOficina &gt; #oficina.row &gt; div:nth-of-type(2) &gt; div.row &gt; div &gt; p#textoClientes,
body:not([data-title="contacto"]) #oficina.row &gt; div:nth-of-type(2) &gt; div.row &gt; a:nth-of-type(2) {
  display: none;
}

#encuentraTuOficina &gt; section#oficina.row &gt; div:nth-of-type(2) &gt; div.row &gt; *:last-child &gt; h3 {
  margin-bottom: 0;
}

  #encuentraTuOficina &gt; section#oficina.row &gt; div:nth-of-type(2) &gt; div.row &gt; *:last-child &gt; h3 + p {
    margin-top: 1rem;
  }

#encuentraTuOficina.barra &gt; #rowBarra &gt; div:nth-of-type(2), #buzonContacto.barra &gt; #rowBarra &gt; div:nth-of-type(2), #buzonSugerencias.barra &gt; #rowBarra &gt; div:nth-of-type(2),
#accesoBurofax.barra &gt; #rowBarra &gt; div:nth-of-type(2), #trabajaConNosotros.barra &gt; #rowBarra &gt; div:nth-of-type(2), #comoRealizarEnvios.barra &gt; #rowBarra &gt; div:nth-of-type(2),
#comoFunciona.barra &gt; #rowBarra &gt; div:nth-of-type(2), #webEcommerce.barra &gt; #rowBarra &gt; div:nth-of-type(2), #webMinisterio.barra &gt; #rowBarra &gt; div:nth-of-type(2) {
  margin-top: 25px;
}

#encuentraTuOficina.barra &gt; #rowBarra &gt; div:nth-of-type(1) &gt; div:nth-of-type(2) &gt; h3 {
  margin-top: 35px;
  font-size: 2rem;
}

#encuentraTuOficina.barra &gt; #rowBarra &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) {
  float: right;
}

#encuentraTuOficina.barra &gt; #rowBarra &gt; div:nth-of-type(2) &gt; div &gt; p {
  font-size: 1.25rem;
  max-width: 120px;
  line-height: 1.75rem;
  text-align: left;
  margin-top: 0;
}

#buzonContacto.barra &gt; #rowBarra &gt; div:nth-of-type(2), #buzonSugerencias.barra &gt; #rowBarra &gt; div:nth-of-type(2), #accesoBurofax.barra &gt; #rowBarra &gt; div:nth-of-type(2),
#comoRealizarEnvios.barra &gt; #rowBarra &gt; div:nth-of-type(2), #comoFunciona.barra &gt; #rowBarra &gt; div:nth-of-type(2), #webEcommerce.barra &gt; #rowBarra &gt; div:nth-of-type(2),
#webMinisterio.barra &gt; #rowBarra &gt; div:nth-of-type(2) {
  padding-right: 0;
}

#trabajaConNosotros.barra {
  background: url("../img/barra-trabaja-con-nosotros_large.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 160px;
}

  #trabajaConNosotros.barra &gt; #rowBarra &gt; div h4 {
    text-align: left;
  }

.barra .icono {
  float: left;
  margin-top: 20px;
  margin-right: 30px;
}

.barra img {
  width: 70px;
  height: 70px;
}

.barra h3 {
  color: #FFF;
  font-family: Inter-Medium;
  font-size: 1.625rem;
  margin-bottom: 0.625rem;
}

.barra &gt; #oficina h3 {
  font-size: 1.375rem;
}

.container.barra h3 {
  text-align: left;
}

.barra h4 {
  color: #FFF;
  font-family: Inter-Light;
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin-top: 10px;
  margin-bottom: 20px;
}

.barra p {
  color: #FFF;
  float: left;
  font-family: Inter-Regular;
  font-size: .875rem;
  margin-top: 20px;
  margin-bottom: 0;
}

#encuentraTuOficina.barra p, #oficinas &gt; #oficina &gt; div:nth-of-type(2) &gt; div.row &gt; div:nth-of-type(1) p {
  float: none;
  margin-top: 10px;
  font-family: Inter-Light;
  font-size: 1.25rem;
}

.barra .btn-ambito {
  width: 200px;
}

#menuLateralContainer ~ .section.filter-section &gt; .wrapper.new:not(#memoriaSocial):not(#seguimientoEnvio):not(#estudiantes):not(#mrwburofax) {
  min-height: calc(100vh - 60px);
}

.wrapper.new#seguimientoEnvio {
  min-height: calc(100vh - 450px);
  margin-bottom: 1rem;
}

#seguimientoEnvio.wrapper.new &gt; .main-column.new &gt; .row {
  /*margin-top: 1.5rem;*/
  margin-bottom: 1.5rem;
}

#seguimientoEnvio.wrapper.new i.fa {
  color: #19133b;
}

  #seguimientoEnvio.wrapper.new i.fa:last-of-type {
    margin-left: .5rem;
  }

#seguimientoEnvio.wrapper.new &gt; .main-column.new form#seguimiento-email .text-right {
  padding-right: 0;
}

#seguimientoEnvio.wrapper.new &gt; .main-column.new .gris {
  background-color: #c9c9c9;
  color: #333333; /*CUMPLE WCAG2.1*/
}

  #seguimientoEnvio.wrapper.new &gt; .main-column.new .gris:hover {
    background-color: #9b9b9b;
  }


.section-footer {
  display: flex;
  padding: 0;
  overflow: unset;
  clear: none;
}

.section-footer &gt; div:first-of-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-footer &gt; div:last-of-type {
  margin-left: auto;
}

.info, .error, succeed {
  border-radius: 0;
}

.table-of-contents &gt; ul {
  list-style-type: none;
  padding-left: 0;
}

.table-of-contents &gt; ol {
  padding-left: 0;
}

ol {
  list-style-position: inside;
}

.anchor-link {
  position: relative;
}

  .anchor-link a {
    position: absolute;
    top: -90px;
  }

#press.section.filter-section p.metadata {
    font-family: Inter-Light;
    font-size: 0.875rem;
    /*line-height: 0.625rem;*/
    color: #6C6C6C; /* CUMPLE WCAG2.1 */
    margin-bottom: 0;
}

#press.section.filter-section .section-footer .actual-page,
#press.section.filter-section .section-footer .page.actual &gt; a,
#press.section.filter-section .section-footer .page &gt; a {
  font-family: Inter-Light;
  font-size: 1rem;
  color: #19133B;
  margin-bottom: 0;
}

#press.section.filter-section .post.flex-container h3 {
  margin-top: 0;
}

.list-2-column {
  border: 0;
}

  .list-2-column li {
    font-family: Inter-Light;
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding: 1rem 0;
  }

.cols2 {
  margin-top: 1.5rem;
  font-family: Sa
}

.pack.col-xs-6.col-lg-4 {
  padding-left: 0;
}



/*NUEVO NAVBAR*/
.navbar-brand {
  width: 150px;
}

.dropdown-submenu {
  position: relative;
}

  .dropdown-submenu &gt; .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
  }

.navbar-inverse .navbar-nav &gt; .dropdown &gt; a:hover, .navbar-inverse .navbar-nav &gt; .dropdown-submenu:hover &gt; a {
  color: #FE4438;
}

.dropdown-submenu &gt; a:after {
  font-family: 'FontAwesome';
  font-size: 1rem;
  display: block;
  content: '\f0d7';
  float: right;
  color: #FFF;
}

.dropdown &gt; a:after {
  margin-left: 0.25rem;
  margin-right: 1rem;
}

.dropdown-submenu &gt; a:after {
  margin-top: 2px;
  margin-right: 1.35rem;
}

.hide-element, .dropdown-submenu &gt; a.hide-element:after {
  display: none;
}

.dropdown:hover &gt; a:after, .dropdown-submenu:hover &gt; a:after {
  color: #FE4438;
}

.dropdown.open:hover &gt; a:after, .dropdown-submenu.open:hover &gt; a:after {
  color: #FE4438;
}

.dropdown-submenu.pull-left {
  float: none;
}

  .dropdown-submenu.pull-left &gt; .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
  }

.dropdown-menu &gt; li &gt; a {
  color: white;
}

  .dropdown-menu &gt; li &gt; a:hover {
    color: #FE4438;
    background-color: #19133B;
  }

.flex-container {
  display: flex;
  align-items: flex-start;
}

#pack-specs &gt; .entry &gt; ul {
  list-style-type: disc;
  padding-left: 20px;
  list-style-position: inside;
  margin-bottom: 20px;
}

  #pack-specs &gt; .entry &gt; ul &gt; li {
    margin-bottom: 10px;
  }

#pack-specs &gt; .row {
  margin-right: 0;
  margin-left: 0;
}

  #pack-specs &gt; .row &gt; #pricing {
    padding-right: 0;
    padding-left: 0;
  }

.gridEmbalajes {
  font-size: 18px;
  width: 100%;
}

  .gridEmbalajes thead th {
    border-bottom: #E9E9E9 3px solid;
    color: #27336A;
  }

  .gridEmbalajes tbody tr td {
    font-size: 15px;
  }

  .gridEmbalajes &gt; thead &gt; tr &gt; th.numerico, .gridEmbalajes &gt; tbody &gt; tr &gt; td.numerico {
    text-align: right;
  }

.text-right-to-image {
  float: left;
}

  .text-right-to-image &gt; h3 {
    margin-top: 0;
    padding-top: 0;
  }

.entry {
  margin-bottom: 0.5rem;
}

  .entry.row {
    margin: 0;
  }

.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

  .video iframe, .video object, .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.modal-header &gt; h4 {
  color: #19133B;
}

.modal-header .close, .modal-body .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  color: #19133B;
  opacity: .5;
}

  .modal-header .close:hover, .modal-body .close:hover {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    opacity: 1;
  }

body.modal-open .modal {
  display: flex !important;
  height: 100%;
}

  body.modal-open .modal .modal-dialog {
    margin: auto;
  }

#modalMensaje .modal-body {
  text-align: center;
}

  #modalMensaje .modal-body &gt; h3 {
    margin: 2rem 0 1rem;
  }

  #modalMensaje .modal-body &gt; p {
    margin: 1rem 0 2rem;
  }

.pack-img-wrapper {
  border: 0;
  margin-bottom: 20px;
}

  .pack-img-wrapper.col-sm-12.col-md-6 {
    padding-left: 0;
    padding-right: 0;
  }

#steps &gt; .row.aligned-row &gt; a {
  color: #FFF;
  padding: 3% 11% 3% 5%;
  height: 14rem;
}

  #steps &gt; .row.aligned-row &gt; a:nth-of-type(1) {
    background-color: #19133B;
  }

    #steps &gt; .row.aligned-row &gt; a:nth-of-type(2) {
        background-color: #C83228; /* CUMPLE WCAG2.1 */
    }

  #steps &gt; .row.aligned-row &gt; a:nth-of-type(3) {
    background-color: #1626AA;
  }

  #steps &gt; .row.aligned-row &gt; a &gt; h2 {
    font-family: Inter-Bold;
    font-size: 3rem;
  }

  #steps &gt; .row.aligned-row &gt; a &gt; p {
    font-family: Inter-Bold;
    font-size: 1.375rem;
  }

#steps + section#products &gt; .wrapper.new &gt; .main-column.new .subsection-title:nth-of-type(1) {
  border: 0;
}

#rgpd &gt; p &gt; b {
  font-family: Inter-Bold;
  font-size: 0.875rem;
}

#rgpd &gt; p &gt; span {
  font-family: Inter-Light;
  font-size: 0.875rem;
}

.nowrap {
  white-space: nowrap;
}

.error li {
  font-family: Inter-Regular;
  font-size: 1rem;
}

.pagination &gt; li &gt; a {
  color: #c9c9c9; /*#9b9b9b;*/
}

.pagination &gt; li.page.actual &gt; a {
  color: #19133b;
}

/*#region Media Queries*/

@media (max-width: 360px) {
  #sobreMrw &gt; .wrapper &gt; .main-column &gt; .row.aligned-row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (max-width: 374px) {
  html {
    font-size: 14px;
  }

  .section.filter-section h2.stone-medium.section-title {
    font-family: Inter-Medium;
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .barra &gt; .row &gt; .col-xs-12.col-sm-8 {
    padding: 0 5px;
  }

    .barra &gt; .row &gt; .col-xs-12.col-sm-8 &gt; .icono {
      margin-right: 20px;
    }

  #encuentraTuOficina.barra &gt; .row &gt; .col-xs-12.col-sm-8 &gt; div &gt; h3 {
    font-size: 1.25rem;
  }

  #buzonSugerencias.barra &gt; .row &gt; .col-xs-12.col-sm-8 &gt; div &gt; h3 {
    width: 95%;
  }

  .barra .btn-ambito {
    width: 160px;
  }
}

@media (max-width: 400px) {
  #encuentraTuOficina.barra &gt; .row &gt; .col-xs-12.col-sm-8 &gt; .icono {
    margin-right: 0.5rem;
  }
}

@media (max-width: 480px) {

  section#acciones &gt; .row &gt; #hacerEnvio {
    padding-left: 1rem;
  }

  #encuentraTuOficina.barra &gt; .row &gt; .col-xs-12.col-sm-8 {
    padding: 0 0.3rem;
  }

  #encuentraTuOficina.barra &gt; .row &gt; .col-xs-12.col-sm-4 {
    padding: 0 0.3rem 0 0.3rem;
  }

  #encuentraTuOficina.barra &gt; .row &gt; .col-xs-12.col-sm-8 &gt; .icono {
    margin-top: 1rem;
  }

  #encuentraTuOficina.barra &gt; .row &gt; .col-xs-12.col-sm-8 &gt; div &gt; h3 {
    font-size: 1.25rem;
  }

  #buzonSugerencias.barra &gt; #rowBarra &gt; .col-xs-12.col-sm-8 &gt; div &gt; h3 {
    margin-top: 1.8rem;
  }

  #buzonSugerencias.barra &gt; #rowBarra &gt; div:nth-of-type(1) &gt; div &gt; h4 {
    margin-top: 2rem;
    margin-bottom: 0;
  }

  #buzonSugerencias.barra &gt; #rowBarra &gt; div:nth-of-type(2) {
    margin-top: 1rem;
  }

  #buzonSugerencias.barra &gt; #rowBarra &gt; div:nth-of-type(2) {
    padding: 0 0.3rem 0 0.3rem;
  }
}

@media (min-width: 481px) {
  section#acciones &gt; .row &gt; div &gt; form &gt; .form-group, section#acciones &gt; .row &gt; div &gt; form &gt; .form-group &gt; .input-group, section#acciones &gt; .row &gt; div &gt; form &gt; .form-group &gt; .form-control {
    width: 98%;
  }

  section#acciones &gt; .row &gt; #hacerEnvio, section#acciones &gt; .row &gt; #localizarEnvio, section#acciones &gt; .row &gt; #localizarOficinas, section#acciones &gt; .row &gt; #concertacionEntrega {
    padding-left: 1.5rem;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .wrapper &gt; .main-column.new {
    width: auto;
  }
}

@media (max-width: 521px) {
  section#acciones .btn.btn-rectangular.formularios:nth-of-type(1) {
    margin-bottom: 10px;
  }

  #press .entry {
    display: none;
  }
}

@media (min-width: 546px) and (max-width: 767px) {

  section#acciones &gt; .row &gt; #hacerEnvio, section#acciones &gt; .row &gt; #localizarEnvio, section#acciones &gt; .row &gt; #localizarOficinas, section#acciones &gt; .row &gt; #concertacionEntrega {
    padding-left: 2rem;
  }

  #buzonSugerencias.barra &gt; #rowBarra &gt; .col-xs-12.col-sm-8 &gt; div &gt; h3 {
    margin-top: 2.5rem;
  }

  #buzonSugerencias.barra &gt; #rowBarra &gt; div:nth-of-type(1) &gt; div &gt; h4 {
    margin-top: 3rem;
    margin-bottom: 1rem;
  }

  #buzonSugerencias.barra &gt; #rowBarra &gt; div:nth-of-type(2) {
    margin-top: 1rem;
  }
}

@media (max-width: 767px) {

  #navigationLanguage .btn, #navigationLanguage ul &gt; li &gt; a {
    font-size: 0.875rem;
  }

  .navbar-inverse .navbar-nav &gt; li &gt; a {
    text-align: center;
  }

  .dropdown-menu {
    font-size: 1rem;
  }

  .dropdown.open &gt; a, .navbar-inverse .navbar-nav &gt; .open &gt; a, .navbar-inverse .navbar-nav .open &gt; a:hover,
  .dropdown-submenu.open &gt; a, .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a, .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a:hover {
    color: #FE4438;
  }

    .dropdown-submenu.open &gt; a:after {
      content: "\f0d8";
      color: #FFF;
    }

  #navigationMenu .logo-mobile-html {
    padding-left: 10px;
  }

  #slide ol.carousel-indicators {
    display: none;
  }

  #slide &gt; #carouselImagenes &gt; .carousel-control {
    display: block;
    top: 45%;
    width: 10%;
    color: #fe4438;
    background-image: none;
  }

  /*section#acciones &gt; .row &gt; div {
    height: 16rem;
  }*/

  /*section#acciones &gt; .row &gt; #localizarOficinas {
    border-right: 0;
    border-bottom: 3px;
    border-bottom-color: #1626AA;
    border-bottom-style: solid;
  }*/

  #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(2) {
    display: -webkit-flex;
    -webkit-flex-flow: column;
    display: flex;
    flex-flow: column;
  }

    #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(2) &gt; .col-xs-12.col-sm-6:nth-of-type(1) {
      order: 2;
    }

    #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(2) &gt; .col-xs-12.col-sm-6:nth-of-type(2) {
      order: 1;
    }

  #menuLateralContainer {
    display: none;
  }

  .desplegable {
    display: block !important;
  }

  .logo-mobile {
    margin-left: -85px !important;
  }

  #myNavbar {
    width: 0;
    position: absolute;
    left: auto;
    right: 0;
    height: 100vh;
    min-height: 100vh;
    z-index: 999;
    background: #19133B;
    transition: all 0.8s;
    box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2);
    overflow: hidden;
  }

    #myNavbar.in {
      width: 80%;
    }

    #myNavbar &gt; #menuResponsive {
      overflow-y: scroll;
      overflow-x: hidden;
      height: calc(100vh - 20px - 50px - 71px - 10px);
      max-height: calc(100vh - 20px - 50px - 71px - 10px);
    }

    #myNavbar &gt; #redes {
      position: fixed;
      bottom: 0;
    }

      #myNavbar &gt; #redes &gt; #social {
        padding-left: 1rem;
      }

        #myNavbar &gt; #redes &gt; #social &gt; li &gt; a {
          color: #FFF;
        }

  .navbar-inverse .navbar-nav .open .dropdown-menu &gt; li &gt; a {
    color: #FFF;
  }

  .navbar-inverse .navbar-nav &gt; li &gt; a {
    text-align: left;
    padding-left: 1rem;
  }

  .navbar-inverse .navbar-nav &gt; li &gt; ul &gt; li &gt; a {
    text-align: left;
    padding-left: 1.5rem !important;
  }

  .navbar-inverse .navbar-nav &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
    text-align: left;
    padding-left: 2rem !important;
  }

  .overlay {
    position: fixed;
    top: 0;
    width: 100vw;
    min-width: 100vw;
    height: 100vh;
    min-height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
    display: none;
  }

  #products.section.filter-section #product-header {
    margin-top: 0;
  }

  #press .entry &gt; a.more {
    display: none;
  }

  .webp section#error404.container {
    background: url('/img/404-mobile-es.webp') no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-color: #19133B;
  }

  .no-webp section#error404.container {
    background: url('/img/404-mobile-es.jpg') no-repeat;
    background-size: cover;
    background-position: center bottom;
  }

  section#error404.container &gt; div {
    width: 90%;
  }

    section#error404.container &gt; div:nth-child(1) {
      margin: 4% 0 0 5%;
    }

    section#error404.container &gt; div:nth-child(2) {
      margin: 4% 0 20% 5%;
    }

    section#error404.container &gt; div &gt; p:nth-child(1) {
      font-size: 3rem;
    }

    section#error404.container &gt; div &gt; p:nth-child(2) {
      font-size: 2rem;
      line-height: 2.5rem;
    }

  product-extens {
    width: auto;
  }

  #buzonSugerencias.barra &gt; #rowBarra &gt; div:nth-of-type(2), #webMinisterio.barra &gt; #rowBarra &gt; div:nth-of-type(2) {
    text-align: left;
  }
}

@media (min-width: 768px) {

  #navigationMenu &gt; .container &gt; #myNavbar &gt; #menuResponsive &gt; .navbar-nav &gt; .dropdown:hover &gt; .dropdown-menu {
    display: block;
  }

  .dropdown-submenu:hover &gt; .dropdown-menu {
    display: block;
  }

  .dropdown-submenu &gt; a:after {
    font-family: 'FontAwesome';
    font-size: 1rem;
    display: block;
    content: "\f0da";
    float: right;
    color: #FFF;
    margin-top: -2px;
    margin-right: -10px;
  }

  .dropdown-submenu:hover &gt; a:after {
    color: #FE4438;
  }

  /*Excepción para el ultimo dropdown del menu de cabecera que entre 768px y 1200px si se abre hacia la derecha se sale de pantalla 
  Hacemos que se abra hacia la izquierda y cambiamos el icono de las flechas de indicador de submenu*/
  #navigationMenu ul.nav.navbar-nav &gt; li:last-of-type &gt; ul.dropdown-menu {
    right: 0;
    left: auto;
    float: right !important;
  }

    #navigationMenu ul.nav.navbar-nav &gt; li:last-of-type &gt; ul.dropdown-menu &gt; li {
      text-align: right;
    }

      #navigationMenu ul.nav.navbar-nav &gt; li:last-of-type &gt; ul.dropdown-menu &gt; li &gt; ul.dropdown-menu {
        right: 99%;
        left: auto;
        float: right !important;
      }

  #navigationMenu ul.nav.navbar-nav &gt; li:last-of-type .dropdown-submenu &gt; a:after {
    font-family: 'FontAwesome';
    font-size: 1rem;
    display: block;
    content: "\f0d9";
    float: left;
    color: #FFF;
    margin-top: -2px;
    margin-left: -10px;
  }

  /*.btn-rectangular.formularios {
    height: 3.75rem;
    line-height: 2.75;
    margin: 0;*/
    /*width: 15rem;
    */
  /*}*/

  .form-inline .input-group .input-group-btn {
    width: 1%;
  }

  .row.aligned-row &gt; div &gt; .row &gt; .pack-info {
    padding-right: 15%;
  }

  #steps &gt; .row.aligned-row &gt; a {
    padding: 3%;
    height: auto;
  }

  .barra &gt; #rowBarra &gt; div:nth-of-type(1) {
    text-align: left;
  }

  #encuentraTuOficina &gt; section#oficina.row &gt; div {
    padding: 3%;
  }

  #encuentraTuOficina &gt; section#oficina.row &gt; div:first-of-type {
    display: flex;
    align-items: center;
    border-bottom-style: none;
    border-right-width: 2px;
    /*border-right-color: #fe4438;*/
    border-right-color: #19133b;
    border-right-style: solid;
  }

  #encuentraTuOficina &gt; section#oficina.row &gt; div &gt; #buscar-oficina {
    width: 100%;
  }

  #encuentraTuOficina &gt; section#oficina.row &gt; div &gt; #buscar-oficina &gt; p {
    margin-top: 0;
  }

  #encuentraTuOficina &gt; section#oficina.row &gt; div &gt; #buscar-oficina &gt; .form-inline &gt; .form-group {
    width: 100%;
  }

  #trabajaConNosotros.barra &gt; #rowBarra {
    display: flex;
  }

    #trabajaConNosotros.barra &gt; #rowBarra &gt; div:nth-of-type(2) {
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }

  #sobreMrw .row:nth-of-type(3) {
    padding: 5%;
  }

  #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(1) &gt; .col-xs-12.col-sm-6:nth-of-type(1),
  #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(2) &gt; .col-xs-12.col-sm-6:nth-of-type(2) {
    padding: 1% 3%;
  }
}

@media (max-width: 770px) {
  .logo-mobile {
    margin-left: -85px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #menuLateralContainer {
    margin-left: 1% !important;
  }

  section#acciones .btn.btn-ambito:nth-of-type(1) {
    margin-bottom: 10px;
  }

  .barra h3, :not(#encuentraTuOficina.barra) &gt; #rowBarra &gt; div &gt; div &gt; h3, :not(#buzonContacto.barra) &gt; #rowBarra &gt; div &gt; div &gt; h3, :not(#buzonSugerencias.barra) &gt; #rowBarra &gt; div &gt; div &gt; h3,
  :not(#comoRealizarEnvios.barra) &gt; #rowBarra &gt; div &gt; div &gt; h3, :not(#comoFunciona.barra) &gt; #rowBarra &gt; div:nth-of-type(2), :not(#webEcommerce.barra) &gt; #rowBarra &gt; div:nth-of-type(2),
  :not(#webMinisterio.barra) &gt; #rowBarra &gt; div:nth-of-type(2) {
    margin-bottom: 0;
  }

  .barra div.col-md-3 {
    padding-left: 0;
  }

  /*IPAD*/
  .navbar-nav &gt; li {
    float: left;
    margin-left: -5px !important;
    margin-right: -16px !important;
  }

  .ayuda-dcha p {
    margin: 5% auto !important;
  }

  .ayuda-dcha a {
    margin-left: -25%;
    float: none;
  }

  #menuPrincipal a {
    font-size: 0.875rem;
  }

  #navigationMenu &gt; .container {
    min-width: 800px;
  }

  .logo-mobile-html {
    margin-left: 5px !important;
  }

  #navigationMenu .navbar-brand {
    width: 122px;
  }

  section#error404.container &gt; div {
    width: 90%;
  }

    section#error404.container &gt; div:nth-child(1) {
      margin: 4% 0 0 4%;
    }

    section#error404.container &gt; div:nth-child(2) {
      margin: 4% 0 10% 4%;
    }

  #news .row &gt; .product-extens &gt; .product-info {
    width: 80%;
  }
}

@media (min-width: 768px) and (max-width: 1144px) {
  #encuentraTuOficina.barra &gt; #rowBarra &gt; div:nth-of-type(2) {
    margin-top: 0;
  }
    /*#encuentraTuOficina.barra &gt; #rowBarra &gt; div:nth-of-type(2) &gt; div:nth-of-type(1) &gt; p {
    margin: 10px 0;
  }*/
    #encuentraTuOficina.barra &gt; #rowBarra &gt; div:nth-of-type(2) &gt; div:nth-of-type(2) {
      text-align: left;
    }
}

@media (max-width: 991px) {

  .wrapper.new {
    padding: 0 1rem;
  }

  .logo-mobile {
    margin-left: -85px !important;
  }

  .barra h3,
  :not(#encuentraTuOficina.barra) &gt; #rowBarra &gt; div &gt; div &gt; h3, :not(#buzonContacto.barra) &gt; #rowBarra &gt; div &gt; div &gt; h3, :not(#buzonSugerencias.barra) &gt; #rowBarra &gt; div &gt; div &gt; h3,
  :not(#comoRealizarEnvios.barra) &gt; #rowBarra &gt; div &gt; div &gt; h3, :not(#comoFunciona.barra) &gt; #rowBarra &gt; div:nth-of-type(2), :not(#webEcommerce.barra) &gt; #rowBarra &gt; div:nth-of-type(2),
  :not(#webMinisterio.barra) &gt; #rowBarra &gt; div:nth-of-type(2) {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  #pack-specs &gt; .pack-img-wrapper &gt; picture &gt; img, #pack-specs &gt; #pricing {
    max-width: 800px;
  }

  #encuentraTuOficina &gt; section#oficina.row &gt; div {
    padding: 4% 6% 4%;
  }

  #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(1) &gt; .col-xs-12.col-sm-6:nth-of-type(1),
  #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(2) &gt; .col-xs-12.col-sm-6:nth-of-type(2) {
    padding: 2% 4%;
  }

  section#oficina.row &gt; div:nth-of-type(2) div h3 &gt; #separadorTelefono {
    display: inline;
  }

  section#oficina.row &gt; div:nth-of-type(2) div h3 &gt; #telefonoClientes2 {
    display: inline;
    line-height: inherit;
    margin-left: 0;
  }

  .btn-rectangular.formularios {
    height: 3.75rem;
    line-height: 2.75;
    margin: 0;
    /*width: 15rem;
    */
  }
}

@media (min-width: 992px) and (max-width: 1500px) {

  .new-wrapper &gt; section#cifras .row {
    width: 100%;
  }

    .new-wrapper &gt; section#cifras .row &gt; .col-md-3 {
      padding: 0 8px;
    }

  #menuLateralContainer {
    margin-left: 6% !important;
  }

  section#error404.container &gt; div {
    width: 90%;
  }

    section#error404.container &gt; div:nth-child(1) {
      margin: 4% 0 0 10%;
    }

    section#error404.container &gt; div:nth-child(2) {
      margin: 4% 0 10% 10%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .barra h3, :not(#encuentraTuOficina.barra) &gt; #rowBarra &gt; div &gt; div &gt; h3, :not(#buzonContacto.barra) &gt; #rowBarra &gt; div &gt; div &gt; h3, :not(#buzonSugerencias.barra) &gt; #rowBarra &gt; div &gt; div &gt; h3,
  :not(#comoRealizarEnvios.barra) &gt; #rowBarra &gt; div &gt; div &gt; h3, :not(#comoFunciona.barra) &gt; #rowBarra &gt; div:nth-of-type(2), :not(#webEcommerce.barra) &gt; #rowBarra &gt; div:nth-of-type(2),
  :not(#webMinisterio.barra) &gt; #rowBarra &gt; div:nth-of-type(2) {
    margin-top: 0;
    margin-bottom: 0;
  }
}

/*@media (min-width: 768px) and (max-width: 1199px) {
  section#acciones .btn.btn-rectangular.formularios:nth-of-type(1) {
    margin-bottom: 10px;
  }
}*/

@media (max-width: 1199px) {
  /*section#acciones &gt; .row &gt; #localizarEnvio {
    border-right: 0;
    border-bottom: 3px;
    border-bottom-color: #1626AA;
    border-bottom-style: solid;
  }*/

  .product-extens.col-xs-6.col-sm-6.col-md-6.col-lg-3:nth-of-type(1), .product-extens.col-xs-6.col-sm-6.col-md-6.col-lg-3:nth-of-type(3) {
    padding-left: 0;
  }

  /* Mantenemos el menú hamburguesa hasta los 1200px */
  /*.navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin: 7.5px -15px;
  }
  .navbar-nav&gt;li {
    float: none;
  }
  .navbar-nav&gt;li&gt;a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-text {
    float: none;
    margin: 15px 0;
  }*/
  /* since 3.1.0 */
  /*.navbar-collapse.collapse.in { 
    display: block!important;
  }
  .collapsing {
    overflow: hidden!important;
  }*/

}

@media (min-width: 1200px) {
  .wrapper.new {
    width: 85%;
  }

  section#acciones &gt; .row &gt; #hacerEnvio {
    padding-left: 3%;
  }

  section#acciones &gt; .row &gt; #concertacionEntrega {
    padding-right: 3%;
  }

  #navigationMenu ul.nav.navbar-nav &gt; li:last-of-type &gt; ul.dropdown-menu {
    left: 0;
    right: auto;
    float: left !important;
  }

    #navigationMenu ul.nav.navbar-nav &gt; li:last-of-type &gt; ul.dropdown-menu &gt; li {
      text-align: left;
    }

      #navigationMenu ul.nav.navbar-nav &gt; li:last-of-type &gt; ul.dropdown-menu &gt; li &gt; ul.dropdown-menu {
        left: 100%;
        right: auto;
        float: left !important;
      }

  #navigationMenu ul.nav.navbar-nav &gt; li:last-of-type .dropdown-submenu &gt; a:after {
    font-family: 'FontAwesome';
    font-size: 1rem;
    display: block;
    content: '\f0da';
    float: right;
    color: #FFF;
    margin-top: -2px;
    margin-left: -10px;
  }

  #encuentraTuOficina &gt; section#oficina.row &gt; div:nth-of-type(2) a h2 {
    font-size: 3rem;
  }

  #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(1) &gt; .col-xs-12.col-sm-6:nth-of-type(1),
  #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(2) &gt; .col-xs-12.col-sm-6:nth-of-type(2) {
    padding: 3% 6%;
  }
}

@media (min-width: 1200px) and (max-width: 1350px) {
  .row.aligned-row &gt; div &gt; .row &gt; .pack-info {
    padding-left: 5%;
  }
}

@media (min-width: 1390px) and (max-width: 1438px) {
  section#acciones &gt; .row &gt; #localizarEnvio &gt; h3, section#acciones &gt; .row &gt; #localizarOficinas &gt; h3 {
    padding-right: 1rem;
  }
}

@media (min-width: 1500px) {
  #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(1) &gt; .col-xs-12.col-sm-6:nth-of-type(1),
  #sobreMrw.section.filter-section .wrapper &gt; .main-column &gt; .row:nth-of-type(2) &gt; .col-xs-12.col-sm-6:nth-of-type(2) {
    padding: 8%;
  }
}


@media (max-width: 1650px) {
  #rowBarra.row {
    width: 95%;
    margin: 0 auto;
  }
}

@media (max-width: 1860px) {
  section#acciones &gt; .row &gt; div &gt; h3 {
    /*margin-right: 3rem;*/
  }

  section#acciones &gt; .row &gt; #hacerEnvio &gt; h3, section#acciones &gt; .row &gt; #concertacionEntrega &gt; h3 {
    margin-right: 0;
  }

  /*section#acciones &gt; .row &gt; #concertacionEntrega {
  padding-right: 0;
}*/
}

@media (min-width: 2277px) {
  section#acciones .btn.btn-rectangular.formularios:nth-of-type(1) {
    margin-bottom: 0;
  }

  section#acciones &gt; .row &gt; #hacerEnvio {
    padding-left: 2%;
  }

  section#acciones &gt; .row &gt; #concertacionEntrega {
    padding-right: 2%;
  }
}

/* Webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #slide ol.carousel-indicators {
    width: auto;
    margin-left: -14px;
  }

  .carousel-inner {
    -webkit-backface-visibility: hidden;
  }

  .aligned-row {
    display: -webkit-flex;
    margin: 0 0 0 -1px;
    -webkit-flex-wrap: wrap;
  }
}

/* Safari */
@media not all and (min-resolution:.001dpcm) {
  .row:before, .row:after {
    display: none;
  }

  footer .row:before, footer .row:after {
    display: inline-block;
  }

  #encuentraTuOficina.barra &gt; .row &gt; .col-xs-12.col-sm-8 {
    margin-bottom: 1rem;
  }
}

/*#endregion Media Queries*/
.condiciones .titleHeader, .condiciones .titleContent {
  cursor: pointer;
}</pre></body></html>