/* ==========================================================================
   nv-paginas.css — T9: páginas de contenido, contacto, colecciones, 404 y Mi cuenta.
   Valores medidos en las capturas de lanovedad.com (1440×900 y 390×844 emulado) y en la configuración de
   Nitro (§2.21–§2.25 de la especificación); nunca su CSS. Los colores de marca salen de nv-base.css; los
   grises propios de estas secciones de Nitro van como variables locales, en un solo sitio.
   ========================================================================== */
body.nv-pagina,body.nv-pagina--404{
  --nv-pag-gris-texto:#626264;  /* texto de la 404 (main-404) */
  --nv-pag-sobre:#858585;       /* «Ponte en contacto» (contact-form) */
  --nv-pag-horario:#868686;     /* tabla de horario del recuadro del mapa */
  --nv-pag-separador:#e7e7e7;   /* línea de 420 px del recuadro */
  --nv-pag-etiqueta:#a1a1a1;    /* etiqueta flotante en reposo */
}

/* ── Contenedor ─────────────────────────────────────────────────────────────────────────────
   Blocksy limita el ancho de lectura dentro de .entry-content (layout «constrained»). En Nitro estas páginas
   usan el contenedor entero: a 1440 el texto de las políticas va de x=15 a x=1425. */
body.nv-pagina .entry-content,
body.nv-pagina .entry-content>*{max-width:none}
body.nv-pagina .entry-content>*{margin-inline:0}
/* La banda trae 50 px de margen inferior (nv-base). Aquí cada sección pone su propio espacio superior con
   padding, que no se colapsa con márgenes de Blocksy: políticas 60, contacto y rejillas 50 (medido). */
body.nv-pagina .nv-banda{margin-bottom:0}

/* ── Políticas: texto enriquecido de Nitro (.bee-rte) ─────────────────────────────────────────
   Medido en Política de envíos a 1440: primer título a 60 px de la banda, títulos sin margen, párrafos con
   20 px debajo, listas con 17,5 px y sangría de 16 (viñeta en x≈17, texto en x=31), hr de 100 px centrado. */
.nv-pagina__rte{padding:60px 0}
@media (max-width:1024px){.nv-pagina__rte{padding-bottom:50px}}
@media (max-width:767px){.nv-pagina__rte{padding-bottom:30px}}
.nv-rte{font-size:var(--nv-fs-body);line-height:var(--nv-lh-body);color:var(--nv-ink);overflow-wrap:break-word}
.nv-rte h1,.nv-rte h2,.nv-rte h3,.nv-rte h4,.nv-rte h5,.nv-rte h6{margin:0;color:var(--nv-ink)}
/* El contenido importado empieza con un <h3></h3> vacío (Cambios): en Shopify no ocupa sitio. */
.nv-rte h1:empty,.nv-rte h2:empty,.nv-rte h3:empty,.nv-rte h4:empty,.nv-rte h5:empty,.nv-rte h6:empty,.nv-rte p:empty{display:none}
.nv-rte p{margin:0 0 20px}
.nv-rte ul,.nv-rte ol{margin:0 0 17.5px;margin-inline-start:16px;padding:0}
.nv-rte ul{list-style:disc}
.nv-rte ol{list-style:decimal}
.nv-rte ul ul,.nv-rte ol ul{list-style:circle;margin-inline-start:25px;margin-bottom:0}
.nv-rte ul ul ul{list-style:square}
.nv-rte li{margin:0;padding:0}
.nv-rte li::before{content:none}
.nv-rte hr{box-sizing:content-box;width:100px;max-width:100%;height:0;margin:15px auto;border:0;border-top:1px solid var(--nv-border);background:none}
.nv-rte a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.nv-rte a:hover{color:var(--nv-link-hover)}
.nv-rte img{max-width:100%;height:auto}

