@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Yeseva+One&display=swap");

/* Norteseo (-Nort-) */

html {
  --nort-color: #000000;
  --nort-color2: #124457;
  --nort-fondo: #EDE0CF;
  --nort-fondo2: #F0A63D;

  --negro: #000;
  --blanco: #ffffff;
  --gris-claro: #eee;
  --gris-medio: #ccc;
  --gris-oscuro: #666;

  --color-precio: #a96d18;
  --color-precio-2: #734a10;

  --ffamily: 'Montserrat', sans-serif;
  --ffamily-2: "Yeseva One", serif;
  --font-size: 18px;
  --fsize-menu: 16px;
  --fsize-menu-movil: 20px;
  --fsize-submenu: 12px;
  --fsize-novas-carrousel: 23px;
  --fsize-entradilla: 16px;
  --fsize-pe: 15px;
  --fsize-btn: 1rem;
  --fsize-producto: 16px;
  --semibold: 600;
  --interlineado: 1.5;
  /*   --lheight-h: 1.3; */
  --main-width: 1440px;
  --h-cab: 130px;
  --h-cab-movil: 3.7rem;
  --bradius: 10px;
}

/* estilos comunes */
body,
form,
table {
  margin: 0;
  padding: 0;
  line-height: var(--interlineado);
}

/* head,
footer {
}
 */
.celda_body {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: var(--nort-fondo);
  color: var(--nort-color);
  font-family: var(--ffamily);
  font-size: var(--font-size);
}

table {
  font-family: var(--ffamily);
  font-size: var(--font-size);
}

.celda_imaxe img {
  border-radius: var(--bradius);
}

.celda_body h1,
.celda_body h2,
.celda_body h3,
.celda_body h4 {
  font-weight: normal;
  line-height: normal;
  color: var(--nort-color2);
  margin: 0;
}

.celda_body h1,
.celda_body h2 {
  font-family: var(--ffamily-2);
  font-size: 3rem;
 /*  font-size: clamp(1.875rem, 1.7105rem + 0.8772vw, 2.5rem); */
  margin-bottom: 1rem;
  letter-spacing: -2px;
}

.celda_body h3,
.celda_body h4 {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

/* .celda_cabeceira,
.celda_cabeceira_over {
}
 */
.celda_detalle {
  padding: 0;
  /* margin-top: var(--h-cab); */
}

.celda_detalle.con-panoramix {
  margin-top: 0;
}

.celda_detalle > div > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.celda_prgf,
.celda_prgf_over {
  /*  padding: 1em; */
  /*  padding:0; */
  padding: 0 1em;
}

.celda_prgf_2 {
  max-width: var(--main-width) !important;
}

/* .celda_elmt,
.celda_elmt_texto,
.celda_elmt_cabpe,
.celda_elmt_edit,
.celda_elmt_fondo,
.celda_elmt_over,
.celda_elmt_texto_over,
.celda_elmt_cabpe_over,
.celda_elmt_edit_over,
.celda_elmt_fondo_over {
}
 */
.celda_elmt_texto,
.celda_elmt_texto_over,
.celda_elmt_texto_over a {
  line-height: var(--interlineado);
  background-color: transparent;
}

.celda_elmt_cabpe,
.celda_elmt_cabpe_over {
  max-width: 100%;
}

.celda_elmt_cabpe > div {
  display: flex;
}

.celda_elmt_marcado {
  padding: 0;
}

/* ==============
    Cabeceiras
   ============== */

/* Cab. principal */

#id_nort_01 {
  height: var(--h-cab);
}

.nort-cab {
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--h-cab);
}

.nort-cab__row {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
}

.nort-cab__content {
  box-sizing: border-box;
  width: calc(100% - 2em);
  max-width: var(--main-width);
  display: flex;
  align-items: center;
  margin: 0 auto;
}

.nort-cab__row--top {
  background-color: var(--nort-color2);
  padding-block: 0.5rem;
  max-height: 2rem;
}

.nort-cab__content--top {
  justify-content: center;
  align-items: center;
}

.cab_titulo,
.cab_titulo a {
  font-size: 13px;
  background-color: var(--nort-color2);
  color: var(--nort-fondo);
}

.nort-cab__row--centro {
  background-color: var(--nort-fondo2);
}

.nort-cab__content--centro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
}

.nort-cab__logo {
  margin-block: 0.5rem;
}

