/* === DeGusto – intranet.css === */

/* Paleta (brandbook) */
:root{
  --dgc-ink:#12080D;     
  --dgc-foam:#F2F3F0;    
  --dgc-mint:#D5E9EB;   
  --dgc-sun:#FFEB8D;    
  --dgc-fire:#D75533;   
  --dgc-blush:#E3B2CE;  
  --dgc-wine:#6F3A31;    
  --dgc-olive:#4B4A1A;   
}

/* Tipos (brandbook): Gaya display, Alpina cuerpo, Typewriter para labels.
   Cárgalas en theme o @font-face; aquí solo declaramos las familias. */
:root{
  --dgc-display: "GT-Alpina","Inter","system-ui",sans-serif; /*"Gaya","Georgia",serif;*/
  --dgc-text: "GT-Alpina","Inter","system-ui",sans-serif;
  --dgc-mono: "Alpina-Typewriter","ui-monospace","SFMono-Regular",monospace;
}

body.woocommerce-account header#masthead{
  display: none;
}

body.woocommerce-account .entry-content, body.woocommerce-account article.page{
  margin-bottom: 0;
}

.dgc-wrap{max-width:1100px;margin:0 auto;padding:32px 24px;}
.dgc-header{margin-bottom:28px}
.dgc-header h2{
  font-family:var(--dgc-display);
  font-weight:400; letter-spacing:-.02em; line-height:1.05;
  font-size: clamp(32px, 5vw, 56px);
  color:var(--dgc-ink);
  margin:0 0 4px;
}
.dgc-sub{
  display:flex; gap:12px; align-items:center;
  color:var(--dgc-ink); opacity:.85; font-family:var(--dgc-text);
  font-weight:600;
}
.dgc-kicker{
  font-family:var(--dgc-mono);
  font-size:.72rem; letter-spacing:.08em;
  background:var(--dgc-sun); color:var(--dgc-ink);
  padding:4px 10px; border-radius:999px; text-transform:uppercase;
}

/* filtros */
.dgc-filters{display:grid; grid-template-columns: 1fr 1fr auto; gap:10px; margin:0;}
.dgc-filters input,.dgc-filters select{
  font-family:var(--dgc-text); font-size:.95rem;
  padding:12px 12px; border:1px solid #E6E6E6; border-radius:14px; background:#fff
}
.dgc-filters .button{
  border:0; border-radius:14px; padding:12px 16px;
  background:var(--dgc-ink); color:#fff; font-family:var(--dgc-text)
}
.dgc-filters .button:hover{transform:translateY(-1px); box-shadow:0 5px 18px rgba(0,0,0,.08)}

/* anuncios */
.dgc-announcements{
    background:var(--dgc-wine); 
    border-radius:20px; 
    padding:14px 16px; 
    margin:8px 0 18px;
}
.dgc-announcements h3{
    margin:0 0 6px; 
    font-family:var(--dgc-text); 
    font-weight:500;
    color: #fff;
}
.dgc-announcements ul{display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0}
.dgc-announcements li a{
  display:inline-block; padding:8px 12px; border-radius:999px;
  background:#fff; border:1px dashed var(--dgc-wine); color:var(--dgc-wine);
  font-family:var(--dgc-mono); font-size:.75rem; letter-spacing:.06em; text-transform:uppercase;
}

.woocommerce-MyAccount-content .dgc-announcements li a:not(.button){
  text-decoration: none;
}

.dgc-card a.dgc-card-link, .dgc-active-filters a.chip{
  text-decoration: none !important;
}

