:root{
  --brand:#ff7a00;
  --brand-2:#ffd200;
  --green:#2b7a36;
  --ink:#1b1b1b;
  --muted:#6b7280;
  --bg:#ffffff;
  --card:#ffffff;
  --radius:16px;
  --shadow:0 6px 24px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.65;
}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.topbar{background:#fef3c7;color:#92400e;font-weight:700;padding:6px 16px;text-align:right;}
.header{
  position:sticky; top:0; z-index:50;
  background:linear-gradient(90deg, var(--brand), var(--brand-2)); color:#fff; box-shadow:var(--shadow);
}
.header-inner{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:14px 24px}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px}
.logo-img{width:42px;height:42px;object-fit:contain;display:block}
.nav ul{display:flex;flex-wrap:wrap;gap:14px;list-style:none;margin:0;padding:0}
.nav a{color:#fff;font-weight:700}
.cta-top{background:#fff;color:var(--brand);padding:8px 14px;border-radius:999px;font-weight:800}
.hero{color:var(--ink);padding:0;text-align:center;background:var(--bg)}
.hero .img{width:100%; height:min(70vh, 720px); background:url('pages/Imgs/treeoranges.png') center/cover no-repeat;}
.hero .overlay{position:relative;margin-top:0;padding:32px 24px;background:linear-gradient(180deg,#fff,#fff7e6);box-shadow:var(--shadow)}
.hero .overlay .cta{display:inline-block;background:var(--brand);color:#fff;padding:12px 20px;border-radius:12px;font-weight:800;box-shadow:var(--shadow)}
.hero h1{font-size:44px;line-height:1.1;margin:0 0 12px}
.hero p{font-size:18px;opacity:.95;margin:0 auto 12px;max-width:900px}
.container{max-width:1100px;margin:auto;padding:24px}
.grid{display:grid;gap:20px}
.grid.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid #f2f2f2}
.card img{width:100%;height:180px;object-fit:cover;display:block}
.card .pad{padding:16px}
.card h3{margin:0 0 6px}
.card p{margin:0}
.section-title{font-size:28px;margin:0 0 10px}
.subtle{color:var(--muted);margin:0}
.prices table{width:100%;border-collapse:collapse;box-shadow:var(--shadow);border-radius:12px;overflow:hidden;background:#fff}
.prices th, .prices td{padding:10px 12px;border-bottom:1px solid #eee;text-align:left}
.prices thead th{background:#fff5e6}
.notice{background:#fff7e6;border:1px solid #ffd7a8;border-radius:12px;padding:12px}
.footer{margin-top:40px;background:#111;color:#cbd5e1}
.footer .cols{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.footer a{color:#cbd5e1}
.small{font-size:14px;color:#6b7280}
hr{border:none;border-top:1px solid #eee;margin:24px 0}
/* Formulario de pedidos mejorado */
.pedido-form{
  background:#fff;
  border-radius:16px;
  padding:24px;
  box-shadow:var(--shadow);
  margin-top:20px;
}
.pedido-form h3{
  margin-top:0;
  color:var(--brand);
  text-align:center;
}
.grid-form{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
  margin-bottom:16px;
}
.pedido-form label{
  display:flex;
  flex-direction:column;
  font-size:14px;
  color:var(--muted);
  font-weight:600;
}
.pedido-form input,
.pedido-form textarea{
  margin-top:6px;
  padding:12px;
  border:1px solid #ddd;
  border-radius:10px;
  font-size:15px;
  transition:border-color 0.2s, box-shadow 0.2s;
}
.pedido-form input:focus,
.pedido-form textarea:focus{
  outline:none;
  border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(255,122,0,.2);
}
.pedido-form button{
  width:100%;
  padding:14px;
  margin-top:12px;
  border:none;
  border-radius:12px;
  font-size:16px;
  font-weight:700;
  color:#fff;
  background:linear-gradient(90deg, var(--brand), var(--brand-2));
  cursor:pointer;
  box-shadow:var(--shadow);
  transition:transform 0.1s;
}
.pedido-form button:hover{
  transform:scale(1.02);
}
/* === CONTENEDOR DE PÁGINAS ESTÁTICAS === */
.static-page-content {
  display: block;
  background: #fff;
  padding: 40px 20px;
  max-width: 1100px;
  margin: 0 auto;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

/* Tipografía y títulos */
.static-page-content h1,
.static-page-content h2,
.static-page-content h3 {
  color: #ff9800;
  margin-bottom: 15px;
  font-weight: bold;
}

.static-page-content p {
  color: #333;
  font-size: 1rem;
  margin-bottom: 10px;
  line-height: 1.6;
}

.static-page-content table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

.static-page-content th {
  background: #ff9800;
  color: white;
  padding: 10px;
}

.static-page-content td {
  padding: 10px;
  border-bottom: 1px solid #eee;
}

/* === Estilo para títulos de las noticias === */
.grid.cards .card h3 a {
  color: var(--brand) !important;   /* Naranja corporativo */
  text-decoration: none;
}

.grid.cards .card h3 a:hover {
  color: var(--brand-2) !important; /* Amarillo al pasar el ratón */
  text-decoration: underline;
}
/* === Rejilla de noticias === */
.grid.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 900px) {
  .grid.cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .grid.cards {
    grid-template-columns: 1fr;
  }
}


/* === FOOTER UNIFICADO === */
footer,
.footer,
.site-footer {
  background: linear-gradient(to right, var(--brand), var(--brand-2));
  color: #333;
  padding: 40px 20px;
  margin-top: 60px;
  font-size: 0.95rem;
  box-shadow: 0 -3px 10px rgba(0,0,0,0.1);
}

footer .container,
.footer .container,
.site-footer .container {
  max-width: 1100px;
  margin: 0 auto;
}

footer .cols,
.footer .cols,
.site-footer .cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
  text-align: left;
}

footer h3,
.footer h3,
.site-footer h3 {
  font-size: 1.1rem;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: none;     /* 👈 sin mayúsculas */
  letter-spacing: normal;   /* 👈 sin separación extra */
  color: #fff;              /* 👈 blanco puro */
}
}

footer p,
.footer p,
.site-footer p {
  margin: 0 0 10px 0;
  line-height: 1.6;
  color: #333;
}

footer a,
.footer a,
.site-footer a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
}

footer a:hover,
.footer a:hover,
.site-footer a:hover {
  color: var(--accent);
}

footer .small,
.footer .small,
.site-footer .small {
  font-size: 0.85rem;
  color: #444;
  font-style: italic;
  margin-top: 5px;
}

/* Responsive */
@media (max-width: 768px) {
  footer .cols,
  .footer .cols,
  .site-footer .cols {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.producto-single .producto-img img {
  max-width: 400px;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  margin-bottom: 20px;
}

.producto-single .producto-info p {
  font-size: 1rem;
  margin: 6px 0;
}

.disponible { color: var(--green); font-weight: bold; }
.no-disponible { color: #b91c1c; font-weight: bold; }

.producto-descripcion {
  margin-top: 20px;
  line-height: 1.6;
}
/* === Imagen del producto individual === */
.producto-single .producto-img {
  text-align: center;
  margin: 20px auto;
}

.producto-single .producto-img img {
  max-width: 350px;              /* Tamaño máximo de imagen */
  width: 100%;
  height: auto;
  border: 4px solid var(--brand);  /* Borde naranja */
  border-radius: 14px;             /* Esquinas suaves */
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  display: inline-block;
  transition: transform 0.2s ease;
}

.producto-single .producto-img img:hover {
  transform: scale(1.03);         /* Pequeña animación al pasar el ratón */
}

/* === Info del producto === */
.producto-single .producto-info {
  margin-top: 10px;
  font-size: 1rem;
  line-height: 1.5;
}

.producto-single .disponible {
  color: var(--green);
  font-weight: bold;
}

.producto-single .no-disponible {
  color: #b91c1c;
  font-weight: bold;
}

.producto-single .producto-descripcion {
  margin-top: 20px;
  line-height: 1.6;
}

}

/* === Bordes naranjas unificados para todas las tarjetas === */

/* === ARREGLO FINAL: BORDES NARANJAS COMPLETOS AL HACER HOVER === */
.card {
  position: relative;
  background: #fff;
  border: 3px solid var(--brand);      /* borde naranja visible */
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  text-align: center;
  overflow: visible !important;        /* 👈 evita que el zoom se recorte */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  will-change: transform;
}

.card:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  z-index: 10;                         /* 👈 asegura que sobresalga sobre otras tarjetas */
}

/* Asegura que las imágenes no rompan el borde */
.card img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-bottom: 3px solid var(--brand);
  border-radius: 10px 10px 0 0;
  box-shadow: none !important;
  transition: transform 0.25s ease;
  transform-origin: center center;
}

.card img:hover {
  transform: scale(1.03);
}

/* En carruseles o rejillas, evita solapamientos entre tarjetas */
.carousel-track,
.grid.cards {
  overflow: visible !important;   /* 👈 deja respirar los bordes */
  padding: 10px 0;
}


/* === Alineación general de las imágenes en tarjetas === */
.grid.cards .card {
  text-align: center;
}

/* === Imagen destacada en entradas individuales (noticias, recetas, etc.) === */
.noticia-single .post-thumbnail {
  text-align: center;
  margin: 20px auto;
  overflow: visible;             /* 👈 evita que el zoom corte el borde */
}

.noticia-single .post-thumbnail img {
  max-width: 350px;
  width: 100%;
  height: auto;
  border: 4px solid var(--brand);
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  display: inline-block;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  transform-origin: center center;  /* 👈 asegura que el zoom crezca desde el centro */
}

.noticia-single .post-thumbnail img:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

/* === Contenido de las entradas === */
.noticia-single .content img {
  max-width: 100%;
  height: auto;
  border: 3px solid var(--brand);
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.1);
  margin: 10px auto;
  display: block;
  overflow: visible;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noticia-single .content img:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/* === ESTILO UNIFICADO Y OPTIMIZADO DE IMÁGENES === */

/* --- Tarjetas de noticias, recetas, etc. --- */
.card img {
  width: 100%;
  height: 200px;                /* tamaño fijo y proporcionado */
  object-fit: cover;
  border: 4px solid var(--brand);
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.1);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.card img:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

/* --- Imagen destacada de productos --- */
.producto-single .producto-img {
  text-align: center;
  margin: 20px auto;
  overflow: visible;
}

.producto-single .producto-img img {
  max-width: 350px;
  height: auto;
  border: 4px solid var(--brand);
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.producto-single .producto-img img:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

/* --- Imagen destacada en noticias / recetas individuales --- */
.noticia-single .post-thumbnail {
  text-align: center;
  margin: 20px auto;
  overflow: visible;
}

.noticia-single .post-thumbnail img {
  max-width: 350px;
  height: auto;
  border: 4px solid var(--brand);
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.1);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  transform-origin: center center;
}

.noticia-single .post-thumbnail img:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

/* --- Imágenes dentro del contenido de las entradas --- */
.noticia-single .content img,
.entry-content img {
  max-width: 100%;
  height: auto;
  border: 3px solid var(--brand);
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.1);
  margin: 10px auto;
  display: block;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noticia-single .content img:hover,
.entry-content img:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}
/* === RESPONSIVE DESIGN NARANJAS DEL TURIA === */

/* --- 1. Estructura general --- */
.container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

h1, h2, h3 {
  line-height: 1.2;
  word-wrap: break-word;
}

/* --- 2. Tarjetas (noticias, recetas, etc.) --- */
.grid.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 1024px) {
  .grid.cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .grid.cards {
    grid-template-columns: 1fr;
  }
}

/* --- 3. Imágenes dentro de tarjetas (ya optimizadas) --- */
.card img {
  height: 200px;
}

@media (max-width: 640px) {
  .card img {
    height: 150px;
  }
}

/* --- 4. Tabla de precios responsive --- */
.tabla-precios table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
}

.tabla-precios th,
.tabla-precios td {
  padding: 10px 14px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

/* scroll horizontal suave en móviles */
@media (max-width: 768px) {
  .tabla-precios {
    overflow-x: auto;
  }
  .tabla-precios table {
    min-width: 600px;
  }
}

/* --- 5. Ajuste de texto y botones en pantallas pequeñas --- */
@media (max-width: 768px) {
  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.4rem; }
  h3 { font-size: 1.2rem; }
  p, td, th { font-size: 1rem; }

  .cta-top,
  .cta,
  button {
    font-size: 0.9rem;
    padding: 10px 18px;
  }
}

/* --- 6. Imágenes individuales (productos, noticias) --- */
.producto-single .producto-img img,
.noticia-single .post-thumbnail img {
  max-width: 350px;
  width: 100%;
}

@media (max-width: 480px) {
  .producto-single .producto-img img,
  .noticia-single .post-thumbnail img {
    max-width: 280px;
  }
}

/* --- 7. Márgenes y espaciado --- */
section {
  margin-bottom: 40px;
}

@media (max-width: 640px) {
  section {
    margin-bottom: 30px;
  }
}

/* --- 8. Menú (si lo tienes fijo arriba) --- */
@media (max-width: 768px) {
  nav ul {
    flex-direction: column;
    align-items: center;
  }
  nav li {
    margin: 10px 0;
  }
}
/* Menú responsive simple */
@media (max-width: 768px) {
  header nav ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  header nav ul li {
    margin: 8px 0;
  }

  header nav a {
    display: block;
    width: 100%;
  }
}
/* ======== MENÚ RESPONSIVE NARANJAS DEL TURIA ======== */

/* Estructura general */
.header {
  background: #fff;
  border-bottom: 1px solid #f2a800;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 10px 20px;
}

/* Oculta botón hamburguesa en escritorio */
.menu-toggle {
  display: none;
  font-size: 26px;
  cursor: pointer;
  color: #f28c00;
}

/* Enlaces del menú */
.nav ul {
  list-style: none;
  display: flex;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

.nav a {
  text-decoration: none;
  color: #333;
  font-weight: 600;
}

/* CTA */
.cta-top {
  background: #f28c00;
  color: white;
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: bold;
}

/* ============ MODO MÓVIL ============ */
@media (max-width: 768px) {
  .menu-toggle {
    display: block;
  }

  .header-inner {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .nav {
    width: 100%;
    display: none;
  }

  .nav.active {
    display: block;
  }

  .nav ul {
    flex-direction: column;
    gap: 0;
    width: 100%;
    background: #fff6e0;
    border-top: 1px solid #f2a800;
    padding: 10px 0;
  }

  .nav ul li {
    text-align: left;
    padding: 10px 20px;
  }

  .cta-top {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}
/* ======== MENÚ RESPONSIVE NARANJAS DEL TURIA ======== */

/* ======== MENÚ NARANJAS DEL TURIA (restaurado con fondo degradado y texto blanco) ======== */

.header {
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  color: #fff;
  box-shadow: var(--shadow);
  font-family: 'Segoe UI', sans-serif;
  position: sticky;
  top: 0;
  z-index: 50;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 12px 20px;
}

/* Logo */
.logo {
  font-weight: 700;
  font-size: 1.1rem;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
}

.logo-img {
  height: 36px;
}

/* Menú principal */
.nav ul {
  list-style: none;
  display: flex;
  gap: 1.2rem;
  margin: 0;
  padding: 0;
}

.nav a {
  text-decoration: none;
  color: #fff;
  font-weight: 600;
  transition: all 0.2s ease;
}

.nav a:hover {
  color: #fff5cc;
  text-decoration: underline;
}

/* CTA superior */
.cta-top {
  background: #fff;
  color: var(--brand);
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: bold;
  transition: 0.3s;
}

.cta-top:hover {
  background: #fff5cc;
  color: var(--brand);
}

/* Botón hamburguesa */
.menu-toggle {
  display: none;
  font-size: 28px;
  cursor: pointer;
  color: #fff;
  background: none;
  border: none;
}

/* ======= MODO MÓVIL ======= */
@media (max-width: 768px) {
  .menu-toggle {
    display: block;
  }

  .header-inner {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .nav {
    width: 100%;
    display: none;
  }

  .nav.active {
    display: block;
  }

  .nav ul {
    flex-direction: column;
    width: 100%;
    background: linear-gradient(180deg, var(--brand), var(--brand-2));
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding: 10px 0;
  }

  .nav ul li {
    padding: 10px 20px;
  }

  .nav a {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 600;
    display: block;
    width: 100%;
  }

  .cta-top {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}
/* === TABLAS DE PRECIOS RESPONSIVE === */
.prices table,
.tabla-precios table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
  border-radius: 10px;
  overflow: hidden;
  display: block;
}

.prices th,
.prices td,
.tabla-precios th,
.tabla-precios td {
  padding: 10px 14px;
  text-align: left;
  border-bottom: 1px solid #eee;
  white-space: nowrap; /* Evita que las celdas se rompan */
}

/* Contenedor con scroll horizontal en móviles */
.prices,
.tabla-precios {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Fondo más suave para encabezado */
.prices thead th,
.tabla-precios thead th {
  background: #fff7e6;
  color: var(--ink);
  font-weight: 700;
}

/* Ajuste de tamaño y legibilidad en pantallas pequeñas */
@media (max-width: 768px) {
  .prices table,
  .tabla-precios table {
    font-size: 0.95rem;
    min-width: 500px; /* evita que se amontonen las columnas */
  }
}
/* === ARREGLO: MOSTRAR TODAS LAS COLUMNAS EN MÓVIL === */
@media (max-width: 768px) {
  .prices table,
  .tabla-precios table {
    display: block;
    overflow-x: auto;
    width: 100%;
    min-width: 600px; /* 👈 fuerza espacio para todas las columnas */
  }

  .prices thead,
  .tabla-precios thead {
    display: table-header-group; /* asegura que se muestren cabeceras */
  }

  .prices tr,
  .tabla-precios tr {
    display: table-row; /* no colapsa filas */
  }

  .prices th,
  .prices td,
  .tabla-precios th,
  .tabla-precios td {
    display: table-cell; /* mantiene todas las celdas visibles */
    white-space: nowrap;
  }
}
/* === ESTILO RESTAURADO PARA DESCRIPCIONES Y PRODUCTOS EN TABLA DE PRECIOS === */
.prices td strong,
.tabla-precios td strong,
.prices td .desc,
.tabla-precios td .desc {
  color: var(--brand);      /* Naranja corporativo */
  font-weight: 700;         /* Negrita */
}

/* Si la descripción está en una celda específica (por ejemplo, tercera columna) */
.prices td:nth-child(3),
.tabla-precios td:nth-child(3) {
  color: var(--brand);
  font-weight: 700;
}

/* === CORRECCIÓN FINAL: ENLACES Y TEXTOS NARANJAS EN TABLAS DE PRECIOS === */
.prices a,
.tabla-precios a,
.prices td,
.tabla-precios td {
  color: var(--brand) !important;   /* 🔸 fuerza naranja */
  font-weight: 700;
  text-decoration: none;
}

.prices a:hover,
.tabla-precios a:hover {
  color: var(--brand-2) !important; /* 🔸 tono amarillo al pasar el ratón */
  text-decoration: underline;
}
/* === ESTILO PARA PRODUCTOS NO DISPONIBLES EN TABLA DE PRECIOS === */
.prices .no-disponible,
.tabla-precios .no-disponible {
  color: #9ca3af !important;   /* 🔸 gris neutro */
  font-weight: 600;
  text-decoration: none;
}

.prices .no-disponible a,
.tabla-precios .no-disponible a {
  color: #9ca3af !important;
  pointer-events: none;         /* evita clics en enlaces desactivados */
  cursor: default;
}

/* === CORRECCIÓN DEFINITIVA: PRODUCTOS NO DISPONIBLES EN GRIS === */
.prices td.no-disponible,
.prices tr.no-disponible td,
.tabla-precios td.no-disponible,
.tabla-precios tr.no-disponible td {
  color: #9ca3af !important;   /* 🔸 gris suave */
  font-weight: 600 !important;
  text-decoration: none !important;
}

.prices td.no-disponible a,
.prices tr.no-disponible td a,
.tabla-precios td.no-disponible a,
.tabla-precios tr.no-disponible td a {
  color: #9ca3af !important;
  pointer-events: none;
  cursor: default;
}

main.container img {
  border: 4px solid var(--brand);
  border-radius: 12px;
}
/* === DESACTIVAR ZOOM EN IMÁGENES DE TARJETAS Y PRODUCTOS === */
.card img,
.entry-content img,
.grid.cards .card img,
.noticia-single .post-thumbnail img,
.producto-single .producto-img img {
  transform: none !important;
  transition: none !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.1);
}

/* Elimina también el efecto hover */
.card img:hover,
.entry-content img:hover,
.grid.cards .card img:hover,
.noticia-single .post-thumbnail img:hover,
.producto-single .producto-img img:hover {
  transform: none !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.1);
}
/* === PAGINACIÓN NARANJA CORPORATIVA === */
.page-numbers,
.pagination a,
.pagination span {
  color: var(--brand) !important;     /* Naranja principal */
  font-weight: 700;
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}

/* Página activa o actual */
.page-numbers.current,
.pagination .current {
  background: var(--brand);
  color: #fff !important;
  border-color: var(--brand);
}

/* Hover */
.page-numbers:hover,
.pagination a:hover {
  color: #fff !important;
  background: var(--brand-2);
  border-color: var(--brand-2);
}
/* === AJUSTES DE HEADER EN MÓVIL === */


  /* === CENTRAR HEADER Y TELÉFONOS EN MÓVIL === */
@media (max-width: 768px) {

/* Centra solo el logo y los elementos principales, no el menú */
.header-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Evita que el menú herede el centrado */
.header-inner nav,
.header nav,
header nav {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100%;
}


  /* Centra el título o logo */
  .logo,
  .logo a {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap;
  }



  /* Ajustes menores para menú y botón */
  .nav ul {
    justify-content: center !important;
    text-align: center;
  }
  /* === CENTRAR SOLO LA LÍNEA DE TELÉFONOS EN MÓVIL === */
@media (max-width: 768px) {
  .topbar {
    text-align: center !important;
    width: 100%;
    display: block;
    font-size: 0.95rem;
    line-height: 1.4;
    padding: 6px 10px;
  }

  /* Asegura que el icono ☰ no se vea afectado */
  .menu-toggle {
    position: absolute;
    left: 15px;
    top: 12px;
    display: block;
  }

  /* Evita que el centrado de la topbar mueva el resto */
  header .header-inner {
    position: relative;
  }
}


  .cta-top {
    margin: 8px auto;
    display: inline-block;
  }
}

/* === BLOQUE FINAL A PRUEBA DE TODO === */
@media (max-width: 768px) {

  /* Menú móvil desplegado alineado a la izquierda */
  .header .nav.active ul,
  header .nav.active ul,
  .header-inner .nav.active ul {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left !important;
    padding-left: 20px !important;
    margin: 0 !important;
    gap: 8px !important;
  }

  .header .nav.active ul li,
  header .nav.active ul li,
  .header-inner .nav.active ul li {
    width: 100% !important;
  }

  .header .nav.active ul li a,
  header .nav.active ul li a,
  .header-inner .nav.active ul li a {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding: 10px 0 !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.15);
  }

  .header .nav.active ul li a:hover {
    color: #fff5cc !important;
  }
}
/* === SOLUCIÓN COMPLETA: MENÚ MÓVIL IZQUIERDA + FONDO FIJO === */
@media (max-width: 768px) {

  /* Teléfonos centrados */
  .topbar {
    text-align: center !important;
    white-space: nowrap !important;
    font-size: 0.95rem;
    line-height: 1.4;
    padding: 6px 10px;
  }

  /* Header con fondo fijo */
  .header {
    position: relative;
    z-index: 50;
    background: linear-gradient(180deg, var(--brand), var(--brand-2));
  }

  /* Icono hamburguesa fijo a la izquierda */
  .menu-toggle {
    position: absolute;
    left: 15px;
    top: 12px;
    font-size: 28px;
    color: #fff;
    display: block;
    cursor: pointer;
    z-index: 200;
  }

  /* Logo centrado */
  .logo {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px;
    text-align: center !important;
  }

  /* Menú móvil como panel separado */
  .nav {
    position: absolute;           /* 👈 sale del flujo del header */
    top: 100%;                    /* aparece justo debajo del header */
    left: 0;
    width: 100%;
    background: #fff;             /* blanco, independiente del naranja */
    border-top: 2px solid var(--brand);
    display: none;
    z-index: 150;
  }

  .nav.active {
    display: block;
  }

  /* Enlaces dentro del menú */
  .nav ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;   /* 👈 alineado a la izquierda */
    justify-content: flex-start !important;
    text-align: left !important;
    padding: 12px 20px !important;
    margin: 0;
    list-style: none;
    gap: 8px;
  }

  .nav ul li {
    width: 100%;
  }

  .nav ul li a {
    display: block;
    width: 100%;
    text-align: left;
    color: #333;
    padding: 10px 0;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    transition: color 0.2s;
  }

  .nav ul li a:hover {
    color: var(--brand);
  }

  /* Botón “Comprar” centrado como estaba */
  .cta-top {
    margin: 10px auto;
    display: inline-block;
    background: #fff;
    color: var(--brand);
    border-radius: 6px;
    padding: 8px 16px;
    font-weight: bold;
  }
}

.static-page-content img {
  border: 4px solid var(--brand);
  border-radius: 12px;
  box-shadow: var(--shadow);
}

.boton-carrito {
  display: inline-block;
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  color: #fff !important;
  font-size: 1.1rem;
  border-radius: 8px;
  padding: 6px 10px;
  text-decoration: none;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.boton-carrito:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 16px rgba(0,0,0,0.25);
}
.no-disponible .boton-carrito {
  background: #ccc !important;
  cursor: not-allowed;
  pointer-events: none;
}


/* =======================================================
   🟠 WOO COMMERCE – NARANJAS DEL TURIA (OPTIMIZADO)
   ======================================================= */

body.woocommerce,
body.woocommerce-page {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  color: var(--ink, #1b1b1b);
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px;
}

/* --- GRID DE PRODUCTOS --- */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
  margin: 30px auto;
  padding: 0;
  list-style: none;
  max-width: 1000px;
}

/* --- TARJETAS DE PRODUCTO --- */
.woocommerce ul.products li.product {
  background: #fffdf8;
  border: 1px solid #f5e7d2;
  border-radius: 14px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  text-align: center;
  padding: 1rem;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.woocommerce ul.products li.product:hover {
  border-color: #ffb84d;
  box-shadow: 0 8px 22px rgba(255, 122, 0, 0.15);
  transform: translateY(-3px);
}

/* --- IMAGEN DE PRODUCTO --- */
.woocommerce ul.products li.product img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 10px;
  border: 3px solid var(--brand, #ff7a00);
  margin-bottom: 10px;
}

/* --- TÍTULO Y PRECIO --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--brand, #ff7a00);
  margin: 6px 0;
  line-height: 1.3;
}

.woocommerce ul.products li.product .price {
  font-size: 0.9rem;
  color: var(--green, #2b7a36);
  font-weight: 700;
  margin-bottom: 6px;
}

/* --- BOTÓN AÑADIR AL CARRITO --- */
.woocommerce ul.products li.product a.button {
  display: inline-block;
  background: linear-gradient(90deg, var(--brand, #ff7a00), var(--brand-2, #ffd200));
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 0.85rem;
  font-weight: 700;
  transition: all 0.2s ease;
  box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}

.woocommerce ul.products li.product a.button:hover {
  background: var(--brand-2, #ffb700);
  transform: scale(1.05);
}

/* --- ETIQUETAS DE OFERTA --- */
.woocommerce span.onsale {
  background: var(--brand, #ff7a00);
  color: #fff;
  font-weight: 700;
  font-size: 0.8rem;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  top: 10px;
  left: 10px;
}

/* =======================================================
   🟠 PRODUCTO INDIVIDUAL – NARANJAS DEL TURIA (FINAL)
   ======================================================= */

/* --- Centrar título y ocultar metadatos --- */
.single-product h1.product_title.entry-title {
  text-align: center !important;
  font-size: 1.9rem !important;
  color: var(--brand, #ff7a00) !important;
  font-weight: 800 !important;
  margin: 20px auto 25px auto !important;
  width: 100%;
  display: block !important;
}

.single-product .entry-meta,
.single-product .posted-on,
.single-product .byline,
.single-product time,
.single-product .entry-header time,
.single-product header .entry-meta,
.single-product .entry-date {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* --- Caja general del producto --- */
.single-product .product {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #fffdf8;
  border: 1px solid rgba(255, 122, 0, 0.3);
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  padding: 30px;
  max-width: 900px;
  margin: 40px auto;
}

/* --- Imagen con marco naranja --- */
.single-product div.images {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 25px;
}

.single-product div.images .woocommerce-product-gallery__trigger {
  display: none !important;
}

.single-product div.images img {
  width: 100%;
  max-width: 400px;
  border: 3px solid var(--brand, #ff7a00) !important;
  border-radius: 14px !important;
  padding: 6px !important;
  background-color: #fff !important;
  box-shadow: 0 2px 6px rgba(255, 122, 0, 0.2) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.single-product div.images img:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 14px rgba(255, 122, 0, 0.3);
}

/* --- Precio --- */
.single-product .price {
  font-size: 1.2rem !important;
  color: var(--green, #2b7a36) !important;
  font-weight: 700 !important;
  margin: 10px 0 0 0 !important;
  text-align: left !important;
}

.single-product .price::before {
  content: "Precio: ";
  color: #333;
  font-weight: 600;
}

/* =======================================================
   🟢 CANTIDAD + BOTÓN – ALINEADOS A LA DERECHA
   ======================================================= */
.single-product form.cart {
  display: flex;
  justify-content: flex-end; /* <-- derecha */
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  margin-top: 12px;
  flex-wrap: wrap;
}

/* Campo de cantidad */
.single-product form.cart .quantity {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none;
  background: none;
  position: relative;
}

.single-product form.cart .quantity::before {
  content: "Cantidad";
  display: block;
  font-weight: 700;
  color: var(--brand, #ff7a00);
  font-size: 0.9rem;
  margin-bottom: 4px;
  text-align: center;
}

.single-product form.cart .quantity input.qty {
  width: 65px;
  text-align: center;
  font-size: 1rem;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 6px 0;
  color: #333;
}

/* Botón Añadir al carrito */
.single-product form.cart .single_add_to_cart_button {
  background: linear-gradient(90deg, var(--brand, #ff7a00), var(--brand-2, #ffd200));
  color: #fff !important;
  border-radius: 8px;
  border: none;
  padding: 10px 22px;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
  box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}

.single-product form.cart .single_add_to_cart_button:hover {
  background: var(--brand-2, #ffb700);
  transform: scale(1.05);
}

/* Quitar label duplicado */
.single-product form.cart .quantity label {
  display: none !important;
}

/* =======================================================
   🟠 DESCRIPCIÓN (visible, limpia)
   ======================================================= */
.single-product .woocommerce-product-details__short-description {
  display: block !important;
  font-size: 1rem;
  color: #333;
  margin-top: 25px;
  line-height: 1.6;
  text-align: left;
}

.single-product .woocommerce-product-details__short-description p {
  margin-bottom: 10px;
}

/* --- Quitar pestañas y bloques innecesarios --- */
.single-product .woocommerce-tabs ul.tabs,
.single-product .woocommerce-Tabs-panel--additional_information,
.single-product .related,
.single-product .upsells {
  display: none !important;
}

/* Mantener visible solo la descripción */
.single-product .woocommerce-tabs .panel.entry-content {
  display: block !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
}

/* =======================================================
   🟡 RESPONSIVE
   ======================================================= */
@media (max-width: 768px) {
  .single-product form.cart {
    justify-content: flex-start;
  }

  .single-product form.cart .quantity::before {
    text-align: left;
  }

  .single-product div.images img {
    max-width: 300px;
  }
}

/* === MENSAJES DE CONFIRMACIÓN (CARRITO / PRODUCTOS) === */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-radius: 10px;
  border-left: 6px solid var(--brand);
  background: #fff7e6;
  color: var(--ink);
  box-shadow: var(--shadow);
  padding: 12px 16px;
  font-weight: 600;
  margin-bottom: 20px;
}

.woocommerce-message::before {
  content: "🍊 ";
}
/* 🍊 Mensaje temporal en carrito React */
.wc-blocks-cart-message {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--brand, #f90);
  color: white;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  z-index: 9999;
  animation: fadeInOut 3s ease forwards;
}

@keyframes fadeInOut {
  0% { opacity: 0; transform: translate(-50%, -20px); }
  10% { opacity: 1; transform: translate(-50%, 0); }
  80% { opacity: 1; transform: translate(-50%, 0); }
  100% { opacity: 0; transform: translate(-50%, -10px); }
}


/*LISTA DE PRODUCTOS (SHOP)*/

/* =======================================================
   🍊 SHOP – Estilo final
   ======================================================= */
.ndt-shop-title {
  text-align: center;
  font-size: 2rem;
  color: #222;
  margin: 20px 0 30px;
  font-weight: 800;
}

.ndt-category-block {
  margin-bottom: 50px;
}
.ndt-category-title {
  background: linear-gradient(90deg, #ff7a00, #ffd200);
  color: #fff;
  font-weight: 700;
  font-size: 1.5rem;
  padding: 10px 15px;
  border-radius: 10px;
  margin-bottom: 20px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.15);
}

/* === Productos === */
ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 25px;
  padding: 0;
  list-style: none;
}

.ndt-product-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
  text-align: center;
  padding: 12px;
  transition: all 0.25s ease;
}
.ndt-product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
}

.ndt-product-img img {
  border: 2px solid #ff7a00;
  border-radius: 10px;
  width: 100%;
  height: auto;
  margin-bottom: 8px;
}

.ndt-product-title {
  font-size: 1rem;
  font-weight: 700;
  color: #ff7a00;
  margin: 0 0 10px;
}
.ndt-product-title a { color: inherit; text-decoration: none; }
.ndt-product-title a:hover { text-decoration: underline; }

.ndt-product-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #f0f0f0;
  padding-top: 8px;
}

.ndt-price {
  color: #008000;
  font-weight: 700;
  font-size: 1rem;
}

/* === Botones === */
.ndt-btn-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, #ff7a00, #ffd200);
  border-radius: 10px;
  color: #fff;
  width: 50px;
  height: 50px;
  font-size: 2rem; /* 🟠 icono grande y visible */
  text-decoration: none;
  transition: all 0.25s ease;
}
.ndt-btn-cart:hover {
  transform: scale(1.1);
  box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}

/* No disponible */
.ndt-btn-disabled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ccc;
  border-radius: 10px;
  width: 50px;
  height: 50px;
  font-size: 2rem;
  color: #fff;
}

/* Ocultar textos WooCommerce */
.woocommerce-result-count,
.woocommerce-ordering {
  display: none !important;
}
.ndt-category-title::before {
  content: "🍊";
  margin-right: 8px;
  text-shadow: 0 0 3px #fff, 0 0 6px rgba(255,255,255,0.8);
}
/* === 🍊 NARANJAS DEL TURIA - Total del carrito refinado === */
.cart_totals {
  margin-top: 40px;
  margin-bottom: 40px;
}

.cart_totals h2 {
  font-size: 1.6rem;
  margin-bottom: 20px;
  font-weight: 700;
  color: #ff7a00;
}

.cart_totals .order-total th {
  font-size: 1.2rem;
  font-weight: 600;
  color: #ff7a00;
  text-transform: uppercase;
  padding-top: 15px;
}

.cart_totals .order-total td {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  padding-top: 10px;
}

/* Alinear texto en una sola línea tipo “Total : 000,00 €” */
.cart_totals .order-total th,
.cart_totals .order-total td {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

.cart_totals .order-total {
  text-align: center;
  border-top: 2px solid #ffa60033;
  padding-top: 20px;
  margin-top: 10px;
}

.cart_totals .wc-proceed-to-checkout {
  margin-top: 25px;
}

/*PRODUCTO SINGLE*/

/* === 🍊 NARANJAS DEL TURIA - Página de producto individual === */
.ndt-single-product {
  max-width: 900px;
  margin: 40px auto;
  padding: 20px;
}

.ndt-product-card {
  background: #fffdf8;
  border: 2px solid #ffb34755;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(255, 136, 0, 0.15);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 30px;
  gap: 30px;
}

.ndt-product-image img {
  max-width: 320px;
  height: auto;
  border-radius: 10px;
  border: 2px solid #ff8800;
  padding: 6px;
  background: #fff;
}

.ndt-product-info {
  flex: 1 1 300px;
  text-align: center;
}

.ndt-product-info .product-title {
  font-size: 1.8rem;
  color: #ff7a00;
  font-weight: 700;
  margin-bottom: 15px;
}

.product-price {
  font-size: 1.6rem;
  color: #006400;
  font-weight: 700;
  margin-bottom: 10px;
}

.product-stock {
  font-size: 1rem;
  margin-bottom: 20px;
}

.product-stock .in-stock {
  color: #007a00;
  font-weight: 600;
}

.product-stock .out-of-stock {
  color: #cc0000;
  font-weight: 600;
}

.woocommerce div.product form.cart {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.woocommerce div.product form.cart button.single_add_to_cart_button {
  background: linear-gradient(90deg, #ff7a00, #ffd200);
  border: none;
  border-radius: 10px;
  padding: 10px 20px;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  transition: 0.3s ease;
}

.woocommerce div.product form.cart button.single_add_to_cart_button:hover {
  background: linear-gradient(90deg, #ff9100, #ffda33);
  transform: translateY(-1px);
}

.product-meta {
  margin-top: 20px;
  font-size: 0.95rem;
  color: #333;
}

.back-to-shop {
  display: inline-block;
  margin-top: 25px;
  color: #ff7a00;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

.back-to-shop:hover {
  color: #cc5a00;
}
/* === 🍊 Single Product refinado === */
.ndt-product-card {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.ndt-product-info {
  flex: 1 1 300px;
  text-align: left;
}

.quantity-wrapper {
  display: inline-flex;
  align-items: center;
  border: 2px solid #ff8800;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 15px;
}

.qty-btn {
  background: linear-gradient(90deg, #ff9100, #ffd200);
  color: #fff;
  border: none;
  font-size: 1.2rem;
  width: 35px;
  height: 35px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
}

.qty-btn:hover {
  filter: brightness(1.1);
}

.quantity-wrapper input.qty {
  width: 50px !important;
  text-align: center;
  border: none !important;
  background: #fff;
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  box-shadow: none !important;
}

.single_add_to_cart_button {
  display: block;
  margin-top: 10px;
  font-weight: 700;
  font-size: 1rem;
  padding: 10px 20px;
}

.product-category {
  margin-top: 15px;
  font-size: 0.95rem;
}
/* === 🍊 NARANJAS DEL TURIA – Estilo producto individual === */

.producto-detalle-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
  margin-top: 20px;
}

.producto-descripcion-corta {
  background: #fff8ef;
  border-left: 4px solid var(--brand, #ff9100);
  padding: 12px 15px;
  border-radius: 6px;
  font-size: 0.95rem;
  color: #333;
  line-height: 1.6;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.producto-descripcion-corta p:last-child {
  margin-bottom: 0;
}

.single_add_to_cart_button {
  font-weight: 700;
  background: linear-gradient(90deg, #ff9100, #ffd200);
  color: white;
  border: none;
  padding: 10px 25px;
  border-radius: 10px;
  font-size: 1rem;
  transition: all 0.3s ease;
}

.single_add_to_cart_button:hover {
  filter: brightness(1.1);
  transform: scale(1.05);
}
/* === 🍊 NARANJAS DEL TURIA – Navegación lateral entre productos === */
.ndt-product-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  padding: 15px 25px;
  border-top: 2px solid #ffe4b3;
}

.ndt-product-navigation a {
  font-weight: 600;
  color: #ff7a00;
  text-decoration: none;
  font-size: 1rem;
  transition: color 0.2s ease;
}

.ndt-product-navigation a:hover {
  color: #ffb300;
  text-decoration: underline;
}

/* En móviles, centrar */
@media (max-width: 768px) {
  .ndt-product-navigation {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
}
/* === 🍊 Título "Carrito de la Compra" (bloques) === */
.page-title,
.entry-title {
  text-align: center;
  font-size: 2.2rem;
  font-weight: 700;
  color: #ff7a00;
  margin-bottom: 25px;
}
.ndt-cart-footer {
  text-align: center;
  margin-top: 40px;
}
.back-to-shop-btn {
  display: inline-block;
  background: linear-gradient(90deg, #ff9100, #ffd200);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: all 0.2s ease;
}
.back-to-shop-btn:hover {
  background: linear-gradient(90deg, #ffb300, #ff9100);
  transform: translateY(-2px);
}
/* === 🍊 Unificar tamaño y estilo de precios en la tabla del carrito === */
.woocommerce-cart-form .woocommerce-Price-amount,
.woocommerce-cart-form td.product-price .woocommerce-Price-amount,
.woocommerce-cart-form td.product-subtotal .woocommerce-Price-amount {
  font-size: 1.25rem !important;   /* tamaño intermedio */
  font-weight: 600 !important;
  color: #1b7500 !important;       /* verde consistente */
  vertical-align: middle;
}

/* Alinear mejor las celdas de precio y subtotal */
.woocommerce-cart-form td.product-price,
.woocommerce-cart-form td.product-subtotal {
  text-align: right;
  padding-right: 15px;
}



/* Oculta visualmente cualquier mensaje WooCommerce */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}
.restore-item,
a[href*="undo_item"] {
  display: none !important;
  visibility: hidden !important;
}

/* ======================================
   🛒 Carrito responsive final Naranjas del Turia
   ====================================== */

@media screen and (max-width: 768px) {

  /* Contenedor general */
  .woocommerce-cart-form {
    padding: 0 12px;
  }

  .woocommerce-cart-form table.shop_table {
    width: 100%;
    border: none;
    background: transparent;
  }

  /* Ocultamos cabecera */
  .woocommerce-cart-form table.shop_table thead {
    display: none !important;
  }

  /* Producto en formato bloque */
  .woocommerce-cart-form table.shop_table tr {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
    margin-bottom: 18px;
    padding: 14px 16px;
  }

  .woocommerce-cart-form table.shop_table td {
    border: none;
    padding: 4px 0;
    text-align: center;
  }

  /* 🔸 Imagen del producto (puedes comentar este bloque si quieres eliminarla) */
  .woocommerce-cart-form table.shop_table td.product-thumbnail {
    order: 1;
    margin-bottom: 10px;
  }

  .woocommerce-cart-form table.shop_table td.product-thumbnail img {
    width: 80px;
    height: auto;
    margin: 0 auto;
    display: block;
    border-radius: 8px;
  }

  /* 🔸 Nombre del producto */
  .woocommerce-cart-form table.shop_table td.product-name {
    order: 2;
    font-weight: 600;
    color: #222;
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 8px;
  }

  /* 🔸 Precio */
  .woocommerce-cart-form table.shop_table td.product-price {
    order: 3;
    font-size: 16px;
    font-weight: 600;
    color: #ff9100;
    margin-bottom: 6px;
  }

  /* 🔸 Cantidad */
  .woocommerce-cart-form table.shop_table td.product-quantity {
    order: 4;
    margin-bottom: 8px;
  }

  .woocommerce .quantity {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
  }

  .woocommerce .quantity input.qty {
    width: 48px;
    height: 38px;
    font-size: 15px;
    text-align: center;
    border: none;
    background: transparent;
    color: #333;
  }

  .woocommerce .quantity button {
    background: #ff9100;
    color: #fff;
    border: none;
    width: 36px;
    height: 38px;
    font-size: 18px;
    cursor: pointer;
    transition: background 0.2s ease;
  }

  .woocommerce .quantity button:hover {
    background: #ffd200;
    color: #333;
  }

  /* 🔸 Subtotal */
  .woocommerce-cart-form table.shop_table td.product-subtotal {
    order: 5;
    font-weight: 700;
    font-size: 16px;
    color: #333;
    margin-top: 4px;
  }

  /* 🔸 Botón eliminar */
  .woocommerce-cart-form table.shop_table td.product-remove {
    order: 0;
    align-self: flex-end;
    margin-bottom: 6px;
  }

  .woocommerce-cart-form table.shop_table td.product-remove a {
    color: #ff9100 !important;
    font-size: 18px;
  }

  /* Totales del carrito */
  .cart-collaterals .cart_totals {
    width: 100%;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    padding: 16px;
    margin-top: 10px;
  }

  .cart_totals h2 {
    color: #ff9100;
    text-align: center;
    margin-bottom: 10px;
  }

  /* Botones */
  .wc-proceed-to-checkout a.checkout-button,
  .return-to-shop a {
    width: 100%;
    text-align: center;
    font-size: 17px;
    padding: 14px;
    border-radius: 10px;
    background: #ff9100;
    color: #fff !important;
    font-weight: bold;
    transition: background 0.2s ease;
  }

  .wc-proceed-to-checkout a.checkout-button:hover,
  .return-to-shop a:hover {
    background: #ffd200;
    color: #333 !important;
  }

  /* Toasts */
  .toast-message {
    width: 90%;
    left: 5%;
    transform: none;
    top: 50%;
  }
}

/* ============================================
   🛒 Carrito responsive Naranjas del Turia - subtotal visible OK
   ============================================ */

@media screen and (max-width: 768px) {

  /* Ocultamos cabeceras e imágenes */
  .woocommerce-cart-form table.shop_table thead,
  .woocommerce-cart-form table.shop_table td.product-thumbnail,
  .woocommerce-cart-form table.shop_table td.product-remove {
    display: none !important;
  }

  /* Tarjeta principal del producto */
  .woocommerce-cart-form table.shop_table tr {
    display: block;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 10px;
    padding: 16px 18px;
    width: 100%;
  }

  /* Celdas generales */
  .woocommerce-cart-form table.shop_table td {
    border: none;
    padding: 8px 0;
    font-size: 15px;
    color: #222;
  }

  /* 🔸 Nombre del producto */
  .woocommerce-cart-form table.shop_table td.product-name {
    display: block;
    text-align: center;
    font-weight: 600;
    color: #ff9100;
    font-size: 17px;
    margin-bottom: 10px;
    line-height: 1.4;
    word-break: break-word;
    width: 100%;
  }

  /* 🔸 Precio */
  .woocommerce-cart-form table.shop_table td.product-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    padding: 6px 0;
    border-bottom: 1px solid #eee;
  }

  .woocommerce-cart-form table.shop_table td.product-price::before {
    content: "Precio:";
    color: #333;
    font-weight: 500;
    margin-right: 6px;
  }

  .woocommerce-cart-form table.shop_table td.product-price span {
    color: #008000;
    font-weight: 600;
  }

  /* 🔸 Cantidad */
  .woocommerce-cart-form table.shop_table td.product-quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    padding: 8px 0;
  }

  .woocommerce-cart-form table.shop_table td.product-quantity::before {
    content: "Cantidad:";
    color: #333;
    font-weight: 500;
    margin-right: 6px;
  }

  .woocommerce .quantity {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: visible !important;
  }

  .woocommerce .quantity input.qty {
    width: 48px !important;
    height: 36px !important;
    font-size: 15px;
    text-align: center;
    border: none;
    background: transparent;
    color: #333;
    appearance: textfield;
  }

  .woocommerce .quantity button {
    width: 36px;
    height: 36px;
    background: #ff9100;
    color: #fff;
    border: none;
    font-size: 18px;
    cursor: pointer;
    transition: background 0.2s ease;
  }

  .woocommerce .quantity button:hover {
    background: #ffd200;
    color: #333;
  }

  /* 🔸 Subtotal original: oculto pero conservado */
  .woocommerce-cart-form table.shop_table td.product-subtotal {
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
  }

  /* 🔸 Cuadro inferior (antes vacío) → muestra texto + valor real del subtotal */
  .woocommerce-cart-form table.shop_table tr + tr {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-top: -6px;
    margin-bottom: 20px;
    padding: 12px 18px;
  }

  .woocommerce-cart-form table.shop_table tr + tr td {
    font-size: 16px;
    font-weight: 600;
    color: #008000;
  }

  .woocommerce-cart-form table.shop_table tr + tr td::before {
    content: "Subtotal:";
    color: #333;
    font-weight: 500;
    margin-right: 6px;
  }

  /* 🔸 Insertamos dinámicamente el valor real del subtotal */
  .woocommerce-cart-form table.shop_table tr + tr::after {
    content: attr(data-subtotal);
    position: absolute;
    right: 18px;
    font-size: 16px;
    font-weight: 600;
    color: #008000;
  }

  /* Evitamos duplicados o filas vacías */
  .woocommerce-cart-form table.shop_table tr + tr:empty {
    display: none !important;
  }

  /* Totales del carrito */
  .cart-collaterals .cart_totals {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
    padding: 14px;
  }

  .cart_totals h2 {
    color: #ff9100;
    text-align: center;
    margin-bottom: 10px;
  }

  /* Botones */
  .wc-proceed-to-checkout a.checkout-button,
  .return-to-shop a {
    width: 100%;
    text-align: center;
    font-size: 17px;
    padding: 14px;
    border-radius: 10px;
    background: #ff9100;
    color: #fff !important;
    font-weight: bold;
    transition: background 0.2s ease;
  }

  .wc-proceed-to-checkout a.checkout-button:hover,
  .return-to-shop a:hover {
    background: #ffd200;
    color: #333 !important;
  }
}
/* ============================================
   🧭 Ajustes finales carrito móvil
   ============================================ */

@media screen and (max-width: 768px) {

  /* Centrar el bloque de precio */
  .woocommerce-cart-form table.shop_table td.product-price {
    display: block;
    text-align: center;
    border-bottom: none;
    margin-bottom: 4px;
  }

  .woocommerce-cart-form table.shop_table td.product-price::before {
    display: block;
    content: "Precio:";
    color: #333;
    font-weight: 500;
    margin-bottom: 4px;
  }

  .woocommerce-cart-form table.shop_table td.product-price span {
    display: inline-block;
    color: #008000;
    font-weight: 600;
    font-size: 17px; /* mismo tamaño que subtotal */
  }

  /* Subtotal: centrado e igual formato */
  .woocommerce-cart-form table.shop_table tr + tr td {
    text-align: center;
  }

  .woocommerce-cart-form table.shop_table tr + tr td::before {
    display: block;
    text-align: center;
    margin-bottom: 4px;
  }

  .woocommerce-cart-form table.shop_table tr + tr td strong,
  .woocommerce-cart-form table.shop_table tr + tr td span {
    color: #008000;
    font-weight: 600;
    font-size: 17px; /* igual al precio */
  }
}


/* GRACIAS / PEDIDO RECIBIDO */

/* === Naranjas del Turia - Pedido Recibido === */
body.woocommerce-order-received {
  background: #fffdfa;
  font-family: "Inter", "Segoe UI", sans-serif;
  color: #333;
}

/* Encabezado principal */
.woocommerce-order-received .woocommerce-thankyou-order-received {
  text-align: center;
  color: #ff9100;
  font-weight: 800;
  font-size: 26px;
  margin: 30px auto 20px;
  padding: 20px;
  background: linear-gradient(90deg, #fff2c2, #fff9e6);
  border-radius: 14px;
  box-shadow: 0 3px 8px rgba(255, 145, 0, 0.15);
  width: fit-content;
}

/* Contenedor general */
.woocommerce-order {
  background: #fff;
  border-radius: 18px;
  padding: 25px 30px;
  max-width: 900px;
  margin: 0 auto 40px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.05);
  border: 1px solid #ffd200;
}

/* Bloques de información (datos, totales, direcciones) */
.woocommerce-order-overview,
.woocommerce-order-details,
.woocommerce-customer-details {
  background: #fffdfa;
  border: 1px solid #ffd200;
  border-radius: 12px;
  padding: 18px 22px;
  margin-bottom: 25px;
  box-shadow: 0 2px 8px rgba(255,145,0,0.08);
}

/* Títulos de sección */
.woocommerce-order h2,
.woocommerce-order h3 {
  color: #ff9100;
  font-weight: 700;
  border-bottom: 2px solid #ffd200;
  padding-bottom: 6px;
  margin-bottom: 14px;
}

/* Lista resumen inicial (número pedido, fecha, etc.) */
.woocommerce-order ul.order_details {
  background: #fffdfa;
  border: 1px solid #ffeeb0;
  border-radius: 10px;
  padding: 16px 20px;
  list-style: none;
  margin-bottom: 25px;
  box-shadow: 0 2px 6px rgba(255, 145, 0, 0.05);
}
.woocommerce-order ul.order_details li {
  margin-bottom: 8px;
  font-size: 15px;
}
.woocommerce-order ul.order_details li strong {
  color: #009c00;
}

/* Tabla de productos */
.woocommerce-table--order-details {
  border-collapse: collapse;
  width: 100%;
}
.woocommerce-table--order-details th {
  color: #ff9100;
  font-weight: 700;
  border-bottom: 1px solid #ffd200;
  padding-bottom: 6px;
}
.woocommerce-table--order-details td {
  padding: 10px 0;
  border-bottom: 1px solid #f3f3f3;
}

/* Totales */
.woocommerce-order table.shop_table tfoot th,
.woocommerce-order table.shop_table tfoot td {
  font-weight: 700;
  font-size: 16px;
  color: #009c00;
}

/* Direcciones */
.woocommerce-customer-details address {
  background: #fff;
  border-radius: 10px;
  padding: 14px 18px;
  line-height: 1.6;
  box-shadow: 0 2px 4px rgba(0,0,0,0.04);
}

/* Botón volver a la tienda */
.woocommerce-order a.button {
  display: block;
  margin: 30px auto 10px;
  background: linear-gradient(90deg, #ff9100, #ffd200);
  color: #fff;
  font-weight: 700;
  border: none;
  border-radius: 10px;
  padding: 14px 28px;
  transition: all 0.2s ease-in-out;
  width: fit-content;
}
.woocommerce-order a.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(255,145,0,0.3);
}

/* Responsive */
@media (max-width: 768px) {
  .woocommerce-order {
    padding: 20px 15px;
  }
  .woocommerce-order-received .woocommerce-thankyou-order-received {
    font-size: 22px;
    width: 90%;
  }
  .woocommerce-order a.button {
    width: 100%;
    text-align: center;
  }
}

.tabla-precios table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  border-radius: 10px;
  overflow: hidden;
  table-layout: fixed; /* 🔸 distribución equilibrada */
}

.tabla-precios th {
  background: #fff5e0;
  color: #ff9100;
  padding: 12px;
  text-align: center;
  font-weight: 700;
  font-size: 15px;
}

.tabla-precios td {
  padding: 12px 10px;
  border-bottom: 1px solid #f1f1f1;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
}

.tabla-precios tr:last-child td {
  border-bottom: none;
}

.tabla-precios .no-disponible td {
  color: #aaa;
}

.tabla-precios a.producto-link:hover {
  color: #ff9100;
  text-decoration: underline;
}
/* ===============================
   🗑️ BOTÓN "VACIAR CARRITO" — ESTILO NARANJAS DEL TURIA
   =============================== */

.vaciar-carrito {
  background: linear-gradient(90deg, #ff9100, #ffd200);
  color: #fff !important;
  font-weight: 700;
  border: none;
  border-radius: 10px;
  padding: 10px 18px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 3px 8px rgba(255,145,0,0.25);
  font-size: 0.95rem;
  text-transform: none;
}

.vaciar-carrito:hover {
  background: linear-gradient(90deg, #ffd200, #ff9100);
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(255,145,0,0.35);
}

/* Centrado si está en fila con otros botones */
.woocommerce-cart-form .vaciar-carrito {
  margin-top: 10px;
  display: inline-block;
}

/* 🔸 Estilos responsive para la tabla de precios */
@media (max-width: 768px) {
  .tabla-precios table {
    display: block;
    width: 100%;
    overflow-x: auto; /* Permite desplazamiento lateral si hace falta */
    border-radius: 10px;
  }

  .tabla-precios thead {
    display: none; /* Oculta cabecera en móviles */
  }

  .tabla-precios tbody tr {
    display: block;
    background: #fffdfa;
    margin-bottom: 12px;
    border: 1px solid #ffd200;
    border-radius: 10px;
    padding: 10px 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  }

  .tabla-precios td {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    border: none !important;
    text-align: left;
    font-size: 15px;
  }

  .tabla-precios td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #ff9100;
    flex: 1;
    text-align: left;
  }

  .tabla-precios td:last-child {
    border-bottom: none;
  }
}


.fallback-img {
  filter: brightness(0.95);
  opacity: 0.95;
}

.noticia-single h1 {
  color: var(--brand) !important;
  font-weight: 600 !important; /* 👈 grosor medio */
  text-align: center !important;
  margin-bottom: 16px !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}





/* === TÍTULO DE LA TIENDA EN NARANJA CORPORATIVO === */
.ndt-shop-title {
  color: var(--brand) !important;    /* 🍊 Naranja corporativo */
  font-weight: 800;
  text-align: center;
  margin: 24px 0;
  text-transform: none;
}

/* === PAGINA DE INICIO === */
/* === TITULOS NARANJA EN INICIO === */
main.container h1,
main.container h2,
main.container h3,
.hero h1,
.section-title {
  color: var(--brand) !important;  /* naranja corporativo */
  font-weight: 700;
}

main.container h1 strong,
main.container h2 strong,
main.container h3 strong {
  color: var(--brand-2); /* tono más claro para resaltar */
}

/* ======== HERO PRINCIPAL ======== */
.hero {
  text-align: center;
  color: #1b1b1b;
  background: #fff;
  margin-bottom: 40px;
  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
}

.hero .overlay {
  padding: 36px 20px;
  background: linear-gradient(180deg,#fff,#fff7e6);
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.hero h1 {
  font-size: 44px;
  color: #ff7a00; /* naranja corporativo */
  margin: 0 0 10px;
}

.hero p {
  font-size: 18px;
  opacity: .95;
  margin: 0 auto 16px;
  max-width: 800px;
}

/* ===== BOTONES HERO ===== */
.hero .cta {
  display: inline-block;
  background: #ff7a00;
  color: #fff;
  padding: 12px 20px;
  border-radius: 10px;
  font-weight: 700;
  box-shadow: 0 6px 24px rgba(0,0,0,.1);
  transition: .3s;
  margin-left: 8px;
}
.hero .cta:hover {
  background: #ffd200;
  color: #1b1b1b;
}
.hero .cta.secundario {
  background: transparent;
  color: #ff7a00;
  border: 2px solid #ff7a00;
  margin-right: 8px;
}
.hero .cta.secundario:hover {
  background: #ff7a00;
  color: #fff;
}

/* ======== CARRUSEL DESTACADOS ======== */
.carousel-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  margin: 0 auto;
}

.carousel-track {
  display: flex;
  transition: transform 0.6s ease;
}

.carousel-item {
  flex: 0 0 25%; /* 4 visibles */
  box-sizing: border-box;
  padding: 8px;
}

/* Tarjetas */
.card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.08);
  overflow: hidden;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 12px rgba(0,0,0,0.12);
}
.card img {
  width: 100%;
  height: auto;
  display: block;
}
.card .pad {
  padding: 12px 10px;
}

/* Título del producto */
.card h3 {
  font-size: 1rem;
  font-weight: 500; /* menos marcado */
  color: #333;
  margin: 8px 0 4px;
  line-height: 1.3;
}
/* Alineación vertical uniforme de títulos y precios */
.card h3 {
  font-size: 1rem;
  font-weight: 500;
  color: #333;
  line-height: 1.3;
  margin: 8px 0 0;
  min-height: 3.9em; /* 🔸 altura equivalente a ~3 líneas */
  display: flex;
  align-items: flex-start; /* 🔸 el texto siempre comienza arriba */
  justify-content: center;
  text-align: center;
}


/* Precio */
.card p {
  font-size: 0.9rem;
  font-weight: 400;
  color: #666;
  margin-top: 6px; /* 🔸 más aire */
  min-height: 1.5em; /* 🔸 asegura espacio uniforme */
}


.card p strong {
  color: #ff9100;
  font-weight: 600;
}

/* Hover visual para la imagen */
.card a img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card a:hover img {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  border-radius: 10px;
}

/* Responsive */
@media (max-width: 992px) {
  .carousel-item { flex: 0 0 33.3333%; } /* 3 visibles */
}
@media (max-width: 768px) {
  .carousel-item { flex: 0 0 50%; } /* 2 visibles */
}
@media (max-width: 480px) {
  .carousel-item { flex: 0 0 100%; } /* 1 visible */
}

/* Centrado para menos de 4 productos */
.carousel-wrapper.centered .carousel-track {
  justify-content: center;
}
.carousel-wrapper.centered .carousel-item {
  flex: 0 0 auto;
  width: 240px;
}

/* MINI-CARRITO */

/* ===============================
   🛒 MINI-CARRITO COMPACTO NARANJAS DEL TURIA
   =============================== */

.mini-cart {
  position: absolute;
  right: 0;
  top: 54px;
  width: 300px;
  background: #fffdfa;
  border-radius: 12px;
  border: 1px solid rgba(255, 170, 0, 0.35);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  padding: 12px 14px;
  display: none;
  z-index: 120;
  animation: dropdown-fade 0.2s ease-out;
  font-size: 0.9rem;
  line-height: 1.4;
}

.carrito-link:hover + .mini-cart,
.mini-cart:hover {
  display: block;
}

/* Productos */
.woocommerce-mini-cart-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
}

.woocommerce-mini-cart-item:last-child {
  border-bottom: none;
}

.woocommerce-mini-cart-item img {
  width: 45px;
  height: 45px;
  border-radius: 6px;
  object-fit: cover;
}

.woocommerce-mini-cart-item a {
  flex: 1;
  color: #333;
  font-weight: 500;
  text-decoration: none;
  font-size: 0.9rem;
}

.woocommerce-mini-cart-item a:hover {
  color: var(--brand);
}

/* Elimina los recuadros del precio */
.woocommerce-mini-cart-item .quantity input,
.woocommerce-mini-cart-item .quantity {
  all: unset;
  color: #666;
  font-size: 0.85rem;
}

/* Subtotal */
.woocommerce-mini-cart__total {
  text-align: right;
  font-weight: 700;
  color: var(--brand);
  font-size: 1rem;
  margin-top: 8px;
  padding-top: 6px;
  border-top: 1px solid #ffdca0;
}

/* Botones */
.woocommerce-mini-cart__buttons {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 10px;
}

.woocommerce-mini-cart__buttons a.button {
  flex: 1;
  text-align: center;
  background: linear-gradient(90deg, #ff9100, #ffd200);
  color: #fff !important;
  border: none;
  border-radius: 8px;
  padding: 8px 0;
  font-weight: 600;
  font-size: 0.9rem;
  box-shadow: 0 3px 8px rgba(255, 122, 0, 0.25);
  transition: transform 0.15s ease, box-shadow 0.2s ease;
}

.woocommerce-mini-cart__buttons a.button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(255,145,0,0.25);
}

/* Scroll */
.woocommerce-mini-cart {
  max-height: 300px;
  overflow-y: auto;
}

.woocommerce-mini-cart::-webkit-scrollbar {
  width: 6px;
}
.woocommerce-mini-cart::-webkit-scrollbar-thumb {
  background-color: var(--brand);
  border-radius: 3px;
}

/* Animación */
@keyframes dropdown-fade {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ===============================
   🔴 EXTENSIÓN MINI-CARRITO
   =============================== */

/* Contador rojo en el botón del carrito */
.cart-count {
  background: #e53935;
  color: #fff;
  border-radius: 50%;
  font-size: 0.85rem;
  font-weight: 700;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff; /* borde blanco para contraste */
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
  margin-right: 4px;
  transition: transform 0.2s ease;
}

.carrito-link:hover .cart-count {
  transform: scale(1.1);
}

/* Título superior del mini-carrito */

/* Título centrado */
.mini-cart::before {
  content: "🛒 Resumen de compra";
  display: block;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--brand);
  text-align: center;
  margin-bottom: 8px;
  border-bottom: 1px solid #ffdca0;
  padding-bottom: 6px;
}
/* ===============================
   💶 CENTRAR SUBTOTAL MINI-CARRITO
   =============================== */

.woocommerce-mini-cart__total {
  text-align: center !important;
  font-weight: 700;
  color: var(--brand);
  font-size: 1rem;
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid #ffdca0;
}
/* Oculta cualquier título anterior del mini-carrito (incluye el h3 si quedó) */
.mini-cart-title,
.mini-cart .widgettitle,
.mini-cart h2 { display: none !important; }

/* Título limpio centrado */
.mini-cart::before {
  content: "Resumen de compra";
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--brand);
  margin-bottom: 8px;
  border-bottom: 1px solid #ffdca0;
  padding-bottom: 6px;
}

/* Contador rojo redondo en el botón del carrito */
.cart-count {
  background: #e53935;
  color: #fff;
  border-radius: 50%;
  width: 20px; height: 20px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 0.85rem; font-weight: 700;
  border: 2px solid #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
  margin-right: 4px;
}

/* Por si algún tema inyecta un icono con pseudo-elementos */
.mini-cart .widget_shopping_cart_content::before,
.mini-cart h2::before { content: none !important; display: none !important; }


/* === 🍊 Enlace de usuario (Mi cuenta / Acceder) === */
.nav ul li a[href*="my-account"],
.nav ul li a[href*="mi-cuenta"],
.nav ul li a[href*="myaccount"] {
  font-weight: 600;
  color: var(--brand);
  position: relative;
  padding-left: 28px;
}

.nav ul li a[href*="my-account"]::before,
.nav ul li a[href*="mi-cuenta"]::before,
.nav ul li a[href*="myaccount"]::before {
  content: "👤";
  position: absolute;
  left: 4px;
  top: 0;
  font-size: 1rem;
}

.nav ul li a[href*="my-account"]:hover,
.nav ul li a[href*="mi-cuenta"]:hover,
.nav ul li a[href*="myaccount"]:hover {
  color: var(--brand-2);
}

/* Si quieres alinearlo con el carrito (flotando a la derecha): */
.cta-top.carrito-link,
.cta-top.cuenta-link {
  display: inline-block;
  background: linear-gradient(90deg, #ff9100, #ffd200);
  color: #fff;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 8px;
  text-decoration: none;
  margin-left: 8px;
  transition: all 0.2s ease;
}

.cta-top.cuenta-link:hover {
  background: linear-gradient(90deg, #ffd200, #ff9100);
  transform: translateY(-1px);
}

/* =======================================================
   🎯 REUBICAR MINI-CARRITO BAJO EL BOTÓN 🛒 (estructura externa)
   ======================================================= */

/* Forzamos el header a ser el punto de referencia */
.header {
  position: relative;
}

/* Mini-carrito — ahora flotará justo bajo el botón 🛒 */
.mini-cart {
  position: absolute;
  top: 60px; /* distancia desde el top del header, ajusta según altura */
  right: 55px; /* mueve horizontalmente para centrar bajo el carrito */
  background: #fff;
  border: 2px solid #ffd200;
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(0,0,0,0.12);
  z-index: 999;
  width: 300px;
  display: none;
  transition: all 0.15s ease-in-out;
}

/* Mostrar mini-carrito al pasar el ratón por el icono 🛒 */
.cta-top.carrito-link:hover ~ .mini-cart,
.mini-cart:hover {
  display: block;
}

/* Añadimos una pequeña flecha arriba */
.mini-cart::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 40px; /* apúntala al icono */
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #ffd200 transparent;
}

/* Pequeño detalle de estilo */
.mini-cart .woocommerce-mini-cart__total {
  border-top: 1px solid #eee;
  margin-top: 6px;
  padding-top: 6px;
}


/* === 🍊 ESTILOS PÁGINA MI CUENTA === */
.ndt-myaccount {
  background: #fffdf8;
  padding: 40px 20px;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

.ndt-myaccount .container {
  max-width: 1100px;
  margin: 0 auto;
  background: #fff;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 30px 40px;
}

.ndt-title {
  text-align: center;
  color: var(--brand);
  font-size: 2rem;
  margin-bottom: 10px;
}

.ndt-bienvenida {
  text-align: center;
  color: #555;
  margin-bottom: 30px;
}

.ndt-account-grid {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 30px;
}

/* === Navegación lateral === */
.woocommerce-MyAccount-navigation {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-MyAccount-navigation ul {
  padding: 0;
  margin: 0;
}

.woocommerce-MyAccount-navigation li {
  margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation li a {
  display: block;
  background: linear-gradient(90deg, #fff7e6, #fff9f0);
  color: var(--brand);
  font-weight: 600;
  border-radius: 8px;
  padding: 10px 14px;
  text-decoration: none;
  transition: all 0.2s ease;
  border: 1px solid #ffe0b2;
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  color: #fff;
}

/* === Contenido derecho === */
.ndt-account-content {
  background: #fffef9;
  border: 1px solid #ffe0b2;
  border-radius: 10px;
  padding: 20px;
  min-height: 320px;
}

/* === Botones === */
.woocommerce-button,
button.woocommerce-Button,
input.woocommerce-Button {
  background: linear-gradient(90deg, var(--brand), var(--brand-2)) !important;
  color: #fff !important;
  border-radius: 8px !important;
  border: none !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

.woocommerce-button:hover,
button.woocommerce-Button:hover,
input.woocommerce-Button:hover {
  transform: translateY(-2px);
  background: linear-gradient(90deg, var(--brand-2), var(--brand)) !important;
}

/* === Responsive === */
@media (max-width: 768px) {
  .ndt-account-grid {
    grid-template-columns: 1fr;
  }
}

/* === 🍊 Mejoras tipográficas para la página Mi Cuenta === */
.ndt-account-content,
.woocommerce-MyAccount-content {
  color: #333;
  line-height: 1.7;
  font-size: 1rem;
}

.ndt-account-content strong,
.woocommerce-MyAccount-content strong {
  color: var(--brand);
}

.ndt-account-content a,
.woocommerce-MyAccount-content a {
  color: var(--green);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease;
}

.ndt-account-content a:hover,
.woocommerce-MyAccount-content a:hover {
  color: var(--brand);
}

/* Títulos internos */
.ndt-account-content h2,
.woocommerce-MyAccount-content h2 {
  color: var(--brand);
  font-size: 1.4rem;
  border-bottom: 2px solid #ffd200;
  padding-bottom: 6px;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* Párrafos */
.ndt-account-content p {
  margin-bottom: 14px;
}

/* Tablas de pedidos */
.woocommerce-orders-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
  font-size: 0.95rem;
}

.woocommerce-orders-table th,
.woocommerce-orders-table td {
  border: 1px solid #ffe0b2;
  padding: 10px;
}

.woocommerce-orders-table th {
  background: #fff7e6;
  color: #333;
  font-weight: 600;
}

.woocommerce-orders-table td {
  background: #fffef9;
}

/* Botones dentro de la cuenta */
.woocommerce-Button.view {
  background: linear-gradient(90deg, var(--brand), var(--brand-2)) !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  border: none !important;
}

.woocommerce-Button.view:hover {
  background: linear-gradient(90deg, var(--brand-2), var(--brand)) !important;
  transform: translateY(-1px);
}

/* =======================================================
   🍊 ICONOS DEL MENÚ "MI CUENTA" EN NARANJA
   ======================================================= */

/* Color de los bullets */
.woocommerce-MyAccount-navigation ul {
  list-style-type: disc !important;
}

.woocommerce-MyAccount-navigation ul li {
  color: #ff7a00 !important; /* color del punto */
}


/* === 🍊 Botones universales WooCommerce === */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .woocommerce-button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page a.button,
.woocommerce-Button,
button.woocommerce-Button,
input.woocommerce-Button {
  display: inline-block !important;
  background: linear-gradient(90deg, #ff9100, #ffd200) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 10px 24px !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  text-transform: none !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: 0 3px 10px rgba(255,145,0,0.25) !important;
  transition: all 0.2s ease-in-out !important;
  width: auto !important;
  line-height: 1.3 !important;
}

/* Hover */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .woocommerce-button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-Button:hover,
button.woocommerce-Button:hover,
input.woocommerce-Button:hover {
  background: linear-gradient(90deg, #ffd200, #ff9100) !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(255,145,0,0.35) !important;
}

/* === Botones secundarios (por ejemplo, enlaces de cancelar o volver) === */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: #fef9e6 !important;
  color: #444 !important;
  border: 1px solid #ffd200 !important;
  box-shadow: none !important;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: #fff5cc !important;
  color: #000 !important;
}

/* Centrado del botón en formularios */
.woocommerce-address-fields .button,
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
  margin-top: 12px;
  display: inline-block;
}

/* === 🍊 ESTILO UNIFICADO PARA INPUTS EN MI CUENTA === */
.woocommerce form .input-text,
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce select,
.woocommerce textarea {
  width: 100%;
  box-sizing: border-box;
  background: #fffefc;
  border: 1px solid #ffd28c;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 1rem;
  color: #333;
  transition: all 0.25s ease;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  box-shadow: 0 2px 6px rgba(255, 145, 0, 0.05);
}

.woocommerce form .input-text:focus,
.woocommerce input:focus,
.woocommerce select:focus,
.woocommerce textarea:focus {
  border-color: var(--brand);
  background: #fffdf7;
  box-shadow: 0 0 0 2px rgba(255, 145, 0, 0.25), 0 4px 10px rgba(255, 145, 0, 0.1);
  outline: none;
}

/* === Etiquetas === */
.woocommerce form label {
  font-weight: 600;
  color: #444;
  margin-bottom: 5px;
  display: inline-block;
}

/* === Placeholder === */
.woocommerce ::placeholder {
  color: #aaa;
  opacity: 1;
}

/* === Campos de solo lectura === */
.woocommerce input[readonly] {
  background: #fffaf0;
  color: #777;
  border-style: dashed;
}

/* === Validación === */
.woocommerce .woocommerce-invalid input.input-text {
  border-color: #e74c3c !important;
  box-shadow: 0 0 0 2px rgba(231,76,60,0.2);
}

/* === Espaciado general entre filas === */
.woocommerce form .form-row {
  margin-bottom: 15px;
}

/* === Botones dentro de formularios === */
.woocommerce form .button,
.woocommerce button.button,
.woocommerce input.button {
  background: linear-gradient(90deg, #ff9100, #ffd200) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 3px 10px rgba(255,145,0,0.25);
}

.woocommerce form .button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: linear-gradient(90deg, #ffd200, #ff9100) !important;
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(255,145,0,0.35);
}


/* === 🍊 Formulario "Detalles de la cuenta" === */
.woocommerce-EditAccountForm {
  background: #fffef9;
  border: 1px solid #ffe0b2;
  border-radius: 10px;
  padding: 24px 28px;
  box-shadow: var(--shadow);
  max-width: 700px;
  margin: 0 auto;
}

.woocommerce-EditAccountForm fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.woocommerce-EditAccountForm legend {
  color: var(--brand);
  font-size: 1.3rem;
  font-weight: 700;
  margin-bottom: 15px;
  border-bottom: 2px solid #ffd200;
  padding-bottom: 4px;
  display: inline-block;
}

.woocommerce-EditAccountForm p.form-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 14px;
}

.woocommerce-EditAccountForm label {
  font-weight: 600;
  color: #444;
  margin-bottom: 4px;
}

.woocommerce-EditAccountForm input.input-text {
  border: 1px solid #ffd28c;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 0.95rem;
  transition: all 0.2s ease;
  background: #fff;
}

.woocommerce-EditAccountForm input.input-text:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 2px rgba(255, 145, 0, 0.25);
}

.woocommerce-EditAccountForm input[readonly] {
  background: #fef9ef;
  color: #666;
}

/* === Botón de guardar cambios === */
.woocommerce-EditAccountForm button.button,
.woocommerce-EditAccountForm input.button {
  background: linear-gradient(90deg, #ff9100, #ffd200) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  border: none !important;
  padding: 10px 24px !important;
  transition: all 0.2s ease !important;
  margin-top: 14px;
}

.woocommerce-EditAccountForm button.button:hover,
.woocommerce-EditAccountForm input.button:hover {
  background: linear-gradient(90deg, #ffd200, #ff9100) !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(255,145,0,0.25);
}

/* === Mensajes de confirmación === */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  border-radius: 8px;
  background: #fff9e6;
  border: 1px solid #ffd200;
  color: #333;
  font-weight: 600;
  padding: 12px 18px;
  margin: 10px 0;
}


/*CARRITO CLASICO*/

/* ==========================================================
   🍊 CARRITO – Versión final Naranjas del Turia
   ========================================================== */

.woocommerce-cart-form {
  width: 95%;
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.08);
  padding: 10px 15px 20px;
}

/* ---- Tabla ---- */
.woocommerce-cart-form__contents {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  text-align: center;
}
.woocommerce-cart-form__contents thead th {
  background: #ff7a00;
  color: #fff;
  padding: 10px;
  font-weight: 700;
  font-size: 0.9rem;
  text-align: center;
  border-bottom: 3px solid #ffd200;
}
.woocommerce-cart-form__contents th.product-name { text-align: center !important; }

/* ---- Columnas ---- */
.woocommerce-cart-form__contents .product-remove { width: 6%; }
.woocommerce-cart-form__contents .product-thumbnail { width: 14%; }
.woocommerce-cart-form__contents .product-name { width: 38%; }
.woocommerce-cart-form__contents .product-price,
.woocommerce-cart-form__contents .product-quantity,
.woocommerce-cart-form__contents .product-subtotal { width: 14%; }

/* ---- Imagen ---- */
.woocommerce-cart-form__contents .product-thumbnail img {
  width: 65px !important;
  height: auto;
  border-radius: 10px;
  border: 2px solid #ff7a00;
  background: #fff;
  padding: 2px;
}

/* ---- Nombre ---- */
.woocommerce-cart-form__contents .product-name a {
  color: #ff7a00;
  font-weight: 600;
  text-decoration: none;
}
.woocommerce-cart-form__contents .product-name a:hover { text-decoration: underline; }

/* ---- Botón eliminar (x) ---- */
.woocommerce a.remove {
  color: #fff !important;
  background: #ff7a00;
  border-radius: 50%;
  font-size: 0.9rem;
  font-weight: 700;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  text-align: center;
  transition: all 0.2s ease;
}
.woocommerce a.remove:hover { background: #d30000; }

/* ---- Cantidad + / - ---- */
.quantity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}
.quantity button {
  background: #ff7a00;
  color: #fff;
  border: none;
  width: 28px;
  height: 28px;
  cursor: pointer;
  font-weight: bold;
  font-size: 1rem;
  transition: background 0.2s ease;
}
.quantity button:hover {
  background: #ffd200;
  color: #333;
}
.quantity input.qty {
  width: 45px;
  height: 28px;
  border: none;
  text-align: center;
  font-weight: 600;
  font-size: 0.9rem;
  color: #333;
  pointer-events: none;
  background: #fff;
}
/* ---- Subtotal ---- */
.woocommerce-cart-form__contents td.product-subtotal {
  font-weight: 700;
  color: #000;
}

/* ---- Botón “Vaciar carrito” pequeño y a la derecha ---- */
.vaciar-carrito {
  float: right;
  display: inline-block;
  background: linear-gradient(90deg, #ff9100, #ffd200);
  color: #fff !important;
  font-weight: 700;
  border: none;
  border-radius: 8px;
  padding: 6px 14px;
  font-size: 0.9rem;
  box-shadow: 0 2px 6px rgba(255,145,0,0.25);
  transition: all 0.2s ease;
  margin-top: 6px;
}
.vaciar-carrito:hover {
  background: linear-gradient(90deg, #ffd200, #ff9100);
  transform: translateY(-1px);
}
/* Clearfix por el float */
.woocommerce-cart-form::after { content:""; display:block; clear:both; }

/* ---- Ocultar “Actualizar carrito” ---- */
button[name="update_cart"],
.woocommerce-cart .actions { display: none !important; }

/* ---- Totales ---- */
.cart_totals {
  width: 95%;
  max-width: 900px;
  margin: 30px auto 50px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.08);
  padding: 20px;
}
.cart_totals h2 {
  color: #ff7a00;
  border-bottom: 2px solid #ff7a00;
  margin-bottom: 15px;
  padding-bottom: 4px;
}

/* ---- Botón “Finalizar compra” centrado y destacado ---- */
.wc-proceed-to-checkout { text-align: center; }
.wc-proceed-to-checkout a.checkout-button {
  display: inline-block;
  text-align: center;
  background: linear-gradient(90deg,#ff7a00,#ffd200);
  color: #fff !important;
  border-radius: 12px;
  font-weight: 800;
  padding: 16px 32px;
  font-size: 1.2rem;
  transition: all 0.2s ease;
  text-decoration: none;
  margin: 20px auto 0;
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.wc-proceed-to-checkout a.checkout-button:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 18px rgba(0,0,0,0.25);
}

/* ---- Mensajes ---- */
.woocommerce-message {
  background: #fff8eb;
  color: #ff7a00;
  border-left: 5px solid #ff7a00;
  border-radius: 10px;
  padding: 10px 16px;
  font-weight: 600;
  max-width: 900px;
  margin: 10px auto;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
  .woocommerce-cart-form__contents thead { display: none; }
  .woocommerce-cart-form__contents tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 10px;
  }
  .woocommerce-cart-form__contents td {
    display: flex;
    justify-content: space-between;
    border: none;
    padding: 6px 0;
  }
  .woocommerce-cart-form__contents .product-thumbnail img { width: 55px !important; }

  /* En móvil, que el botón de vaciar no flote para evitar saltos */
  .vaciar-carrito {
    float: none;
    margin-left: auto; /* se queda a la derecha dentro del contenedor */
    display: inline-block;
  }
}

/* =======================================================
   🧡 AJUSTE PRIORITARIO FINAL DE BOTONES DEL CARRITO
   ======================================================= */

/* 🔸 Ocultar “Actualizar carrito” */
form.woocommerce-cart-form button[name="update_cart"],
.woocommerce .cart button[name="update_cart"],
.woocommerce-cart .actions {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* 🔸 Botón “Finalizar compra” — grande, centrado y muy visible */
.wc-proceed-to-checkout {
  text-align: center !important;
  margin-top: 25px !important;
}
.wc-proceed-to-checkout a.checkout-button {
  display: inline-block !important;
  background: linear-gradient(90deg, #ff7a00, #ffd200) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 1.25rem !important;
  border-radius: 14px !important;
  padding: 16px 42px !important;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(255, 145, 0, 0.35) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  border: none !important;
}
.wc-proceed-to-checkout a.checkout-button:hover {
  transform: scale(1.06) !important;
  box-shadow: 0 8px 22px rgba(255, 145, 0, 0.4) !important;
}

/* 🔸 Botón “Vaciar carrito” — pequeño y discreto */
form.woocommerce-cart-form .vaciar-carrito,
.vaciar-carrito {
  background: #fff7e0 !important;
  color: #b35b00 !important;
  border: 1px solid #ffd98b !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  font-size: 0.85rem !important;
  box-shadow: none !important;
  float: right !important;
  margin-top: 6px !important;
  transition: all 0.2s ease !important;
}
.vaciar-carrito:hover {
  background: #ffd78c !important;
  color: #703800 !important;
}

/* 🔸 Forzar limpiar float */
.woocommerce-cart-form::after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

/* 🔸 Responsive — que el vaciar se centre en móvil */
@media (max-width: 768px) {
  .vaciar-carrito {
    float: none !important;
    display: block !important;
    margin: 10px auto 0 !important;
  }
}

/* =======================================================
   🔢 CORRECCIÓN DEFINITIVA VISIBILIDAD CANTIDAD
   ======================================================= */
.quantity input.qty,
.woocommerce .quantity input.qty,
.woocommerce-cart-form .quantity input.qty {
  color: #000 !important;          /* texto negro visible */
  opacity: 1 !important;           /* fuerza visibilidad */
  background: #fff !important;     /* fondo blanco */
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  width: 50px !important;
  height: 30px !important;
  border: none !important;
  box-shadow: none !important;
  appearance: textfield !important; /* elimina flechas internas */
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
}

/* 🔸 elimina las flechas de los input number en navegadores */
.quantity input.qty::-webkit-inner-spin-button,
.quantity input.qty::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* 🔸 fuerza color en caso de heredar transparencia */
.quantity input.qty:focus,
.quantity input.qty:active {
  color: #000 !important;
  opacity: 1 !important;
}

/* =======================================================
   🍊 TOTAL FINAL — UNA SOLA LÍNEA CENTRADA Y REFORZADA
   ======================================================= */

.wc-block-components-totals-footer-item.wc-block-components-totals-item {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 12px 0 !important;
  margin-top: 12px !important;
  text-align: center !important;
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  color: #ff7a00 !important;
  display: block !important;
}

/* Texto “TOTAL” y valor en la misma línea */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  display: inline !important;
  vertical-align: middle !important;
  color: #ff7a00 !important;
  font-weight: 900 !important;
  font-size: 1.35rem !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
}

/* Separador entre texto y cifra */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label::after {
  content: " : ";
  margin: 0 6px;
}

/* Evita que WooCommerce alinee el valor a la derecha */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  text-align: center !important;
  font-weight: 1000 !important;
}

/* =======================================================
   🍊 CENTRAR Y RECOLOCAR CÍRCULO DE CANTIDAD EN RESUMEN DE PEDIDO
   ======================================================= */

/* Contenedor imagen relativo */
.wc-block-components-order-summary-item__image {
  position: relative !important;
}

/* Círculo (1) correctamente centrado */
.wc-block-components-order-summary-item__quantity {
  top: 50% !important;                 /* centrado vertical */
  right: auto !important;
  left: -10px !important;              /* ligeramente a la izquierda */
  transform: translateY(-50%) !important;
  background: #ff7a00 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.25);
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  width: 22px !important;
  height: 22px !important;
  line-height: 20px !important;
  text-align: center !important;
  border-radius: 50% !important;
  z-index: 5 !important;
}

/* Asegurar centrado vertical de imagen y cantidad */
.wc-block-components-order-summary-item__image {
  display: flex !important;
  align-items: center !important;
}

/* =======================================================
   🍊 BOTÓN “REALIZAR EL PEDIDO” — DESTACADO
   ======================================================= */

.wc-block-components-checkout-place-order-button {
  background: linear-gradient(90deg, #ff7a00, #ffd200) !important;
  color: #fff !important;
  font-size: 1.15rem !important; /* 🔸 aumenta el tamaño del texto */
  font-weight: 800 !important;
  text-transform: uppercase !important;
  border-radius: 12px !important;
  padding: 16px 28px !important;
  border: none !important;
  width: 100% !important; /* ocupa todo el ancho disponible */
  box-shadow: 0 6px 15px rgba(0,0,0,0.15);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wc-block-components-checkout-place-order-button:hover {
  transform: scale(1.04);
  box-shadow: 0 8px 18px rgba(0,0,0,0.25);
}
/* =======================================================
   🍊 MINI-CARRITO VACÍO – SIN BURBUJA EXTRA
   ======================================================= */
.mini-cart-empty {
  padding: 10px 0;
  text-align: center;
  color: #ff7a00;
  font-weight: 700;
  background: transparent; /* usa la burbuja principal */
  border: none;
  box-shadow: none;
  font-size: 0.95rem;
}

/* =======================================================
   🍊 ICONO DEL CARRITO MÁS GRANDE EN EL BOTÓN SUPERIOR
   ======================================================= */

/* Aumenta el tamaño del carrito en el botón principal */
.cta-top.carrito-link {
  font-size: 1.2rem !important; /* agranda todo un poco */
  display: inline-flex;
  align-items: center;
  gap: 6px; /* separa número y carrito */
}

/* Icono 🛒 específico */
.cta-top.carrito-link::after {
  content: "🛒";
  font-size: 1.6rem; /* tamaño del carrito */
  line-height: 1;
  margin-left: 4px;
}

/* Oculta el emoji antiguo si ya está en el HTML */
.cta-top.carrito-link span.cart-icon,
.cta-top.carrito-link img,
.cta-top.carrito-link svg {
  display: none !important;
}

/* =======================================================
   🍊 BOTÓN CLIENTES — MISMO ESTILO QUE EL CARRITO (DINÁMICO)
   ======================================================= */

.cta-top.cuenta-link {
  background: linear-gradient(90deg, #ff7a00, #ffd200);
  color: #fff !important;
  font-weight: 800;
  font-size: 1rem;
  border-radius: 12px;
  padding: 8px 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}

/* Hover con efecto de luz */
.cta-top.cuenta-link:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

/* 🔐 Cuando NO está logueado */
.cta-top.cuenta-link.logged-out::before {
  content: "🔐";
  font-size: 1.4rem;
  margin-right: 6px;
  line-height: 1;
}

/* 👤 Cuando SÍ está logueado */
.cta-top.cuenta-link.logged-in::before {
  content: "👤";
  font-size: 1.4rem;
  margin-right: 6px;
  line-height: 1;
}

/* Ocultar iconos previos si los hubiera */
.cta-top.cuenta-link img,
.cta-top.cuenta-link svg {
  display: none !important;
}

/* =======================================================
   🍊 BOTÓN CLIENTES — IGUAL ESTILO QUE EL CARRITO (CORREGIDO)
   ======================================================= */

.cta-top.cuenta-link {
  background: linear-gradient(90deg, #ff7a00, #ffd200);
  color: #fff !important;
  font-weight: 800;
  font-size: 1rem;
  border-radius: 14px;
  padding: 8px 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease-in-out;
}

.cta-top.cuenta-link:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

/* Icono (emoji directo sin círculo extra) */
.cta-top.cuenta-link .icono-cuenta {
  font-size: 1.4rem;
  line-height: 1;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Texto */
.cta-top.cuenta-link .texto-cuenta {
  color: #fff !important;
  font-weight: 800;
  letter-spacing: 0.3px;
  font-size: 1rem;
  line-height: 1;
}

/* =======================================================
   🍊 Login WooCommerce — Botón + Recuérdame alineados
   ======================================================= */

/* Asegura que los campos ocupen el ancho correcto */
.woocommerce form.login input[type="text"],
.woocommerce form.login input[type="password"] {
  width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* Solo la fila que contiene el botón de acceso */
.woocommerce form.login p.form-row:has(.woocommerce-form-login__submit) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  margin-top: 12px !important;
}

/* Botón “Acceso” primero */
.woocommerce form.login p.form-row:has(.woocommerce-form-login__submit)
  .woocommerce-form-login__submit {
  order: 1 !important;
  margin: 0 !important;
}

/* “Recuérdame” justo a la derecha */
.woocommerce form.login p.form-row:has(.woocommerce-form-login__submit)
  .woocommerce-form-login__rememberme {
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  cursor: pointer;
  white-space: nowrap;
}

/* Checkbox alineado con el texto */
#rememberme {
  margin: 0 !important;
  transform: translateY(1px);
}

/* Móvil — se apilan */
@media (max-width: 480px) {
  .woocommerce form.login p.form-row:has(.woocommerce-form-login__submit) {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }
}
/* ✅ Restaurar visibilidad de mensajes WooCommerce */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  margin: 15px 0 !important;
  padding: 12px 18px !important;
  border-radius: 10px !important;
  border-left: 6px solid var(--brand) !important;
  background: #fff9e6 !important;
  color: #333 !important;
  font-weight: 600 !important;
  box-shadow: var(--shadow);
}