.nort-cab__nav {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

.nort-cab__content--menu {
  justify-content: center;
}

.nort-cab__menu {
  display: flex;
}

.nort-cab__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.nort-cab__rrss {
  display: none;
}

/* Cab. scroll */

#id_nort_02 {
  box-sizing: border-box;
  transform: translateY(-110%);
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  z-index: 20;
  width: 100%;
  background-color: var(--nort-fondo2);
  transition: 0.4s ease-in-out;
}

#id_nort_02.show {
  transform: translateY(0%);
  transition: transform 0.4s ease-in-out;
  box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.5);
}

.nort-cab-scroll__content {
  box-sizing: border-box;
  width: calc(100% - 2em);
  max-width: var(--main-width);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nort-cab-scroll__content img {
  max-width: 110px;
  display: block;
  padding-block: 0.5rem;
}

#id_nort_02 .ccarro-container {
  padding: 0;
}

/* cab. móvil */

.nort-cab-movil__nav {
  position: fixed;
  z-index: 15;
  box-sizing: border-box;
  width: 100%;
  height: var(--h-cab-movil);
  margin: 0;
  padding: 0;
  background-color: var(--nort-fondo2);
  transition: 0.7s;
  display:flex;
  align-items: center;
  column-gap: 0.5rem;
}

.menu-btn {
  flex:1;
}

.nort-cab__cta {
  flex: 1;
  justify-content: flex-end;
}

.nort-cab-mobil__logo {
  padding-top: 0.5em;
  padding-left: 0.7em;
}
.nort-cab-mobil__logo img {
  width: 120px;
  max-width: 120px;
}

#id_nort_03 .nort-cab__logo {
  max-width: 100px;
  margin: 0 auto;
}

#id_nort_03 .trw_elmt_cbuscador_marco input {
  height: 37px;
  font-size: 1em;
}

#id_nort_03 .trw_elmt_cbuscador_marco button {
  height: 39px;
  background-size: 57%;
}

#id_nort_03 .cab_titulo {
  color: var(--nort-color) !important;
  background-color: transparent !important;
  margin-top: 5em;
  line-height: var(--interlineado);
}

#id_nort_03_crs {
  margin-top: 3em;
  margin-left: -1em !important;
}

/* ========================CBuscador */

.cbuscador_marco {
  box-sizing: border-box;
  position: relative;
  margin: 0;
  padding: 0 0.3em 0 0.5em;
  border: 2px solid var(--blanco);
  border-radius: 100vmax;
  transition: all 200ms;
  display: grid;
  grid-template-columns: 1fr auto;
  transition: all 200ms;
  width: 200px;
}

.cbuscador_marco:focus-within {
  border-color: var(--blanco);
  transition: all 200ms;
}

.cbuscador_marco input:focus {
  background-color: transparent;
}

.cbuscador_input {
  box-sizing: border-box;
  font-family: inherit;
  border: 1px solid transparent;
  background-color: transparent;
  color: var(--blanco);
  padding: 0 0.3em;
  width: auto;
}

.cbuscador_boton {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='id0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='21px' height='21px' viewBox='0 0 21 21' enable-background='new 0 0 21 21' xml:space='preserve'%3E%3Cg id='id1'%3E%3Cpath fill='%23ffffff' d='M20.723,19.643l-7.674-7.675c1.01-1.248,1.617-2.835,1.617-4.564c0-4.012-3.252-7.265-7.264-7.265 S0.139,3.392,0.139,7.404s3.252,7.264,7.264,7.264c1.73,0,3.318-0.607,4.564-1.618l7.674,7.675 c0.227,0.226,0.652,0.167,0.951-0.131C20.891,20.294,20.95,19.869,20.723,19.643z M7.403,13.154c-3.176,0-5.75-2.574-5.75-5.75 c0-3.177,2.574-5.751,5.75-5.751s5.75,2.574,5.75,5.751C13.153,10.58,10.579,13.154,7.403,13.154z'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 66%;
  background-position: center;
  background-color: transparent;
  height: 30px;
  width: 30px;
  background-size: 66%;
  background-position: center;
  padding: 0;
}

/* ===============
      CIdioma
   ===============  */

.cidioma_texto,
.cidioma_texto_sl {
  padding: 0 0 0 4px;

  color: var(--nort-color);
}

.cidioma_texto_sl {
  font-weight: normal;
  color: var(--nort-color);
}