/* grid y tarjetas */
.dgc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 260px));
  gap: 16px;
  justify-content: center;
}
.dgc-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 10px 24px rgba(18,8,13,.06);transition:.25s}
.dgc-card:hover{transform:translateY(-4px); box-shadow:0 16px 28px rgba(18,8,13,.12)}
.dgc-card .dgc-card-media{background:#eee;background-size:cover;background-position:center;height:200px;position:relative}
.dgc-card .dgc-chip{
  position:absolute; top:10px; left:10px;
  font-family:var(--dgc-mono); font-size:.70rem; letter-spacing:.08em; text-transform:uppercase;
  background:var(--dgc-sun); color:var(--dgc-ink); padding:4px 10px; border-radius:999px
}
.dgc-card .dgc-chip.seen{left:auto; right:10px; background:var(--dgc-olive); color:#fff;}
.dgc-card-body{padding:14px 14px 16px}
.dgc-card-body h4{
  font-family:var(--dgc-mono); 
  font-weight:700; 
  letter-spacing:0.5px;
  color:var(--dgc-ink); 
  margin:2px 0 6px; 
  font-size:15px;
  text-transform: uppercase;
}
.dgc-card-body p{
  margin:0; 
  color:#2b2427; 
  opacity:.85; 
  font-family:var(--dgc-mono) !important;
  text-transform: uppercase;
}

/* destacados */
.dgc-featured h3{font-family:var(--dgc-text); margin:18px 0 10px}
/*.dgc-card.is-featured{outline:3px solid #e7d361;}*/

/* Contenidos futuros: tarjeta desactivada */
.dgc-card.is-disabled {
  opacity: .50;
  cursor: default;
}

.dgc-card.is-disabled .dgc-card-link {
  pointer-events: none;
  cursor: default;
}

/* Chip “Próximamente” */
.dgc-card .dgc-chip.upcoming {
  background: rgba(0,0,0,0.7);
  color: #fff;
  border-radius: 999px;
  font-size: .78rem;
  padding: 4px 10px;
}

/* === Secciones destacadas y grid === */
.dgc-grid-masonry{
  padding: 50px 24px;
  text-align: center;
}
.dgc-featured {
  /*background: linear-gradient(180deg, var(--dgc-mint) 0%, #fff 100%);*/
  background: var(--dgc-olive);
  border-radius: 0;
  padding: 50px 24px;
  text-align: center;
  margin-bottom: 0;
}
.dgc-featured h3 {
  margin-top: -10px;
  margin-bottom: 20px;
  color: var(--dgc-ink);
  font-family: var(--dgc-display);
  letter-spacing: -0.02em;
}



/* single */
.dgc-single .meta{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.dgc-single .meta #markSeen{
  border:0; border-radius:12px; padding:8px 12px; background:var(--dgc-ink); color:#fff; cursor:pointer
}
.dgc-single .meta #markSeen:hover{background:var(--dgc-wine)}
.dgc-single .gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.dgc-single .gallery img{border-radius:14px}

/* accesos rápidos */
.dgc-sections{margin:26px 0}
.dgc-sections h3{font-family:var(--dgc-text)}
.dgc-sections .dgc-grid a.dgc-card{
  display:flex;align-items:center;justify-content:center;min-height:86px;
  text-decoration:none;color:var(--dgc-ink);font-family:var(--dgc-text);font-weight:500;
  background:linear-gradient(180deg,#fff, var(--dgc-foam));
  font-size: 17px;
}
.dgc-sections .dgc-grid a.dgc-card:hover{
  outline:2px dashed var(--dgc-mint);
  font-weight:700;
}
.dgc-archive .dgc-grid{
  margin-top: 20px;
}

/* microdetalles */
.dgc-badge{background:var(--dgc-sun);color:var(--dgc-ink);padding:4px 8px;border-radius:999px;font-size:12px}
body.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a{
  background:var(--dgc-olive); color:#fff; border-radius:0px;
}


 /* === De Gusto Club – MyAccount nav === */
.woocommerce-MyAccount-navigation {
  --nav-bg: var(--dgc-mint);
  --nav-border: #ececec;
  --nav-active: var(--dgc-ink);
  --nav-hover: var(--dgc-foam);
  --nav-text: var(--dgc-ink);
  --nav-shadow: 0 10px 24px rgba(18,8,13,.06);
  font-family: var(--dgc-text);
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  background: var(--nav-bg);
  border: 1px solid var(--nav-border);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--nav-shadow);
}

.woocommerce-MyAccount-navigation li {
  position: relative;
}

.woocommerce-MyAccount-navigation li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px 14px 44px;
  text-decoration: none;
  color: var(--nav-text);
  font-size: .95rem;
  letter-spacing: .01em;
  transition: background .2s ease, transform .12s ease;
}

/*
.woocommerce-MyAccount-navigation li + li a {
  border-top: 1px solid #000;
}
*/

.woocommerce-MyAccount-navigation li a:hover {
  background: var(--nav-hover);
  transform: translateX(2px);
}

/* Activo: “pill” oscuro, texto blanco, esquinas redondeadas arriba si es 1º */
.woocommerce-MyAccount-navigation .is-active > a {
  background: var(--nav-active);
  color: #fff;
  border-color: transparent;
  box-shadow: inset 0 -2px 0 rgba(255,255,255,.06);
}
.woocommerce-MyAccount-navigation .is-active:first-child > a {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}

/* Iconos con Dashicons (core WP) */
.woocommerce-MyAccount-navigation li::before{
  display: none; /* Desactivamos iconos a petición de Ana 31/12/25 */
  content:"\f333"; /* genérico */
  font-family: "Dashicons";
  font-size: 18px;
  line-height: 1;
  position: absolute; 
  left: 14px; 
  top: 50%; 
  transform: translateY(-50%);
  color: var(--dgc-olive);
}

.woocommerce-MyAccount-navigation li:hover::before {
  opacity: 1;      /* estable */
}

/* Cuando la opción está activa, el icono también se vuelve blanco */
.woocommerce-MyAccount-navigation li.is-active::before {
  color: #fff !important;
  opacity: .9;
}

/* Iconos por sección (usa las clases nativas de Woo) */
.woocommerce-MyAccount-navigation-link--dashboard::before { content:"\f115" !important; }      /* home */
.woocommerce-MyAccount-navigation-link--dgc-historico::before { content:"\f321" !important; }   /* clock/history */
.woocommerce-MyAccount-navigation-link--orders::before { content:"\f174" !important; }          /* cart */
.woocommerce-MyAccount-navigation-link--subscriptions::before { content:"\f110" !important; }   /* update/loop */
.woocommerce-MyAccount-navigation-link--downloads::before { content:"\f316" !important; }       /* download */
.woocommerce-MyAccount-navigation-link--edit-address::before { content:"\f230" !important; }    /* location */
.woocommerce-MyAccount-navigation-link--payment-methods::before { content:"\f109" !important; } /* credit card */
.woocommerce-MyAccount-navigation-link--edit-account::before { content:"\f110" !important; }    /* user/gear */
.woocommerce-MyAccount-navigation-link--dgc-preferencias::before { content:"\f110" !important; }    /* user/gear */
.woocommerce-MyAccount-navigation-link--dgc-soporte::before { content:"\f223" !important; }        /* help */
.woocommerce-MyAccount-navigation-link--customer-logout::before { content:"\f14a" !important; } /* exit */

/* Estado focus/teclado accesible */
.woocommerce-MyAccount-navigation li a:focus{
  outline: 2px dashed var(--dgc-mint);
  outline-offset: 2px;
}

/* (Opcional) badge para avisos nuevos */
.woocommerce-MyAccount-navigation li .dgc-badge {
  margin-left:auto;
  background: var(--dgc-sun);
  color: var(--dgc-ink);
  font-family: var(--dgc-mono);
  font-size:.72rem; letter-spacing:.06em; text-transform:uppercase;
  padding:3px 8px; border-radius:999px;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link a{
  /*padding-left: 40px; */ /* Quitamos el padding porque quitamos iconos a petición de Ana 30/12/25 */
  font-size: 13px;
  color: #000;
}

#main.site-main{
  min-height: 720px;
  padding: 0;
}

/* === Ficha de contenido dentro de Mi Cuenta === */
.dgc-back a{
  display:inline-block; margin-bottom:10px; text-decoration:none;
  font-family:var(--dgc-text); color:var(--dgc-wine);
}
.dgc-back a:hover{ text-decoration:underline; }

.dgc-single-hero{ border-radius:22px; overflow:hidden; margin-bottom:16px; }
.dgc-single-hero img{
    width:100%; 
    height:clamp(180px, 32vw, 360px); 
    object-fit:cover; 
    display:block;
}

.dgc-single header h1{
  font-family:var(--dgc-display); font-weight:500; letter-spacing:-.02em;
  margin:8px 0 6px; color:var(--dgc-ink);
}
.dgc-single .meta{
  display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:12px;
}
.dgc-single .meta span{
  font-family:var(--dgc-text); opacity:.85;
}
.dgc-single .tax-chips{
  display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 6px;
}
.chip{
  display:inline-block; border-radius:999px; padding:5px 10px; font-size:.78rem;
  font-family:var(--dgc-mono); letter-spacing:.06em; text-transform:uppercase;
}
.chip--cat{ background:var(--dgc-olive); color:var(--dgc-foam); }
.chip--tag{ background:var(--dgc-foam); color:var(--dgc-ink); }
.chip--text{ background:var(--dgc-sun); color:var(--dgc-ink); }

.dgc-single .content{ margin-top:10px; font-size: 20px;}
.dgc-single .content .video{ margin:16px 0; }
.dgc-single .gallery{ margin-top:14px; }

/* ----------- Cambios para cambiar la estructura de la página de mi cuenta ----------- */

/* ocultar cabecera de la página de cuenta del tema */
body.woocommerce-account .post-header,
body.woocommerce-account .post-header-classic,
body.woocommerce-account .post-header.post-header-classic.is-cat-link-borders-light{
  display:none !important;
}

/* eliminar cuellos de botella de ancho */
body.woocommerce-account .layout-medium,
body.woocommerce-account .container,
body.woocommerce-account .site-content,
body.woocommerce-account .content-area,
body.woocommerce-account .entry-content,
body.woocommerce-account .entry-content > .woocommerce{
  max-width:none !important;
  width:100% !important;
}

/* === GRID MADRE: nav | contenido (usa el padre real que tienes) === */
body.woocommerce-account .entry-content > .woocommerce{
  display:grid !important;
  grid-template-columns: 170px minmax(0,1fr) !important; /* menú | contenido */
  gap: 0px !important;
  align-items:start !important;
  padding: 0 !important;
}

/* anular floats/anchos heredados para que entren en la grid */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content{
  float:none !important;
  width:auto !important;
  margin:0 !important;
  padding: 0 !important;
  min-height: 100vh;
}

/* colocar explícitamente cada bloque en su columna */
body.woocommerce-account .entry-content > .woocommerce > .woocommerce-MyAccount-navigation{
  grid-column:1 !important;
  position:sticky; top:0px;
}
body.woocommerce-account .entry-content > .woocommerce > .woocommerce-MyAccount-content{
  grid-column:2 !important;
}

/* === GRID INTERNA: intranet (1fr) | sidebar (320px) === */
body.woocommerce-account .woocommerce-MyAccount-content .dgc-wrap{
  max-width:none !important;
  width:100%;
  margin:0;
  padding:0;
  display:grid;
  /*grid-template-columns: 1fr 320px;*/
  gap:24px;
}

/* todo salvo .dgc-sections va a la columna principal */
body.woocommerce-account .woocommerce-MyAccount-content .dgc-wrap > :not(.dgc-sections){ grid-column:1; }

/* secciones a la derecha (sticky) */
body.woocommerce-account .woocommerce-MyAccount-content .dgc-sections{
  grid-column:2;
  position:sticky; top:24px;
  border-left:1px dashed #eee; padding-left:18px;
}

/* Sidebar a la altura del inicio: columna 2, fila 1 */
body.woocommerce-account .woocommerce-MyAccount-content .dgc-wrap{
  align-items: start;          /* asegura alineación arriba */
  grid-auto-flow: row dense;   /* permite recolocar huecos */
}

body.woocommerce-account .woocommerce-MyAccount-content .dgc-sections{
  grid-column: 2 !important;
  grid-row: 1 !important;      /* <— clave: empieza en la primera fila */
  align-self: start;
  margin-top: 0 !important;
  position: sticky;
  top: 120px;
}

/* compactar hueco entre header y "Anuncios" */
body.woocommerce-account .woocommerce-MyAccount-content .dgc-wrap{
  /* por si acaso, que la grid no meta huecos extra */
  row-gap: 0;
}

/* sidebar: que no aumente la altura de la fila 1 */
body.woocommerce-account .woocommerce-MyAccount-content .dgc-sections{
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start;
  /* clave: no contribuir a la altura de la fila */
  height: 0; 
  overflow: visible;
  position: sticky;
  top: 120px;    /* ajusta para que al hacer scroll no tape el header */
  margin-top: 0 !important;
  padding-left: 18px;
  border-left: 1px dashed #eee;
}

/* por si el tema añade márgenes verticales a los hijos directos del content */
body.woocommerce-account .woocommerce-MyAccount-content .dgc-wrap > *{
  margin-top: 0;
}

/* === Fancy header for intranet === */
.dgc-header-fancy{
  /*background: linear-gradient(90deg, var(--dgc-mint) 0%, #fff 100%);*/
  border-radius: 24px;
  /*padding: 28px 32px;*/
  margin-bottom: 5px;
  /*box-shadow: 0 10px 24px rgba(18,8,13,.05);*/
}

.dgc-header-fancy h2{
  font-family: var(--dgc-display);
  font-size: 40px;
  font-weight: 100;
  margin: 0;
  color: var(--dgc-ink);
  letter-spacing: -0.02em;
}

.dgc-header-fancy .dgc-date{
  font-family: var(--dgc-text);
  font-size: 16px;
  font-weight: 700;
  color: var(--dgc-wine);
  opacity: 0.85;
  margin: 4px 0 0;
}

.dgc-header-fancy .dgc-sub{
  margin-top: 0px;
  display: flex;
  gap: 12px;
  align-items: center;
}

.dgc-header-fancy .dgc-badge{
  background: var(--dgc-sun);
  color: var(--dgc-ink);
  font-family: var(--dgc-mono);
  font-size: 0.8rem;
  letter-spacing: .06em;
  padding: 6px 12px;
  border-radius: 999px;
}

/* === Frase del mes + cita aleatoria (cabecera intranet) === */

.dgc-header-fancy .dgc-sub.dgc-quote {
  margin: 5px auto 5px;
  max-width: 720px;
  display: flex;
  flex-direction: column;
  gap: .35rem;
  align-items: center;
  text-align: center;
}

/* Reseteamos el estilo tipo badge dentro de esta cabecera */
.dgc-header-fancy .dgc-quote .dgc-badge {
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}

/* Frase del mes: pequeñita, en mayúsculas, rollo “kicker” */
.dgc-header-fancy .dgc-month-phrase {
  font-family: var(--dgc-mono);
  font-size: .78rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(18, 8, 13, .7); /* dgc-ink suavizado */
}

/* Cita aleatoria: protagonista, estilo cita elegante */
.dgc-header-fancy .dgc-random-quote {
  position: relative;
  font-family: var(--dgc-text);
  font-size: 1.05rem;
  font-style: italic;
  line-height: 1.6;
  color: var(--dgc-ink);
  padding: 0 1.4rem;
}

/* Comillas decorativas sutiles */
.dgc-header-fancy .dgc-random-quote::before,
.dgc-header-fancy .dgc-random-quote::after {
  position: absolute;
  font-size: 1.6rem;
  opacity: .18;
  pointer-events: none;
}

.dgc-header-fancy .dgc-random-quote::before {
  content: "“";
  left: -1rem;
  top: -.4rem;
}

.dgc-header-fancy .dgc-random-quote::after {
  content: "”";
  right: -.5rem;
  bottom: -.6rem;
}

.dgc-greeting{
  text-align: center;
}


/* Filtros intranet */
/* tarjeta de filtros “molona” */
.dgc-filters--card{
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr auto;
  gap: 12px;
  align-items: center;
  background: var(--dgc-mint);
  padding: 16px;
  border-radius: 0;
  /*box-shadow: 0 8px 20px rgba(18,8,13,.05);
  border: 1px solid #ececec;*/
}

/* campos pill con iconos */
.dgc-filter-field input,
.dgc-filter-field select{
  font-family: var(--dgc-text);
  font-size: .95rem;
  padding: 12px 14px 12px 40px;
  border: 0;
  background: #fff;
  border-radius: 999px;
  width: 100%;
  max-width: unset;
  transition: box-shadow .15s ease, border-color .15s ease, transform .06s ease;
}

/* icono lupa en el input */
.dgc-filter-field input{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2312080D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
  background-repeat: no-repeat;
  background-position: 12px 50%;
}

/* chevron en selects */
.dgc-filter-field select{
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2312080D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) 50%, 12px 50%;
  padding-right: 40px;
}