/* ── Páginas legales (/policies/*): la plantilla de políticas de Shopify, no la de páginas de Nitro ──────
   Medido el 2026-09-11 en las cuatro (privacy, refund, terms, contact-information) a 1440 y 390: sin banda;
   columna de 546 px con 20 de relleno (texto de 506 en x=467; a 390, de x=20 a 370), 60 px bajo la cabecera
   y 60 hasta el pie; título h1 37/600 lh 1,4 #151515 centrado, sin margen, con el texto justo debajo; listas
   con 17 px de sangría y 20 de margen (también las anidadas); enlaces #222 sin subrayado. El h1 y los demás
   títulos ya salen de nv-base a 37/29/23/18 y 600, como allí.
   La columna vive dentro de .nv-politica porque WordPress fuerza márgenes auto !important en los hijos
   directos de .entry-content (is-layout-constrained). min(546px,100vw): en ventanas más estrechas que la
   columna llega al borde de la ventana como en Shopify, saliendo los 15 px del contenedor de Blocksy. */
.nv-politica{padding:60px 0}
.nv-politica__columna{box-sizing:border-box;width:min(546px,100vw);margin-inline:calc((100% - min(546px,100vw)) / 2);padding:0 20px}
.nv-politica__titulo{margin:0;color:var(--nv-ink);text-align:center}
.nv-politica__cuerpo>:last-child{margin-bottom:0}
.nv-politica .nv-rte ul,.nv-politica .nv-rte ol{margin:0 0 20px;margin-inline-start:17px}
.nv-politica .nv-rte a{color:var(--nv-link);border-bottom:0;padding-bottom:0}

/* ── Contacto: mapa con recuadro + formulario ─────────────────────────────────────────────────
   A 1440 Shopify pinta la fila de borde a borde de la ventana (mapa x=0–720, formulario 720–1440): la fila
   sale 15 px del contenedor por cada lado y el mapa no lleva medianil. */