.cidioma_texto:before,
.cidioma_texto_sl:before {
  content: "|";
  margin-right: 0.4em;
  font-weight: normal;

  color: var(--nort-color);
}

.cidioma_marco > div:nth-child(1) {
  padding: 0;
}

.cidioma_marco > div:nth-child(1)::before {
  content: "" !important;
}

/* =====================
    CRS (redes sociales)
  ======================= */

.nort-cab__rrss > div:first-child {
  display: flex;
}

.CRS_0_marco a {
  display: inline-flex;
}

.CRS_0_marco,
.CRS_novas_marco {
  margin: 0;
  padding: 0;
}

.CRS_pax_marco {
  margin: 1.1em 0;
  padding: 0;
}

.CRS_svg,
.CRS_svg_novas {
  box-sizing: border-box;
  width: 32px;
  width: clamp(1.5rem, 0.6957rem + 1.4493vw, 2rem);
  height: 32px;
  height: clamp(1.5rem, 0.6957rem + 1.4493vw, 2rem);
}

/* ==================
    navegador.migas
  =================== */

.navegador_marco {
  margin: 0;
  color: var(--nort-color);
  font-size: small;
}

.navegador_lmiga,
.navegador_lmiga_r {
  color: var(--nort-c-azul);
  text-transform: uppercase;
  margin: 0 0.5em 0 0;
  transition: 200ms;
}

.navegador_lmiga {
  font-weight: bold;
}

.navegador_lmiga::before,
.navegador_lmiga_r::before {
  content: ">";
  font-size: small;
  padding-right: 0.5em;
}

/* .navegador_lmiga:nth-child(1) {
}
 */
.navegador_lmiga:nth-child(1)::before {
  display: none;
}

/* =========
   Panoramix
  =========== */

#trw-panoramix-visor {
  display: none;
  box-sizing: border-box;
  /*  margin-top: calc(var(--h-cab)); */
}

.trw_panoramix2_00 {
  box-sizing: border-box;
  /*  height: calc(100vh - var(--h-cab)); */
  height: 60vh;
  will-change: animation;
  transform: translateZ(-10px);
  /*  background-size: 100%;
  background-position:top center;
  animation: zoom-panoramix 45s infinite alternate; */
}