/* foco bonito */
.dgc-filter-field input:focus,
.dgc-filter-field select:focus{
  outline: 0;
  border-color: var(--dgc-mint);
  box-shadow: 0 0 0 4px rgba(199,232,225,.55);
}

/* acciones: botón + limpiar */
.dgc-filter-actions{
  display:flex; align-items:center; gap:12px;
}
.dgc-filter-actions .button{
  border:0; border-radius:999px; padding:12px 18px;
  background: var(--dgc-ink); color:#fff; font-weight:600;
}
.dgc-filter-actions .button:hover{ transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,.12); }
.dgc-reset{
  font-family: var(--dgc-mono);
  font-size:.8rem; letter-spacing:.06em; text-transform: uppercase;
  color: var(--dgc-wine); text-decoration: none;
}
.dgc-reset:hover{ text-decoration: underline; }

/* chips de filtros activos bajo la tarjeta */
.dgc-active-filters{
  display:flex; flex-wrap:wrap; gap:8px; margin:10px 2px 0;
}
.dgc-active-filters .chip{ cursor:pointer; }


/* === Vídeo responsive (oEmbed o <video>) === */
.dgc-video{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 18px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 10px 24px rgba(18,8,13,.08);
  margin: 16px 0;
}
.dgc-video iframe,
.dgc-video video{
  position: absolute; inset: 0;
  width: 100%; height: 100%;
}