.nv-contacto{padding:50px 0}
@media (max-width:767px){.nv-contacto{padding-bottom:30px}}
.nv-contacto__fila{display:flex;flex-wrap:wrap;margin-inline:calc(-1 * var(--nv-pad))}
.nv-contacto__mapa{position:relative;flex:0 0 50%;max-width:50%;height:600px;overflow:hidden;background:var(--nv-soft-bg)}
.nv-contacto__iframe{display:block;width:100%;height:100%;margin:0;border:0}
.nv-contacto__velo{position:absolute;inset:0;background:rgba(0,0,0,.15);pointer-events:none}
/* Recuadro centrado sobre el mapa. Su ancho lo da la línea de 420 px + 30 de relleno por lado (480 medidos). */
.nv-contacto__datos{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;
  min-width:280px;max-width:90%;max-height:calc(100% - 20px);overflow-y:auto;padding:30px;background:#fff;color:#000}
.nv-contacto__direccion{display:flex;align-items:center;gap:4px;margin:0 0 15px;font-size:16px;line-height:1;color:#000}
.nv-contacto__pin{width:30px;height:30px;stroke-width:1.5;color:#000}
.nv-contacto__separador{display:block;width:420px;max-width:100%;height:1px;margin:0 0 20px;background:var(--nv-pag-separador)}
.nv-contacto__horario-titulo{margin:0 0 15px;font-size:16px;line-height:1;color:#000}
.nv-contacto__horario{margin:0 0 20px;font-size:13px;line-height:24px;color:var(--nv-pag-horario)}
.nv-contacto__dia{display:flex;justify-content:space-between;gap:20px}
/* Formulario: la columna lleva 15 px de medianil y dentro 100 px arriba y 18 % a los lados (a 1440 el texto
   empieza en x=859 y la línea del mensaje acaba en x≈1300, como en Shopify). */
.nv-contacto__col-form{flex:0 0 50%;max-width:50%;box-sizing:border-box;padding:0 var(--nv-pad)}
.nv-contacto__formulario{padding:100px 18% 0}
.nv-contacto__sobre{margin:0 0 5px;font-size:10px;font-weight:700;line-height:1.7;color:var(--nv-pag-sobre)}
.nv-contacto__titulo{--theme-font-size:36px;--theme-font-weight:500;--theme-line-height:1.4;margin:0 0 10px;color:var(--nv-ink)}
.nv-contacto__intro{margin:0 0 15px;font-size:15px;line-height:1.7;color:var(--nv-ink)}
.nv-contacto__campo{position:relative}
/* Shopify deja 35 px entre la intro (15) y el mensaje (20) porque en medio va su caja de avisos; aquí el aviso
   está oculto y los márgenes se colapsaban (quedaban 20, medido). */
.nv-contacto__campo--mensaje{margin-top:35px}
/* Alto 118 en todas las anchuras (Shopify: height y max-height de 118 a 1440 y a 390, medido el 2026-09-11) y
   20 px desde su línea hasta los campos (Shopify 19,8 a 1440). */
.nv-contacto__campo textarea{display:block;height:118px;min-height:0;padding:0;resize:none;font-size:15px;line-height:1.5}
.nv-contacto__grupo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 30px;margin:20px 0 5px}
/* Nombre y correo a partes iguales con 30 px entre ellos (§2.23), pero ningún campo más estrecho que su etiqueta en
   reposo ni que 140 px (unos 20 caracteres a 15 px; valor elegido, no medido en Shopify). Con 50 % − 15 fijo y la
   etiqueta sin partir, «Dirección de correo electrónico*» (210,5 px) se salía de su línea y del botón: +5 px a 1440,
   +17 a 1366, +30 a 1280 y +59 a 1100 (CDP, revisión del 2026-09-11). Por eso la etiqueta va en la misma celda de
   una rejilla que el campo y no en absoluto: así su ancho cuenta en min-content. Resultado medido: a 1440 nombre 201
   y correo 210,5 (Shopify 206 y 206, con la etiqueta partida bajo la línea); de 1025 a 1248 van uno debajo del otro,
   con los 12 px de móvil entre ellos; a 820 y a 1920, mitad y mitad. */
.nv-contacto__grupo .nv-contacto__campo{display:grid;flex:1 1 0;min-width:min-content}
.nv-contacto__grupo .nv-contacto__campo>*{grid-area:1/1}
.nv-contacto__grupo .nv-contacto__campo input{min-width:140px}
.nv-contacto__campo input{display:block;height:44px;min-height:0;padding:10px 0 0;font-size:15px}
/* Etiqueta flotante: en reposo ocupa el sitio del texto (15 px #a1a1a1); al enfocar o escribir sube y pasa a
   #151515. Sin JS: :placeholder-shown con un marcador de un espacio. */
.nv-contacto__campo label{position:absolute;left:0;top:14px;margin:0;font-size:15px;font-weight:400;line-height:1.4;color:var(--nv-pag-etiqueta);
  white-space:nowrap;pointer-events:none;transition:top .3s,font-size .3s,color .3s}
/* En la rejilla la etiqueta se desplaza con top relativo desde la esquina de su celda: queda en el mismo sitio que
   con position:absolute (14 px; −6 al subir) y la transición de top sigue funcionando. */
.nv-contacto__grupo .nv-contacto__campo label{position:relative;align-self:start;justify-self:start}
.nv-contacto__campo--mensaje label{top:0}
.nv-contacto__campo input:focus+label,.nv-contacto__campo input:not(:placeholder-shown)+label{top:-6px;font-size:12px;color:var(--nv-ink)}
.nv-contacto__campo textarea:focus+label,.nv-contacto__campo textarea:not(:placeholder-shown)+label{top:-18px;font-size:12px;color:var(--nv-ink)}
.nv-contacto__campo .is-error{background-image:linear-gradient(var(--nv-ink),var(--nv-ink)),linear-gradient(var(--nv-error),var(--nv-error))}
/* 37 px entre la línea de los campos y el botón, medido en Shopify el 2026-09-11 (campos en 871,6 + 44 = 915,6 →
   botón en 952,6 a 1440). El margen inferior del grupo se colapsa con este. */
.nv-contacto .nv-contacto__enviar{display:flex;width:100%;min-height:50px;margin-top:37px;padding:0 40px;border-radius:var(--nv-radius);
  font-size:15px;font-weight:500;line-height:1}
.nv-contacto__trampa{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.nv-contacto__aviso{margin:0 0 20px;font-size:13px;line-height:24px;outline:0}
.nv-contacto__aviso--ok{color:var(--nv-success)}
.nv-contacto__aviso--error{margin-bottom:27.5px;padding:15px 20px;border:1px solid var(--nv-error);background:rgba(235,0,27,.03);color:var(--nv-error)}
.nv-contacto__aviso-titulo{margin:0 0 10px;font-size:14px;line-height:1.5}
.nv-contacto__aviso--ok .nv-contacto__aviso-titulo{margin:0}
.nv-contacto__aviso ul{margin:0 0 0 16px;padding:0;list-style:disc}
.nv-contacto__aviso li{margin:0}
@media (max-width:1024px){
  .nv-contacto__mapa,.nv-contacto__col-form{flex-basis:100%;max-width:100%}
  .nv-contacto__mapa{height:400px;margin-bottom:30px}
  .nv-contacto__formulario{padding:30px}
}
@media (max-width:767px){
  .nv-contacto__mapa{height:500px}
  /* Shopify a 390: recuadro de x=10 a x=380. */
  .nv-contacto__datos{padding:20px;max-width:calc(100% - 20px)}
  .nv-contacto__formulario{padding:20px 0}
  .nv-contacto__titulo{--theme-font-size:24px}
  /* Shopify a 390 (2026-09-11): textarea de 118 (el 90 de §2.23 es su min-height), 16,8 px hasta el nombre,
     12 entre nombre y correo y 35 hasta el botón. Cada campo trae 4 px de margen propio: 13 + 4 y 8 + 4. */
  .nv-contacto__grupo{gap:8px;margin:13px 0 3px}
  .nv-contacto__grupo .nv-contacto__campo{flex-basis:100%}
  /* 16 px en lo que se escribe: por debajo, iOS amplía la página al enfocar y no vuelve (ver nv-base.css). La
     etiqueta flotante y el resto del texto no cambian. */
  .nv-contacto__campo input{height:40px;padding-top:5px;margin-top:4px;font-size:16px}
  .nv-contacto__campo textarea{font-size:16px}
  .nv-contacto__campo label{font-size:13px}
  .nv-contacto .nv-contacto__enviar{margin-top:35px}
}

/* ── Rejillas de colecciones ([novedad_colecciones]) ─────────────────────────────────────────
   4 / 3 / 2 columnas, separación 30 / 15 / 15, imágenes 1:1. Filas incompletas centradas como en Nitro
   (bee-justify-content-center): sin Suecos quedan 11 y la última fila lleva 3 en el centro. */
.nv-colecciones{padding-top:50px;margin-bottom:50px}
@media (max-width:1024px){.nv-colecciones{margin-bottom:30px}}
.nv-colecciones__rejilla{--nv-col-cols:4;--nv-col-gap:30px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--nv-col-gap);margin:0;padding:0;list-style:none}
@media (max-width:1024px){.nv-colecciones__rejilla{--nv-col-cols:3;--nv-col-gap:15px}}
@media (max-width:767px){.nv-colecciones__rejilla{--nv-col-cols:2}}
.nv-colecciones__item{flex:0 0 calc((100% - (var(--nv-col-cols) - 1) * var(--nv-col-gap)) / var(--nv-col-cols));min-width:0;margin:0;padding:0}
.nv-colecciones__item::before{content:none}
.nv-colecciones__enlace{position:relative;display:block;color:inherit;text-decoration:none}
.nv-colecciones__media{position:relative;display:block;overflow:hidden;aspect-ratio:1/1;background:var(--nv-placeholder)}
.nv-colecciones__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}

/* Diseño 1 (Calidad y estilo): barra #151515 bajo la imagen, 14/500 blanco, alto 50 / 40 / 30 con 10 px de
   relleno e interlineado 1 (a 390 mide 34, como en Shopify). Al pasar el ratón se invierte. */
.nv-colecciones--d1 .nv-colecciones__titulo{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:50px;padding:10px;
  background:var(--nv-ink);color:#fff;font-size:14px;font-weight:500;line-height:1;text-align:center;transition:color var(--nv-ease),background-color var(--nv-ease)}
.nv-colecciones--d1 .nv-colecciones__enlace:hover .nv-colecciones__titulo{background:#fff;color:var(--nv-ink)}
@media (max-width:1024px){.nv-colecciones--d1 .nv-colecciones__titulo{min-height:40px}}
@media (max-width:767px){.nv-colecciones--d1 .nv-colecciones__titulo{min-height:30px}}

/* Diseño 2 (COLECCIONES): zoom de la imagen (1 s, ×1,1) y líneas blancas de 1 px que recorren el contorno a
   15 px del borde (0,8 s); barra superpuesta abajo de 64 px, gris #4c4b51 al 20 %. */
.nv-colecciones--d2 .nv-colecciones__img{transition:transform 1s}
.nv-colecciones--d2 .nv-colecciones__enlace:hover .nv-colecciones__img{transform:scale(1.1)}
.nv-colecciones--d2 .nv-colecciones__media::before,.nv-colecciones--d2 .nv-colecciones__media::after{content:"";position:absolute;z-index:1;width:0;height:0;opacity:0;
  pointer-events:none;transition:all .8s ease}
.nv-colecciones--d2 .nv-colecciones__media::before{top:15px;left:15px;border-top:1px solid #fff;border-left:1px solid #fff}
.nv-colecciones--d2 .nv-colecciones__media::after{right:15px;bottom:15px;border-right:1px solid #fff;border-bottom:1px solid #fff}
.nv-colecciones--d2 .nv-colecciones__enlace:hover .nv-colecciones__media::before,
.nv-colecciones--d2 .nv-colecciones__enlace:hover .nv-colecciones__media::after{opacity:1;width:calc(100% - 30px);height:calc(100% - 30px)}
/* flex-wrap: si en algún ancho, o con otra fuente, el nombre no cabe junto a «VER MÁS», este baja a una segunda línea
   dentro de la barra (dos líneas de 19,6 px caben en 64) en lugar de recortar el nombre. La elipsis del nombre queda
   solo para uno más largo que la barra entera: ninguno de los 11 de hoy, medido de 320 a 1920. */
.nv-colecciones--d2 .nv-colecciones__barra{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-wrap:wrap;align-content:center;align-items:center;
  gap:2px 12px;box-sizing:border-box;min-height:64px;padding:0 25px;background:rgba(76,75,81,.2);background:color-mix(in srgb,var(--nv-price) 20%,transparent);
  color:var(--nv-price);font-size:14px;line-height:1.4}
.nv-colecciones--d2 .nv-colecciones__titulo{display:flex;align-items:center;justify-content:space-between;gap:5px;flex:1 1 auto;min-width:0;font-weight:900}
.nv-colecciones--d2 .nv-colecciones__nombre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* «»» a 14 px en todas las anchuras (§2.23). */
.nv-colecciones--d2 .nv-colecciones__flecha{flex:0 0 auto;font-size:14px;font-weight:400;line-height:1}
.nv-colecciones--d2 .nv-colecciones__ver{flex:0 0 auto;font-weight:600;text-transform:uppercase;white-space:nowrap}
/* Móvil: nombre y «VER MÁS» siguen a 14 px, como en Shopify a 390. Medido con CDP a 390: con el relleno de 10
   de §2.23 y separaciones 6/5, «Plataformas» se corta (73 de 79 px); con 10 y 4/3, aún 77 de 79; con 8 y 4/3
   caben los 11 nombres en una línea. */
@media (max-width:767px){
  .nv-colecciones--d2 .nv-colecciones__barra{gap:2px 4px;padding:0 8px}
  .nv-colecciones--d2 .nv-colecciones__titulo{gap:3px}
}
/* Por debajo de 390 ya no caben en una línea (CDP, revisión del 2026-09-11: a 375 «Plataformas» 73 de 79 px; a 360
   cuatro nombres cortados). «VER MÁS» pasa en todas las tarjetas a una segunda línea bajo el nombre: la rejilla se
   ve igual en cada tarjeta, nada se sale de la barra de 64 px y el nombre recupera todo el ancho con el relleno de 10
   de §2.23. «»» sigue al nombre en lugar de irse al borde derecho. */
@media (max-width:389px){
  .nv-colecciones--d2 .nv-colecciones__barra{padding:0 10px}
  .nv-colecciones--d2 .nv-colecciones__titulo{flex-basis:100%;justify-content:flex-start}
}

/* ── 404: medido en Shopify a 1440 (cabecera hasta y=208, «404» empieza en y=454) ──────────────
   Margen 200 / 140 como su página vacía; «404» 140/300 (80 en ≤1024), «Ups.» 60/400 (40), texto 18 (16). */
.nv-404{margin:140px auto;min-height:50vh;text-align:center}
@media (min-width:1025px){.nv-404{margin:200px auto}}
.nv-404__titulo{--theme-font-size:140px;--theme-font-weight:300;--theme-line-height:1.4;margin:0 0 5px;color:var(--nv-ink)}
.nv-404__ups{--theme-font-size:60px;--theme-font-weight:400;--theme-line-height:1.4;margin:0 0 20px;color:var(--nv-ink)}
.nv-404__texto{margin:0 0 30px;font-size:18px;font-weight:400;line-height:27px;color:var(--nv-pag-gris-texto)}
.nv-404 .nv-404__boton{min-height:56px;padding:0 40px;border-radius:0;font-size:16px;font-weight:400;line-height:1}
/* Nitro no cambia a dorado aquí: el botón baja a opacidad .8. */
.nv-404 .nv-404__boton:hover{background:var(--nv-dark);border-color:var(--nv-dark);color:#fff;opacity:.8}
@media (max-width:1024px){
  .nv-404__titulo{--theme-font-size:80px}
  .nv-404__ups{--theme-font-size:40px}
  .nv-404__texto{font-size:16px}
}
/* Móvil: Shopify a 390 pinta el botón de 128×40 (medido por píxeles en su captura). Con 56 de alto y 40 de relleno el
   nuestro medía 285×56, empezaba en x=52 y quedaba 18 px debajo del WhatsApp flotante, que en ≤1024 va en x 10–70
   (nv-pie.css, T2). Con 40/20/14 mide 220×40 y empieza en x=85 a 390, 78 a 375 y 70 a 360 (CDP, 2026-09-11). */
@media (max-width:767px){
  .nv-404 .nv-404__boton{min-height:40px;padding:0 20px;font-size:14px}
}

/* ── Mi cuenta (§2.25): campos subrayados (nv-base), botones oscuros, menú 3/12 + contenido 9/12 ── */
.nv-cuenta{padding:50px 0}
@media (max-width:767px){.nv-cuenta{padding-bottom:30px}}
.nv-cuenta:not(.nv-cuenta--sesion) .woocommerce{max-width:460px;margin-inline:auto}
/* La banda ya dice «Acceso»: el «Acceder» de Woo sobra cuando no hay registro (una sola columna). */
.nv-cuenta:not(.nv-cuenta--sesion) .woocommerce>h2{display:none}
.nv-cuenta .woocommerce-form-login,.nv-cuenta .woocommerce-form-register,.nv-cuenta .woocommerce-ResetPassword,
.nv-cuenta .woocommerce-EditAccountForm,.nv-cuenta .woocommerce-address-fields{margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.nv-cuenta .form-row{margin:0 0 20px;padding:0}
.nv-cuenta .form-row label{display:block;margin:0 0 4px;font-size:13px;font-weight:500;line-height:1.5;color:var(--nv-ink)}
.nv-cuenta .form-row .required{color:var(--nv-error);text-decoration:none;border:0}
.nv-cuenta .woocommerce-form-login__rememberme{display:inline-flex!important;align-items:center;gap:8px;margin:0 0 15px;font-weight:400!important}
.nv-cuenta input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--nv-ink)}
.nv-cuenta .woocommerce-button,.nv-cuenta .woocommerce-form-login__submit,.nv-cuenta button[type=submit]{min-height:50px;padding:0 40px;border-radius:var(--nv-radius);
  font-size:15px;font-weight:500;line-height:1}
.nv-cuenta .woocommerce-form-login__submit{display:flex;align-items:center;justify-content:center;width:100%;margin:0}
.nv-cuenta .lost_password{margin:15px 0 0;font-size:14px}
.nv-cuenta .lost_password a,.nv-cuenta .woocommerce-MyAccount-content a:not(.button){color:var(--nv-ink);text-decoration:none;border-bottom:1px solid currentColor}
.nv-cuenta .lost_password a:hover,.nv-cuenta .woocommerce-MyAccount-content a:not(.button):hover{color:var(--nv-link-hover)}
/* Con sesión (Blocksy envuelve el menú en .ct-acount-nav). */
.nv-cuenta--sesion .woocommerce{display:flex;flex-wrap:wrap;align-items:flex-start;gap:30px}
.nv-cuenta--sesion .ct-acount-nav,.nv-cuenta--sesion .woocommerce>.woocommerce-MyAccount-navigation{flex:0 0 calc(25% - 22.5px);max-width:calc(25% - 22.5px);float:none;width:auto;margin:0}
.nv-cuenta--sesion .woocommerce-MyAccount-navigation{width:100%;float:none;margin:0}
.nv-cuenta--sesion .woocommerce-MyAccount-content{flex:1 1 0;min-width:0;float:none;width:auto;margin:0}
.nv-cuenta .woocommerce-MyAccount-navigation ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--nv-border)}
.nv-cuenta .woocommerce-MyAccount-navigation li{margin:0;padding:0;border-bottom:1px solid var(--nv-border)}
.nv-cuenta .woocommerce-MyAccount-navigation li a{display:block;padding:12px 0;border-radius:0;background:none;color:var(--nv-ink);font-size:14px;font-weight:400;text-decoration:none}
.nv-cuenta .woocommerce-MyAccount-navigation li a:hover{background:none;color:var(--nv-link-hover)}
.nv-cuenta .woocommerce-MyAccount-navigation li.is-active a{font-weight:600}
.nv-cuenta table.shop_table,.nv-cuenta .woocommerce-orders-table{width:100%;margin:0 0 20px;border:1px solid var(--nv-border);border-collapse:collapse;border-radius:0}
.nv-cuenta table.shop_table th,.nv-cuenta table.shop_table td{padding:12px 15px;border:1px solid var(--nv-border);font-size:14px;text-align:left}
.nv-cuenta table.shop_table th{font-weight:600}
@media (max-width:1024px){
  .nv-cuenta--sesion .ct-acount-nav,.nv-cuenta--sesion .woocommerce>.woocommerce-MyAccount-navigation,.nv-cuenta--sesion .woocommerce-MyAccount-content{flex-basis:100%;max-width:100%}
}