.trw_panoramix2_00::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.trw_panoramix2_txt {
  box-sizing: border-box;
  width: calc(100% - 2rem);
  height: 100%;
  max-width: var(--main-width);
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.trw_panoramix2_txt > h1:not(:empty),
.trw_panoramix2_txt > div:not(:empty) {
  --max-width: 40%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  width: min(100%, var(--main-width));
  max-width: var(--max-width);
  padding: 0;
  line-height: initial;
  text-align: left !important;
/*   text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); */
  color: var(--nort-fondo);
  /* overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto; */
  text-wrap: balance;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 1rem;
  text-shadow: none;
}


.trw_panoramix2_txt h1,
.trw_panoramix2_txt h2,
.trw_panoramix2_txt h3 {
  color: var(--nort-fondo);
}

.trw_panoramix2_txt > div:not(:empty) p {
   font-size: 1rem;
   font-weight: normal;
   line-height: 1.5;
}

.trw_panoramix2_txt > h1:not(:empty) > span,
.trw_panoramix2_txt > h1:not(:empty) > a,
.trw_panoramix2_txt > h1:not(:empty) > span > a {
  display: block;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: normal;
  color: var(--nort-fondo);
}

.pano-text-shadow {
  text-shadow: 1px 1px 1px #000000;
}

span.pano-redes {
  display: flex !important;
  box-sizing: border-box;
  font-weight: normal;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5em;
}

span.pano-redes > a {
  color: var(--nort-fondo);
}

.pano-redes img {
  box-sizing: border-box;
  display: block;
  width: 30px;
  height: auto;
}

.trw_panoramix2_txt a:hover {
  transition: 200ms;
  color: var(--blanco);
}

/* texto interior panoramix */

.btn.btn--pano {
  margin:0;
}

.pano-txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.pano-txt p {
  margin: 0;
}

.pano-txt__top {
  font-size: clamp(1.7rem, 3vw, 3rem);
}

.separa-pano {
  width: 30%;
  background-color: var(--nort-fondo2);
  height: 0.5rem;
  border:none;
  margin:0;
  margin-bottom: 1.5rem;
}


@media only screen and (max-width: 555px) {
  .trw_panoramix2_txt > h1:not(:empty),
  .trw_panoramix2_txt > div:not(:empty) {
    --max-width: 100%;
  }

  .separa-pano {
    margin: 0.5rem auto;
    margin-bottom: 1.5rem;
    width: 50%;
    height: 0.3rem;
  }

  .celda_body h1,
  .celda_body h2 {
  font-size: 2rem;

}
}





/* =============
    CARROUSEL
  ============== */

.carrusel_marco {
  margin: 1.1em 0;
}

.carrusel_marco .item {
  margin: 0 1em;
  background-color: var(--nort-fondo);
  /* border-radius: var(--bradius); */
}

.carrusel_marco .item > a {
  box-sizing: border-box;
  display: inherit;
  overflow: hidden;
  position: relative;
}

.carrusel_marco .item > a:hover {
  cursor: pointer !important;
}

.carrusel_iten_titulo {
  font-size: var(--fsize-novas-carrousel);
  line-height: var(--interlineado);
  position: relative;
  width: initial;
  margin: 0.5em 0;
  color: var(--nort-color2);
   display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0.7em 0;
}

.carrusel_iten_notas {
  color: var(--nort-color);
  margin: 0;
  line-height: var(--interlineado);
  width: initial;
  font-size: var(--fsize-entradilla);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding: 0;
}

.owl-carousel .owl-item img {
  border-radius: var(--bradius);
}

/* ===============================
    formulario contacto + botons
  ============================== */

/* .elmt_contacto_marco {
}
 */
.btn,
.elmt_contacto_boton {
  --color: var(--nort-color2);
  --color-hover: var(--nort-fondo);
  --fondo: var(--nort-fondo2);
  --fondo-hover: var(--nort-color2);
  --color-borde: var(--nort-color2);
  --color-borde-hover: var(--nort-color2);

  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-weight: 600;
  padding: 0.5rem 2rem;
  transition: all 250ms ease-in-out;
  outline: 1px solid transparent;
  border-radius: var(--bradius);
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  letter-spacing: 1px;
  text-shadow: none; 
}

.btn {
  font-size: var(--fsize-btn);
}

.btn--pano {
  margin: 0 auto;
  margin-top: 1rem;
}

.btn--solido {
  --fondo-hover: transparent;
  outline-color: var(--color-borde);
  background-color: var(--fondo-hover);
}

.btn--solido:hover {
  --color-borde-hover: var(--nort-fondo);
  outline-color: var(--color-borde-hover);
}

.elmt_contacto_boton {
  cursor: pointer;
}

.btn::before {
  content: "";
  display: inline-flex;
  align-items: center;
  fill: var(--nort-fondo);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.btn,
.elmt_contacto_boton {
  background-color: var(--fondo);
  color: var(--color);
}

.elmt_contacto_boton:active {
  transition: all 200ms;
  border: none;
  outline: none;
}

.btn a {
  color: var(--nort-fondo);
}

a.btn {
  display: flex;
  align-items: center;
}

.btn:hover,
.elmt_contacto_boton:hover {
  background-color: var(--fondo-hover);
  border-color: var(--color-borde-hover);
  color: var(--color-hover);
}

.btn--trans {
  background-color: transparent;
}

.btn-ico {
  padding-left: 0.7em;
  transition: 200ms ease-in-out;
  will-change: transform;
  --fondo-hover: transparent;
  --color-hover: var(--nort-color);
  --color-borde-hover: var(--nort-color);
}

.btn-ico:hover {
  transition: 200ms ease-in-out;
}

.btn-ico::before {
  height: 25px;
  min-width: 25px;
  padding-left: 0.3em;
  margin-right: 0.5em;
  transition: 200ms;
}

.elmt_contacto_fila_boton {
  padding: 1em 0;
}

.elmt_contacto_fila {
  color: var(--nort-color);
}

.elmt_contacto_fila > label {
  display: inline-block;
  padding: 0;
  margin: 0.2em 0;
  background-color: transparent;
  font-size: inherit;
  color: var(--nort-color);
}

.elmt_contacto_fila > label.text {
  min-height: auto;
}

.elmt_contacto_fila input,
.elmt_contacto_fila select,
.elmt_contacto_textarea {
  box-sizing: border-box;
  padding-left: 0.5em;
  font-family: inherit;
  font-size: 1rem;
  transition: border 0.3s;
  color: var(--nort-color);
  height: 2.5rem;
}

.elmt_contacto_boton:focus,
.elmt_contacto_select:focus,
.elmt_contacto_fila input[type="checkbox"]:focus,
.elmt_contacto_fila_boton button:focus {
  outline: auto;
}

.elmt_contacto_fila textarea {
  height: 7em;
}

.elmt_contacto_fila input:focus,
.elmt_contacto_textarea:focus,
.elmt_contacto_fila .file:focus {
  transition: 300ms;
  outline: auto;
}

.elmt_contacto_fila .file {
  padding: 0.5em 0;
  border: none;
  background-color: transparent;
  font-size: 1em;
}


#label_c_msx {
  height: auto;
  font-size: 1em;
}

.elmt_contacto_fila a {
  color: var(--nort-color);
  font-weight: bold;
}

/* Textos de axuda dos campos de formulario */ 

.elmt_contacto_fila input:not([type="hidden"]) + div,
.elmt_contacto_fila textarea:not([type="hidden"]) + div {
  color: #1e1e1e;
  font-size: calc(var(--font-size) - 4px);
}

.elmt_contacto_marco .checker label {
  color: #1e1e1e;
  pointer-events: none;
}

/* =============== filtrados  DESUSO  */

.catalogo-cbusca__header,
.elmt_ventas_busca_header {
  /* DESUSO */
  padding: 0.5em 1em;
}

.catalogo-cbusca__filtros,
.elmt_ventas_busca_content {
  /* DESUSO */
  padding: 0 1em;
}

.catalogo-cbusca__titulo,
.elmt_ventas_busca_titulo {
  /* DESUSO */
  color: var(--nort-color2);
  padding: 0;
}

.cbusca-filtro__titulo,
.elmt_ventas_post_4 {
  color: var(--nort-color2);
  font-size: 18px;
}

.cbusca-filtro > div:nth-child(1),
.elmt-ventas-busca-psubcats > div:nth-child(1),
.elmt-ventas-busca-pmarcas > div:nth-child(1) {
  /* DESUSO */
  border-bottom: 1px solid var(--nort-color);
  padding-bottom: 0.2em;
}

.cbusca-filtro > div:not(.cbusca-filtro),
.elmt-ventas-busca-psubcats > div:not(.elmt_ventas_post_4),
.elmt-ventas-busca-pmarcas > div:not(.elmt_ventas_post_4) {
  /* DESUSO */
  font-size: 15px;
}

.catalogo-btn-filtros,
.ventas_prgf_0000b {
  /* DESUSO */
  background-color: var(--nort-color2);
  font-size: 0.55em;
  z-index: 1;
  padding-left: 3em;
  border-radius: 0 100vmax 100vmax 0;
  transition: transform 200ms ease-in-out;
  left: -25px;
}

.catalogo-btn-filtros:hover,
.ventas_prgf_0000b:hover {
  /* DESUSO */
  transition: transform 200ms ease-in-out;
  transform: translateX(15%);
}

.catalogo-ico-filtros,
.ventas_prgf_0000d {
  /* DESUSO */
  fill: var(--nort-fondo);
}

/* ================
    Pe de páxina     
   ================ */

footer,
.celda_pe {
  background-color: var(--nort-color2);
  color: var(--blanco);
}

.celda_pe * {
  box-sizing: border-box;
  color: var(--blanco);
}

.celda_pe img {
  display: block;
}

.pe_texto {
  min-height: 3em;
  color: var(--blanco);
  background-color: var(--nort-color2);
  font-size: var(--fsize-pe, 14px);
}

.pe_texto a {
  display: inline-flex;
  transition: 200ms;
}

.pe__content {
  width: calc(100% - 2em);
  max-width: var(--main-width);
  margin: 0 auto;
  box-sizing: border-box;
}

.pe__content.top {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  grid-template-areas:
    "brand info links logos"
    "brand info links logos";
  gap: .5rem 3rem;
  align-items: start;
  padding-block: 4rem;
}

.pe__col.pe__col--brand {
  grid-area: brand;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: flex-start;
  border-right: 1px solid var(--blanco);
}

.pe__col.info {
  grid-area: info;
}

.pe__col.pe__col--links {
  grid-area: links;
}
.pe__col.pe__logos--kd {
  grid-area: logos;
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: flex-start;
  flex-wrap:wrap;
}

.pe__logos--kd {
  display: flex;
  justify-content: center;
}

.pe__logos--kd img {
  max-width: 200px;
  align-items: flex-start;
}

.pe__nav-list {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0;
  margin: 0;
}

.pe__logo-img {
  max-width: 260px;
}

.pe__group {
  margin-bottom: 2rem;;
}

.pe__title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 0.5rem;
}