/* === Galería mejorada === */
.dgc-gallery{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
  margin-top: 14px;
}
.dgc-gallery a{
  display:block; overflow:hidden; border-radius:14px; background:#f2f2f2;
  box-shadow:0 4px 16px rgba(18,8,13,.06);
  transition: transform .18s ease, box-shadow .18s ease;
}
.dgc-gallery a:hover{
  transform: translateY(-2px);
  box-shadow:0 10px 22px rgba(18,8,13,.12);
}
.dgc-gallery img{
  width:100%; height:100%;
  object-fit: cover;
  aspect-ratio: 4 / 3; /* recorte agradable */
  display:block;
}

/* Botón de descarga: pequeño respiro */
.dgc-single .content .button{ margin: 8px 0 2px; }

/* Fallback para wrappers de Gutenberg */
.wp-block-embed__wrapper iframe{ width:100% !important; height:100% !important; }

/* === Lightbox mínimo (sin librerías) === */
.dgc-lightbox{
  position: fixed; inset: 0; background: rgba(0,0,0,.85);
  display: grid; place-items: center; z-index: 9999;
  opacity: 0; transition: opacity .18s ease;
}
.dgc-lightbox.is-open{ opacity: 1; }
.dgc-lightbox img{
  max-width: 92vw; max-height: 86vh; border-radius: 14px;
  box-shadow: 0 20px 48px rgba(0,0,0,.4);
}
.dgc-lightbox__close{
  position: absolute; top: 14px; right: 14px;
  background: #fff; color: var(--dgc-ink);
  border: 0; border-radius: 999px; padding: 8px 10px; cursor: pointer;
  font-family: var(--dgc-mono); font-size: .85rem; letter-spacing: .06em;
}

/* === Botón "Descargar material" molón === */
.dgc-single .content .button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--dgc-mint) 0%, #9fd4c6 100%);
  color: var(--dgc-ink);
  box-shadow: 0 6px 16px rgba(82, 150, 128, 0.3);
  font-family: var(--dgc-text);
  font-weight: 600;
  font-size: 1rem;
  text-decoration: none;
  border: none;
  border-radius: 999px;
  padding: 14px 24px;
  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}

.dgc-single .content .button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 50%, rgba(255,255,255,.25), transparent 70%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.dgc-single .content .button:hover::before {
  opacity: 1;
}

.dgc-single .content .button:hover {
  transform: translateY(1px);
  background: linear-gradient(135deg, var(--dgc-fire) 0%, #f88f6b 100%);
  color: #fff;
  box-shadow: 0 6px 16px rgba(215, 85, 51, 0.35);
}

.dgc-single .content .button:active {
  background: linear-gradient(135deg, var(--dgc-mint) 0%, #9fd4c6 100%);
  color: var(--dgc-ink);
  box-shadow: 0 6px 16px rgba(82, 150, 128, 0.3);
}

/* Icono de descarga animado */
.dgc-single .content .button::after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' viewBox='0 0 24 24'><path d='M12 3v14m0 0l-5-5m5 5l5-5'/><path d='M5 21h14'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.25s ease;
}

.dgc-single .content .button:hover::after {
  transform: translateY(3px);
}

/* Para recetas o bienestar: menta */
.chip--cat:contains("Recetas") ~ .button,
.chip--cat:contains("Bienestar") ~ .button {
  background: linear-gradient(135deg, var(--dgc-mint) 0%, #9fd4c6 100%);
  color: var(--dgc-ink);
  box-shadow: 0 6px 16px rgba(82, 150, 128, 0.3);
}

/* === Calendario de contenidos (mes actual) === */
.dgc-calendar{
  background: linear-gradient(180deg, #fff 0%, var(--dgc-foam) 100%);
  border: 1px solid #ececec;
  border-radius: 22px;
  padding: 18px 18px 22px;
  box-shadow: 0 8px 20px rgba(18,8,13,.05);
  margin-bottom: 18px;
}

.dgc-cal-head{
  display:flex; align-items:center; gap:10px; justify-content:space-between;
  margin-bottom: 10px;
}
.dgc-cal-head h3{
  margin:0; font-family: var(--dgc-display); letter-spacing:-.02em;
  font-size: clamp(18px, 2.2vw, 24px); color: var(--dgc-ink);
}

.dgc-cal-grid{
  display:grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
}

.dgc-cal-colhead{
  font-family: var(--dgc-mono);
  text-transform: uppercase;
  font-size: .74rem;
  letter-spacing: .08em;
  color: var(--dgc-wine);
  text-align: center;
  padding: 6px 0 8px;
  border-bottom: 1px dashed #e5e2df;
}

.dgc-cal-cell{
  background:#fff; border:1px solid #eee; border-radius:14px; min-height:92px;
  padding:8px; position:relative; overflow:hidden;
  transition: box-shadow .15s ease, transform .12s ease, border-color .15s ease;
}
.dgc-cal-cell:hover{ transform: translateY(-2px); box-shadow: 0 8px 20px rgba(18,8,13,.06); border-color: #e5e5e5; }
.dgc-cal-cell.is-empty{ background: transparent; border: 1px dashed #f0efee; }
.dgc-cal-cell.is-today{ outline: 2px dashed var(--dgc-mint); }

.dgc-cal-daynum{
  position:absolute; top:6px; left:8px;
  font-family: var(--dgc-mono);
  font-size:.78rem; letter-spacing:.06em; color:#6c5e61;
  background: var(--dgc-foam); border-radius: 999px; padding: 3px 8px;
}

.dgc-cal-badges{
  display:flex; flex-wrap:wrap; gap:6px; margin-top: 28px;
}
.dgc-chip--count{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 26px; height: 26px;
  background: var(--dgc-ink); color:#fff; border-radius:999px;
  font-family: var(--dgc-text); font-size:.85rem; padding:0 8px;
}
.dgc-chip--mini {
    font-size: 11px;
    padding: 4px 8px 0px 8px;
    text-align: center;
}

/* Popover de lista rápida */
.dgc-cal-popover{
  position:absolute; inset:auto 8px 8px 8px;
  background:#fff; border:1px solid #e6e6e6; border-radius:12px;
  box-shadow: 0 10px 28px rgba(18,8,13,.12);
  padding:8px; z-index:5;
}
.dgc-cal-popover ul{ list-style:none; margin:0; padding:0; max-height: 180px; overflow:auto; }
.dgc-cal-popover li + li{ border-top:1px dashed #eee; }
.dgc-cal-popover a{
  display:block; padding:8px 6px; font-family:var(--dgc-text);
  color: #1c715d; text-decoration:none !important;
  font-weight: 600;
  line-height: 13px;
}
.dgc-cal-popover a:hover{ text-decoration:underline; }

/* === DGC Pack Hero (banner de pack activo, estilo overlay) === */

.dgc-pack-hero{
  position: relative;
  border-radius: 0;
  overflow: hidden;
  margin-bottom: 5px;
  min-height: 220px;
  background: #000;
  padding: 0px;
}

/* La imagen ocupa todo el banner */
.dgc-pack-hero__media{
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 360px;
  max-height: 410px;
  background: #000;
  background-image: var(--bg);
  background-position: center;
  background-size: cover;
  border-radius: 0px;
  opacity: 0.4;
}

/* Capa oscura con degradado desde abajo 
.dgc-pack-hero::before{
  content:"";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.70) 40%, rgba(0,0,0,0.50) 60%, rgba(0,0,0,0.10) 90%);
  pointer-events: none;
  z-index: 1;
}
  */

/* Contenido del banner, sobre la imagen, pegado abajo */
.dgc-pack-hero__body{
  position: absolute;
  inset: 0;
  padding: 1.1rem 1.4rem 1.3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  color: #fff;
  z-index: 2;
}

/* Badge “tu pack activo” como píldora */
.dgc-pack-hero__badge{
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-size: .75rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: rgba(255,255,255,0.15);
  color: #fff;
  padding: .25rem .7rem;
  border-radius: 999px;
  font-weight: 600;
  backdrop-filter: blur(4px);
  width: auto;
  max-width: max-content;
  margin: auto;
}

/* Título del pack */
.dgc-pack-hero__title{
  font-size: 50px;
  font-weight: 400;
  text-align: center;
  line-height: 1.2;
  margin: .1rem 0 .1rem;
  color: var(--dgc-blush);
}

.dgc-pack-hero__title a{
  text-decoration: none;
  color: inherit;
}

.dgc-pack-hero__title a:hover{
  text-decoration: underline;
}

.dgc-pack-hero__packs{
  position: absolute;
  left: 1.4rem;
  bottom: 1.3rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .35rem;
  margin-top: 0;
  max-width: 75%;
}

.dgc-pack-hero__packs-label{
  margin: 0;
  font-size: .62rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.62);
}

.dgc-pack-hero__packs-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: .35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dgc-pack-hero__pack-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .28rem .62rem;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.08);
  color: #fff;
  text-decoration: none;
  font-size: .74rem;
  line-height: 1.2;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.dgc-pack-hero__pack-pill:hover{
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.4);
  transform: translateY(-1px);
}

.dgc-pack-hero__pack-pill.is-current{
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.16);
  color: #fff;
}

.dgc-pack-hero__pack-pill.is-current:hover{
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.4);
  color: #fff;
}

@media (max-width: 767px){
  .dgc-pack-hero__body{
    justify-content: center;
  }

  .dgc-pack-hero__packs{
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    max-width: 100%;
  }
}

/* Descripción corta del pack */
.dgc-pack-hero__desc{
  font-size: .92rem;
  line-height: 1.5;
  margin: 0;
  max-width: 520px;
  color: rgba(255,255,255,0.92);
}

/* CTA (si lo vuelves a activar en el PHP) */
.dgc-pack-hero__cta{
  margin-top: .5rem;
}

.dgc-pack-hero__cta .button{
  border-radius: 999px;
  padding: .55rem 1.2rem;
  font-size: .86rem;
}

/* === Preferencias de cuenta (endpoint dgc-preferencias) === */

.dgc-preferences {
  margin: 0 auto 4rem;
  padding: 0 2rem;
}

.dgc-preferences p, 
.dgc-preferences label, 
.dgc-preferences h2, 
.dgc-preferences h3,
.dgc-preferences legend,
.dgc-preferences .woocommerce-Address{
  color: #D5E9EB;
  font-size: 18px;
}

.dgc-preferences legend{
  font-size: 1rem;
  font-weight: 600;
  padding-bottom: 0;
}

.dgc-preferences form .form-row{
  margin-bottom: 0px;
}

.dgc-pref-header {
  margin-bottom: 25px;
}

.dgc-pref-kicker {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 600;
  color: #888;
}

.dgc-pref-kicker::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #f4a340; /* toque cálido tipo De Gusto */
}