.pe__text {
  line-height: 1.5;
}

.pe__content ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  font-size: var(--fsize-pe);
}

.pe__content ul.pe__nav-list {
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.pe__col--links {
  flex: 1;
}

.logo-redes {
  display:flex;
  flex-direction:column;
  gap:1rem;
  margin-right: 2rem;
}

/* Decoración brújula fondo */

/* .pe__content.decoration {
  position: relative;
}

.pe__decoration {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 1;
  width: 250px;
  z-index: 1;
} */

.pe__social-list {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

#id_pe_crs .CRS_svg {
  width: 28px;
  height: 28px;
  fill: var(--nort-color2);
}

#id_pe_crs .CRS_svg {
  background-color: var(--nort-fondo2);
  border-radius: 100vmax;
}


@media (max-width: 888px) {
  .pe__content.top {
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 
       "brand links"
       "info logos";
  }
  .pe__col.pe__logos--kd {
    justify-content: flex-start;
  }
}

@media (max-width: 555px) {
  .pe__content.top {
    grid-template-columns: 1fr;
    grid-template-areas:
      "brand"
      "info"
      "links"
      "logos";
    gap: 1.5rem;
    place-items: center;
    text-align: center;

  }
  .pe__col.pe__logos--kd {
    justify-content: center;
  }

  .pe__col.pe__col--brand {
    border: none;
  }
  .logo-redes {
    margin: 0 0 2rem 0;
  }
}