.dgc-pref-title {
  margin: .5rem 0 .75rem;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #000 !important;
}

.dgc-pref-lead {
  margin: 0; 
  color: #555 !important;
  font-size: .95rem;
}

/* Grid de bloques */

.dgc-pref-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
}

.dgc-pref-block {
  position: relative;
  padding: 1.5rem 1.75rem 1.75rem;
  border-radius: 18px;
  background: #6F3A31;
  border: 1px solid rgba(0,0,0,0.03);
  overflow: hidden;
}

.dgc-pref-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 0 0, rgba(244,163,64,0.16), transparent 55%);
  opacity: .9;
  pointer-events: none;
}

.dgc-pref-block-inner {
  position: relative;
  z-index: 1;
}

.dgc-pref-block-inner p{
  margin-bottom: 0;
}

.dgc-pref-block-title {
  position: relative;
  z-index: 1;
  margin: 0 0 .35rem;
  font-size: 1.1rem;
}

.dgc-pref-block-desc {
  position: relative;
  z-index: 1;
  margin: 0 0 1.1rem;
  font-size: .9rem;
  color: #666;
}

/* Ajustes de los formularios Woo dentro de preferencias */

.dgc-preferences form {
  margin-bottom: 0;
}

.dgc-preferences .woocommerce-Input,
.dgc-preferences .input-text,
.dgc-preferences select,
.dgc-preferences textarea {
  width: 100%;
  border-radius: 999px;
  padding: .55rem .9rem;
  border: 1px solid rgba(0,0,0,0.12);
  font-size: .9rem;
  background-color: #fff;
}

.dgc-preferences textarea {
  border-radius: 16px;
  min-height: 120px;
}

.dgc-preferences .woocommerce-form-row,
.dgc-preferences .form-row {
  margin-bottom: .9rem;
}

.dgc-preferences .woocommerce-form-row label,
.dgc-preferences .form-row label {
  font-size: .85rem;
  font-weight: 500;
  margin-bottom: 0;
}

/* Botones dentro de preferencias */

.dgc-preferences .button,
.dgc-preferences .woocommerce-Button {
  border-radius: 999px;
  font-size: .9rem;
  padding: .55rem 1.4rem;
  border: none;
}

.dgc-preferences .button:hover,
.dgc-preferences .woocommerce-Button:hover {
  transform: translateY(-1px);
}

/* Bloque direcciones: simplificar headings internos */

.dgc-pref-addresses .woocommerce-Addresses h3,
.dgc-pref-addresses .woocommerce-column__title {
  font-size: .95rem;
  margin-top: .5rem;
}

.dgc-pref-addresses .woocommerce-Addresses {
  display: grid;
  gap: 1rem;
}

.dgc-pref-addresses .col2-set .col-1{
  width: 100%;
}

.dgc-pref-addresses .addresses .title .edit{
  float: none;
}

/* Bloque métodos de pago */

.dgc-pref-payments table.woocommerce-MyAccount-paymentMethods {
  font-size: .9rem;
}

.dgc-pref-payments .woocommerce-MyAccount-paymentMethods th,
.dgc-pref-payments .woocommerce-MyAccount-paymentMethods td {
  padding: .5rem .6rem;
}

/* Layout dos columnas: menú izquierda + contenido derecha */
body.woocommerce-account .woocommerce {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

/* Columna menú fija y estrecha */
body.woocommerce-account .woocommerce-MyAccount-navigation {
  flex: 0 0 220px;
}

/* Columna contenido crece */
body.woocommerce-account .woocommerce-MyAccount-content {
  flex: 1 1 auto;
}

/* Fondo general de la página de cuenta */
body.woocommerce-account {
  background-color: #F5F5EC;
}

/* Sidebar de navegación */
body.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--dgc-foam); 
  border-radius: 0;
  padding: 32px 24px 40px;
  min-height: 100vh;                 /* sensación de columna completa */
}

/* Quitamos la “tarjeta” del ul, ahora el fondo lo pone el nav */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Items del menú: más limpios, sin caja individual */
.woocommerce-MyAccount-navigation li a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0 8px 32px;
  text-decoration: none;
  color: #132424;
  font-size: 0.95rem;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-family: var(--dgc-mono);
  transition: color .15s ease, transform .12s ease;
  border: 0 !important; 
}

.woocommerce-MyAccount-navigation li + li a {
  border-top: 0;
}

.woocommerce-MyAccount-navigation li a:hover {
  transform: translateX(3px);
  color: #0b1717;
}


/* Iconos: los dejamos como los tienes, solo ajustamos posición si hace falta */
.woocommerce-MyAccount-navigation li a::before {
  left: 6px; /* antes 14px, para encajar con el nuevo padding */
}

/* Panel de contenido principal */
body.woocommerce-account .woocommerce-MyAccount-content {
  background: var(--dgc-mint);          /* crema suave, tipo mockup */
  padding: 32px 0px 40px !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
}