/* utility classes */

.link-sub {
  color: var(--nort-color2);
  position: relative;
  text-decoration: none;
  background-image: linear-gradient(var(--nort-color2), var(--nort-color2));
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size 200ms;
}

h1.ten-borde::after,
h2.ten-borde::after {
  content: "";
  display: block;
  width: 30%;
  height: 5px;
  background-color: var(--nort-fondo2);
  margin-top: 0.5rem;
}


/* card producto */

.productos-destacados {
  display:flex;
  justify-content: center;
  align-items: center;
  gap:2rem;
  flex-wrap: wrap;
}

.product-card {
  width: 400px;
  background-color: transparent;
  border-radius: 20px;
  padding: 16px;
  margin-block: 1.5rem;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease;
}

.product-card:hover {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}


.product-card__image-wrapper {
  width: 100%;
  height: 230px;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 0.5rem;
}

.product-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.product-card__content {
  text-align: center;
  margin-top: 1.2rem;
}

.product-card__title {
  font-family: var(--ffamily-2);
  font-weight: normal !important;
  font-size: 1.6rem;
  margin: 0;
  color: var(--nort-color);
}

.product-card__price {
  font-size: 2rem;
  font-weight: 600;
  margin: 6px 0;
  color: var(--color-precio-2);
}

.product-card__description {
  font-size: 14px;
  margin: 0;
  color: var(--nort-color);
}

.btn--card {
  justify-content: center;
  width: 100%;
}

 /* paxina login */ 

 .trw-login-caixa-titulo {
  background-color: var(--nort-color2);
  color: var(--blanco);
 }

 .trw-login-caixa-info {
  color: var(--nort-color);
  font-size: 1rem;
  padding: 1rem;
 }

 .trw-login-caixa-form-help {
  color: var(--gris-oscuro);
  font-size: 0.8rem;
 }

/**************/

.link-sub:hover {
  background-size: 100% 2px;
}

.ico {
  --ancho: 30px;
  --alto: 30px;
  --bg-img: "";
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.ico::before {
  content: "";
  display: inline-flex;
  align-items: center;
  height: var(--alto);
  min-width: var(--ancho);
  background-size: var(--ancho) var(--alto);
  background-position: center;
  background-repeat: no-repeat;
}

.ico--login::before {
  --bg-img: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: %23124457;transform: ;msFilter:;"><path d="M7.5 6.5C7.5 8.981 9.519 11 12 11s4.5-2.019 4.5-4.5S14.481 2 12 2 7.5 4.019 7.5 6.5zM20 21h1v-1c0-3.859-3.141-7-7-7h-4c-3.86 0-7 3.141-7 7v1h17z"></path></svg>');
  background-image: var(--bg-img);
  --ancho: 30px;
  --alto: 30px;
}

.ico--cesta::before {
  --bg-img: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" style="fill: %23124457;transform: ;msFilter:;"><path d="M21.822 7.431A1 1 0 0 0 21 7H7.333L6.179 4.23A1.994 1.994 0 0 0 4.333 3H2v2h2.333l4.744 11.385A1 1 0 0 0 10 17h8c.417 0 .79-.259.937-.648l3-8a1 1 0 0 0-.115-.921zM17.307 15h-6.64l-2.5-6h11.39l-2.25 6z"></path><circle cx="10.5" cy="19.5" r="1.5"></circle><circle cx="17.5" cy="19.5" r="1.5"></circle></svg>');
  background-image: var(--bg-img);
  --ancho: 30px;
  --alto: 30px;
}

.ico--mail::before {
  --bg-image: url('data:image/svg+xml,<svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98 90"><defs><style>.cls-1{fill:none;stroke:%23124457;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><title>mail</title><rect class="cls-1" x="38.62" y="34.72" width="20.38" height="12.57"/><polyline class="cls-1" points="38.62 34.72 48.81 43.21 59 34.72"/></svg>');
   background-image: var(--bg-img);
  --ancho: 30px;
  --alto: 30px;
}

@media only screen and (max-width: 888px) {
  .celda_detalle {
    padding: 0;
    margin-top: calc(var(--h-cab-movil));
  }

  .celda_prgf {
    padding: 0 1em;
  }

  .trw_panoramix2_00 {
    animation: none;
    background-size: cover;
    height: 70vh;
  }

  #trw-panoramix-visor {
    margin-top: var(--h-cab-movil);
  }

  #trw-panoramix-visor.portada {
    margin-top: 0;
  }

  .trw_panoramix2_txt > h1:not(:empty),
  .trw_panoramix2_txt > div:not(:empty) {
    --max-width: 50%;
    bottom: 2em;
    width: 100%;
  }

  .trw_panoramix2_txt > h1:not(:empty) > :nth-child(2) {
    font-size: 1rem;
  }

  /* .cbuscador_marco {
    box-sizing: border-box;
    width: auto;
    max-width: 70%;
    margin: 2em auto;
    padding: 0 1em;
    border: 1px solid var(--blanco);
    border-radius: 100vmax;
    transition: all 200ms;
  }

  .cbuscador_marco:focus-within {
    border: 1px solid var(--blanco);
  }

  .cbuscador_boton {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='id0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='21px' height='21px' viewBox='0 0 21 21' enable-background='new 0 0 21 21' xml:space='preserve'%3E%3Cg id='id1'%3E%3Cpath fill='%23ffffff' d='M20.723,19.643l-7.674-7.675c1.01-1.248,1.617-2.835,1.617-4.564c0-4.012-3.252-7.265-7.264-7.265 S0.139,3.392,0.139,7.404s3.252,7.264,7.264,7.264c1.73,0,3.318-0.607,4.564-1.618l7.674,7.675 c0.227,0.226,0.652,0.167,0.951-0.131C20.891,20.294,20.95,19.869,20.723,19.643z M7.403,13.154c-3.176,0-5.75-2.574-5.75-5.75 c0-3.177,2.574-5.751,5.75-5.751s5.75,2.574,5.75,5.751C13.153,10.58,10.579,13.154,7.403,13.154z'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
 */
  .catalogo-btn-filtros,
  .ventas_prgf_0000b {
    /* DESUSO */
    font-size: 10px;
  }

  .nort-panel__logo {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 1em;
    padding: 1em 1em 0 1em;
    width: 100%;
  }

  .nort-panel__logo img {
    width: clamp(100px, 100%, 180px);
  }

  .nort-cab__cidioma {
    box-sizing: border-box;
    flex: 1;
    display: flex;
    justify-content: flex-end;
  }

  .cidioma_marco {
    justify-content: flex-start;
  }
  .trw_grid_0_3 {
    grid-template-columns: (auto-fit, minmax(250px, 1fr)) !important;
  }
}

@media only screen and (max-width: 555px) {
  .elmt_contacto_boton {
    width: 100%;
  }

  .btn {
    width: 100%;
  }

   .trw_panoramix2_txt > h1:not(:empty),
   .trw_panoramix2_txt > div:not(:empty) {
    --max-width: 100%;
    bottom: 2em;
    width: 100%;
  }
}