/* Ajuste del wrapper para que no pegue a los bordes del tema */
body.woocommerce-account .site-main,
body.woocommerce-account .content-area,
body.woocommerce-account .entry-content {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.dgc-myaccount-logo {
  text-align: center;
  padding: 30px 0 22px;
}

.dgc-myaccount-logo img {
  max-width: 140px;
  height: auto;
  display: inline-block;
}

/* Fila superior: cita + anuncios en 2 columnas */
.dgc-top-row {
  display: grid;
  grid-template-columns: 1fr 1fr;  /* 50% / 50% */
  gap: 24px;
  align-items: center;
  margin-bottom: 28px;
}

.dgc-top-col--quote .dgc-header-fancy {
  margin: 0; /* ya controlamos el espaciado desde la fila */
}

.dgc-pack-description {
    text-align: center;
    font-size: 30px;
    padding: 20px 5%;
    line-height: 36px;
}

main.dgc-single {
    padding: 0px 50px;
}

.dgc-card__countdown,
.dgc-home-pack-countdown{
  display:flex;
  justify-content:center;
  gap: 6px;
  font-family: 'GT-Alpina', serif !important;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: .08em;
  color:#D25E30;
}

.dgc-card__countdown-time,
.dgc-home-pack-countdown-time{
  font-weight: 700;
  font-size: 16px;
  font-family: 'GT-Alpina', serif !important;
  color: #D25E30;
}

.dgc-card__countdown.countdown-home{
  margin-top: 5px;
  color: #D25E30;
}

.dgc-card__countdown.countdown-home .dgc-card__countdown-time,
.dgc-home-pack-countdown .dgc-home-pack-countdown-time{
  color: #D25E30;
}

.dgc-card__countdown.countdown-experiencias{
  margin-top: -15px;
}

.dgc-card__countdown.dgc-product-countdown,
.dgc-card__countdown.dgc-product-countdown .dgc-card__countdown-time{
  font-size: 20px;
}

.dgc-card__media,
.dgc-home-pack-thumb{
  position: relative;
}
 
.dgc-card__pill{
    position: absolute;
    font-family: Alpina-Typewriter !important;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #000;
    z-index: 2;
    padding: 3px 15px 0px 15px;
    border-radius: 999px;
    background: #FFEB8D;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    max-width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
 
.dgc-card__pill.is-muted{
    background: #E2DED7;
    color: #6B645C;
    border-color: #B7ADA3;
}

/* RESPONSIVE */

@media (min-width: 960px) {
  .dgc-pref-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(0, auto);
  }

  .dgc-pref-account {
    grid-column: 1 / -1;
  }
}

@media (min-width: 850px){
  .woocommerce-MyAccount-navigation .dgc-account-nav-toggle {
    display:none; 
  }
}

@media (max-width: 850px) {
  body.woocommerce-account .entry-content > .woocommerce{
    display: block !important;
    padding: 10px !important;
  }
  body.woocommerce-account .entry-content > .woocommerce > .woocommerce-MyAccount-navigation{
    position: static;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding: 0 15px 15px 15px !important;
    min-height: unset;
  }
  body.woocommerce-account .woocommerce-MyAccount-content{
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
    padding: 15px !important;
  }
  .woocommerce-MyAccount-navigation ul li{
    display: block;
  }
  .dgc-top-row {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .dgc-calendar .dgc-agenda,
  .dgc-calendar .dgc-view-switch {
    display: none !important;
  }
  .dgc-filters{grid-template-columns:1fr; gap:8px}
  .woocommerce-MyAccount-navigation ul { border-radius:0px 0px 16px 16px }
  .woocommerce-MyAccount-navigation li a { padding: 13px 14px 13px 42px; }
  .dgc-header-fancy .dgc-sub.dgc-quote {
    margin: 0;
    padding: 0;
  }
  .dgc-announcements{
    margin: 0;
  }
  .dgc-announcements h3{
    font-size: 24px;
  }
  .dgc-announcements li a{
    font-size: 14px;
    text-align: center;
  }
  .dgc-header-fancy .dgc-random-quote {
    font-size: 1rem;
    padding: 0 .8rem;
  }
  .dgc-cal-cell{ min-height:78px; }
  .dgc-cal-badges{ gap:4px; }

  .woocommerce .woocommerce-MyAccount-navigation ul#dgc-account-nav {
    display: none !important;
    flex-direction: column;
  }
  .woocommerce .woocommerce-MyAccount-navigation.is-open ul#dgc-account-nav {
    display: block !important;
    flex-direction: column;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation-link a {
    width: 100%;
    border: none;
    border-top: 1px solid rgb(0 0 0 / 7%);
    margin: 0px;
    font-size: 12px;
  }

  /* Oculta el listado por defecto */
  html .woocommerce-MyAccount-navigation > ul {
    display: none;
  }

  /* Botón Menú */
  .woocommerce-MyAccount-navigation .dgc-account-nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    border: 0;
    padding: 12px 16px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 8px;
    background: #F2F3F0; /* ajusta a tu paleta */
  }
  .woocommerce-MyAccount-navigation .dgc-account-nav-toggle:focus {
    outline: 2px solid #4C4A17;
    outline-offset: 2px;
  }
  .dgc-header-fancy {
    margin-top: 15px !important;
  }
  .woocommerce-MyAccount-navigation ul {
    display: flex;              /* jQuery pondrá inline style display:block/none cuando toque */
    flex-direction: column;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation-link a {
    width: 100%;
    border: none;
    border-top: 1px solid rgb(0 0 0 / 7%);
    margin: 0px;
    font-size: 12px;
  }
  
  /* Oculta la rejilla mensual y muestra la agenda */
  .dgc-calendar .dgc-cal-grid{ display:none !important; }
  .dgc-calendar .dgc-agenda{ display:block; }

  /* Cabecera: añade un pequeño switch (opcional) */
  .dgc-calendar .dgc-view-switch{
    display:flex; gap:8px; margin: 6px 0 10px;
  }
  .dgc-calendar .dgc-view-switch button{
    border:1px solid #e6e6e6; background:#fff; border-radius:999px;
    padding:6px 10px; font-size:12px; line-height:1; cursor:pointer;
  }
  .dgc-calendar .dgc-view-switch button.is-active{
    background: var(--dgc-foam);
    border-color: var(--dgc-ink);
  }

  /* Lista agenda */
  .dgc-agenda{ margin-top: 6px; }
  .dgc-agenda-item{
    border:1px solid #ececec; border-radius:12px; padding:10px 12px;
    background:#fff; box-shadow: 0 6px 16px rgba(18,8,13,.05);
  }
  .dgc-agenda-item + .dgc-agenda-item{ margin-top:10px; }

  /* Fila compacta clicable */
  .dgc-agenda-toggle{
    display:flex; align-items:center; gap:8px; width:100%;
    padding:0; border:0; background:transparent; text-align:left; cursor:pointer;
  }
  .dgc-agenda-day{
    font-family: var(--dgc-mono); font-weight:600;
    background: var(--dgc-foam); padding:4px 10px; border-radius:999px;
  }
  .dgc-agenda-month{ color:#6c5e61; font-size:12px; }
  .dgc-agenda-count{
    margin-left:auto; display:inline-flex; align-items:center; justify-content:center;
    min-width:22px; height:22px; border-radius:999px; background:var(--dgc-ink); color:#fff;
    font-size:.8rem; padding:0 6px;
  }

  /* Panel de enlaces (acordeón) */
  .dgc-agenda-panel{ margin-top:8px; border-top:1px dashed #eee; padding-top:6px; }
  .dgc-agenda-panel ul{ list-style:none; margin:0; padding:0; }
  .dgc-agenda-panel li + li{ border-top:1px dashed #eee; }
  .dgc-agenda-panel a{
    display:block; padding:8px 4px; color:#1c715d; text-decoration:none; font-weight:600;
    line-height:1.2;
  }
  .dgc-agenda-panel a:hover{ text-decoration:underline; }

  /* Botón para volver a “Mes” (opcional) */
  .dgc-calendar.is-month .dgc-cal-grid{ display:grid !important; }
  .dgc-calendar.is-month .dgc-agenda{ display:none !important; }

  .dgc-preferences {
    padding: 1.75rem 1.25rem;
    border-radius: 18px;
  }

  .dgc-pref-title {
    font-size: 1.5rem;
  }

  .dgc-pref-block {
    padding: 1.25rem 1.25rem 1.5rem;
  }
  main.dgc-single {
    padding: 0px;
  }
}