/* =====================================================
   DIAS.CSS · DÍA A DÍA PREMIUM FINAL REAL
===================================================== */

#view-days{
  padding-top:4px;
  padding-bottom:110px;
}

/* CABECERA */
#view-days .section-title{
  display:grid !important;
  grid-template-columns:62px 1fr !important;
  align-items:center !important;
  gap:16px !important;
  margin:4px 0 18px !important;
}

#view-days .section-title > span{
  width:58px !important;
  height:58px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(22,55,69,.16) !important;
  box-shadow:0 12px 28px rgba(22,55,69,.12) !important;
}

#view-days .section-title h2{
  font-family:"Caveat",cursive !important;
  font-size:clamp(3rem,5vw,4.4rem) !important;
  line-height:.9 !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
  color:#123949 !important;
}

#view-days .section-title p{
  font-family:"Inter",system-ui,sans-serif !important;
  color:#4f6670 !important;
  font-size:1rem !important;
}

/* TABS */
.days-tabs{
  display:flex !important;
  gap:10px !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;

  padding:10px !important;
  margin-bottom:18px !important;

  background:rgba(255,255,255,.58) !important;
  border:1px solid rgba(22,55,69,.12) !important;
  border-radius:26px !important;
  box-shadow:0 14px 34px rgba(22,55,69,.08) !important;
  backdrop-filter:blur(10px) !important;
}

.days-tabs::-webkit-scrollbar{
  display:none !important;
}

.day-tab{
  flex:0 0 auto !important;
  height:50px !important;
  min-width:96px !important;
  padding:0 16px !important;

  border-radius:17px !important;
  background:rgba(255,255,255,.90) !important;
  border:1px solid rgba(22,55,69,.16) !important;
  color:#123949 !important;

  font-family:"Inter",system-ui,sans-serif !important;
  font-size:.92rem !important;
  font-weight:900 !important;

  box-shadow:0 10px 22px rgba(22,55,69,.08) !important;
}

.day-tab.active{
  background:linear-gradient(135deg,#123949,#0f5b73) !important;
  color:#fff8e8 !important;
  box-shadow:0 16px 32px rgba(22,55,69,.24) !important;
}

/* CABECERA DEL DÍA */
.day-head{
  position:relative !important;
  overflow:hidden !important;

  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(22,55,69,.16) !important;
  box-shadow:0 18px 42px rgba(22,55,69,.13) !important;
  backdrop-filter:blur(10px) !important;

  border-radius:28px !important;
  padding:22px 26px !important;
  margin:18px 0 !important;
}

.day-head::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:7px;
  border-radius:0 20px 20px 0;
  background:linear-gradient(180deg,#0f5b73,#d9c47a);
}

.day-date{
  font-family:"Inter",system-ui,sans-serif !important;
  font-size:.76rem !important;
  letter-spacing:.16em !important;
  color:#0f5b73 !important;
  font-weight:900 !important;
}

.day-head h3{
  font-family:"Caveat",cursive !important;
  font-size:clamp(2.45rem,4vw,3.5rem) !important;
  line-height:.9 !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
  color:#123949 !important;
  margin:8px 0 4px !important;
}

.day-head p{
  font-family:"Inter",system-ui,sans-serif !important;
  color:#4f6670 !important;
  font-size:.98rem !important;
}

.day-head .meta-line{
  margin-top:12px !important;
}

.day-head .pill{
  background:rgba(255,255,255,.88) !important;
  border:1px solid rgba(22,55,69,.15) !important;
  color:#0f5b73 !important;
  box-shadow:0 8px 18px rgba(22,55,69,.08) !important;
}

/* GRID */
.day-grid{
  display:grid !important;
  grid-template-columns:repeat(2,1fr) !important;
  gap:18px !important;
  align-items:stretch !important;
}

/* TARJETAS */
.note-card{
  position:relative !important;
  overflow:hidden !important;

  min-height:128px !important;
  padding:20px 22px !important;
  border-radius:26px !important;

  background:rgba(255,255,255,.91) !important;
  border:1px solid rgba(22,55,69,.16) !important;
  box-shadow:0 16px 36px rgba(22,55,69,.12) !important;
  backdrop-filter:blur(10px) !important;
}

.note-card::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:6px;
  border-radius:0 20px 20px 0;
  background:linear-gradient(180deg,#0f5b73,#d9c47a);
}

.note-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 20%,rgba(255,214,140,.06),transparent 42%),
    radial-gradient(circle at 82% 72%,rgba(119,176,198,.07),transparent 44%);
  opacity:.72;
}

/* HEADER TARJETA */
.day-section-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-bottom:14px !important;
  position:relative !important;
  z-index:2 !important;
}

.note-card h4{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;

  font-family:"Caveat",cursive !important;
  font-size:1.9rem !important;
  line-height:.92 !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
  color:#123949 !important;
  margin:0 !important;
}

/* TEXTO */
.note-card p,
.note-card li,
.empty-day-section{
  position:relative !important;
  z-index:2 !important;

  font-family:"Inter",system-ui,sans-serif !important;
  color:#4f6670 !important;
  font-size:.95rem !important;
  line-height:1.45 !important;
}

.note-card ul{
  position:relative !important;
  z-index:2 !important;
  margin-top:10px !important;
}

/* BOTONES */
.day-section-head button,
.edit-plan-btn,
.edit-tips-btn,
.edit-alerts-btn,
.edit-rainplan-btn,
.edit-day-notes-btn,
.add-day-item-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  height:38px !important;
  min-height:38px !important;
  padding:0 15px !important;

  border-radius:15px !important;
  background:linear-gradient(135deg,#123949,#0f5b73) !important;
  color:#fff8e8 !important;
  border:none !important;

  box-shadow:0 12px 24px rgba(22,55,69,.22) !important;

  font-family:"Inter",system-ui,sans-serif !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

/* ITEMS */
.day-items{
  display:grid !important;
  gap:10px !important;
  position:relative !important;
  z-index:2 !important;
}

.day-item{
  background:rgba(255,255,255,.78) !important;
  border:1px solid rgba(22,55,69,.14) !important;
  border-radius:18px !important;
  padding:13px 14px !important;
  box-shadow:0 8px 18px rgba(22,55,69,.08) !important;
}

.day-item strong{
  font-family:"Caveat",cursive !important;
  font-size:1.65rem !important;
  line-height:1 !important;
  color:#123949 !important;
  font-weight:700 !important;
}

.day-item small{
  font-family:"Inter",system-ui,sans-serif !important;
  color:#5d6f76 !important;
}

/* RESPONSIVE */
@media(max-width:900px){
  .day-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .day-head{
    padding:20px 22px !important;
  }
}

@media(max-width:760px){
  #view-days .section-title{
    grid-template-columns:52px 1fr !important;
  }

  #view-days .section-title h2{
    font-size:2.6rem !important;
  }

  .day-tab{
    min-width:82px !important;
    height:46px !important;
    font-size:.86rem !important;
  }

  .day-head h3{
    font-size:2.45rem !important;
  }

  .day-grid{
    grid-template-columns:1fr !important;
  }

  .note-card{
    min-height:118px !important;
    padding:18px 20px !important;
  }

  .note-card h4{
    font-size:1.75rem !important;
  }
}
/* =====================================================
   DÍAS · CIERRE VISUAL FINAL PRO
===================================================== */

body #view-days{
  padding-bottom:140px !important;
}

/* Tabs más finas */
body #view-days .days-tabs{
  gap:12px !important;
  padding:12px !important;
  margin-bottom:22px !important;
}

body #view-days .day-tab{
  min-width:96px !important;
  height:48px !important;
  border-radius:18px !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}

body #view-days .day-tab.active{
  transform:translateY(-2px) !important;
}

/* Cabecera del día */
body #view-days .day-head{
  min-height:132px !important;
  padding:24px 30px !important;
  margin:16px 0 22px !important;
  border-radius:32px !important;
}

body #view-days .day-date{
  font-size:.82rem !important;
  letter-spacing:.18em !important;
  color:#6f5a2e !important;
}

body #view-days .day-head h3{
  font-size:clamp(3rem,5vw,4.35rem) !important;
  line-height:.84 !important;
  margin:8px 0 2px !important;
}

body #view-days .day-head p{
  font-size:1rem !important;
}

/* Grid más limpio */
body #view-days .day-grid{
  gap:20px !important;
  align-items:start !important;
}

/* Cards */
body #view-days .note-card{
  min-height:auto !important;
  padding:22px 24px !important;
  border-radius:30px !important;
}

body #view-days .note-card h4{
  font-size:2rem !important;
  line-height:.92 !important;
}

/* Botones menos pesados */
body #view-days .day-section-head{
  margin-bottom:14px !important;
  align-items:center !important;
}

body #view-days .day-section-head button,
body #view-days .edit-plan-btn,
body #view-days .edit-tips-btn,
body #view-days .edit-alerts-btn,
body #view-days .edit-rainplan-btn,
body #view-days .edit-day-notes-btn,
body #view-days .add-day-item-btn{
  height:36px !important;
  min-height:36px !important;
  padding:0 14px !important;
  border-radius:15px !important;
  font-size:.8rem !important;
  box-shadow:0 8px 18px rgba(22,55,69,.16) !important;
}

/* Items interiores */
body #view-days .day-items{
  gap:11px !important;
}

body #view-days .day-item{
  min-height:58px !important;
  padding:13px 16px !important;
  border-radius:20px !important;
  background:#fff !important;
  border:1px solid rgba(22,55,69,.12) !important;
  box-shadow:0 8px 18px rgba(22,55,69,.06) !important;
}

body #view-days .day-item strong{
  font-size:1.58rem !important;
  line-height:.95 !important;
}

body #view-days .day-item small{
  margin-top:4px !important;
  font-size:.74rem !important;
  letter-spacing:.13em !important;
  text-transform:none !important;
  color:#65777d !important;
  font-weight:800 !important;
}

/* Pin Maps */
body #view-days .mini-action{
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:14px !important;
  background:#fff7e9 !important;
  border:1px solid rgba(22,55,69,.12) !important;
  box-shadow:0 8px 16px rgba(22,55,69,.07) !important;
}

/* Vacíos más elegantes */
body #view-days .empty-day-section{
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  padding:10px 0 !important;
  color:#5b6f76 !important;
  font-size:.95rem !important;
}

/* Textos guía */
body #view-days .note-card p,
body #view-days .note-card li{
  font-size:.98rem !important;
  color:#405860 !important;
}

/* Avisos con tono suave */
body #view-days .note-card:has(.edit-alerts-btn){
  background:linear-gradient(145deg,#ffffff,#fff8e8) !important;
}

/* Plan lluvia algo más editorial */
body #view-days .note-card:has(.edit-rainplan-btn){
  background:linear-gradient(145deg,#ffffff,#f2fbfd) !important;
}

/* Notas tipo libreta */
body #view-days .note-card:has(.edit-day-notes-btn){
  background:
    linear-gradient(145deg,#ffffff,#fbfaf4),
    repeating-linear-gradient(
      180deg,
      transparent 0,
      transparent 31px,
      rgba(22,55,69,.06) 32px
    ) !important;
}

/* Responsive */
@media(max-width:900px){
  body #view-days .day-grid{
    grid-template-columns:1fr !important;
  }

  body #view-days .day-head{
    padding:22px 24px !important;
  }
}

@media(max-width:760px){
  body #view-days .days-tabs{
    padding:8px !important;
  }

  body #view-days .day-tab{
    min-width:82px !important;
    height:46px !important;
    font-size:.84rem !important;
  }

  body #view-days .day-head h3{
    font-size:2.75rem !important;
  }

  body #view-days .note-card{
    padding:18px 20px !important;
  }

  body #view-days .note-card h4{
    font-size:1.75rem !important;
  }

  body #view-days .day-item strong{
    font-size:1.42rem !important;
  }
}
/* =====================================================
   DÍAS · AJUSTE FINO FINAL
===================================================== */

/* Cabecera general */
body #view-days .section-title h2{
  font-size:clamp(2.7rem,4.3vw,3.8rem) !important;
}

/* Tabs */
body #view-days .day-tab{
  min-width:104px !important;
  height:46px !important;
  font-size:.9rem !important;
}

/* Cabecera del día más compacta */
body #view-days .day-head{
  min-height:118px !important;
  padding:22px 28px !important;
}

body #view-days .day-head h3{
  font-size:clamp(2.45rem,4.2vw,3.55rem) !important;
  line-height:.88 !important;
}

body #view-days .day-head p{
  font-size:.96rem !important;
}

/* Títulos de cards más finos */
body #view-days .note-card h4{
  font-size:1.65rem !important;
  line-height:.95 !important;
}

/* Cards más compactas */
body #view-days .note-card{
  padding:20px 22px !important;
  border-radius:28px !important;
}

/* Diferenciar tipos por color lateral */
body #view-days .note-card:nth-child(1)::before{
  background:linear-gradient(180deg,#d94f45,#f0b56f) !important;
}

body #view-days .note-card:nth-child(2)::before{
  background:linear-gradient(180deg,#0f5b73,#67b8c9) !important;
}

body #view-days .note-card:nth-child(3)::before{
  background:linear-gradient(180deg,#4c8d68,#b7d88a) !important;
}

body #view-days .note-card:nth-child(4)::before{
  background:linear-gradient(180deg,#4d7fa8,#d9c47a) !important;
}

body #view-days .note-card:nth-child(5)::before{
  background:linear-gradient(180deg,#b94747,#d9c47a) !important;
}

body #view-days .note-card:nth-child(6)::before{
  background:linear-gradient(180deg,#7a6db8,#67b8c9) !important;
}

body #view-days .note-card:nth-child(7)::before{
  background:linear-gradient(180deg,#b98b2d,#f3d18b) !important;
}

body #view-days .note-card:nth-child(8)::before{
  background:linear-gradient(180deg,#5c7c8a,#d9c47a) !important;
}

/* Fondo ligeramente distinto según tipo */
body #view-days .note-card:nth-child(1){
  background:linear-gradient(145deg,#ffffff,#fff6f2) !important;
}

body #view-days .note-card:nth-child(2){
  background:linear-gradient(145deg,#ffffff,#f2fbfd) !important;
}

body #view-days .note-card:nth-child(3){
  background:linear-gradient(145deg,#ffffff,#f4fbf4) !important;
}

body #view-days .note-card:nth-child(4){
  background:linear-gradient(145deg,#ffffff,#f7fbff) !important;
}

body #view-days .note-card:nth-child(5){
  background:linear-gradient(145deg,#ffffff,#fff8ef) !important;
}

/* Items interiores más elegantes */
body #view-days .day-item{
  min-height:54px !important;
  padding:12px 15px !important;
  border-radius:18px !important;
}

body #view-days .day-item strong{
  font-size:1.35rem !important;
  line-height:.98 !important;
}

body #view-days .day-item small{
  font-size:.72rem !important;
  letter-spacing:.08em !important;
  opacity:.82 !important;
}

/* Botón pin más discreto */
body #view-days .mini-action{
  width:34px !important;
  height:34px !important;
  border-radius:13px !important;
  font-size:1rem !important;
  background:#fff9ee !important;
}

/* Botones editar/añadir menos protagonistas */
body #view-days .day-section-head button,
body #view-days .edit-plan-btn,
body #view-days .edit-tips-btn,
body #view-days .edit-alerts-btn,
body #view-days .edit-rainplan-btn,
body #view-days .edit-day-notes-btn,
body #view-days .add-day-item-btn{
  height:34px !important;
  min-height:34px !important;
  padding:0 13px !important;
  font-size:.78rem !important;
  border-radius:14px !important;
}

/* Plan recomendado menos bloque gigante */
body #view-days .note-card:first-child{
  min-height:118px !important;
}

/* Responsive */
@media(max-width:760px){
  body #view-days .section-title h2{
    font-size:2.45rem !important;
  }

  body #view-days .day-head h3{
    font-size:2.4rem !important;
  }

  body #view-days .note-card h4{
    font-size:1.55rem !important;
  }

  body #view-days .day-item strong{
    font-size:1.28rem !important;
  }
}
/* =====================================================
   DÍAS · ORGANIZACIÓN FINAL PRO
===================================================== */

body #view-days .day-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:start !important;
}

body #view-days .note-card{
  min-height:auto !important;
  padding:0 !important;
  border-radius:26px !important;
  background:#fff !important;
  overflow:hidden !important;
}

/* CABECERA DE CADA SECCIÓN */
body #view-days .day-section-head{
  min-height:58px !important;
  margin:0 !important;
  padding:12px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  border-bottom:1px solid rgba(22,55,69,.10) !important;
}

body #view-days .note-card h4{
  font-size:1.55rem !important;
  line-height:1 !important;
}

/* COLORES POR TIPO DE CARD */
body #view-days .note-card:nth-child(1) .day-section-head{
  background:linear-gradient(90deg,#fff3f1,#ffffff) !important;
}

body #view-days .note-card:nth-child(2) .day-section-head{
  background:linear-gradient(90deg,#eef9fc,#ffffff) !important;
}

body #view-days .note-card:nth-child(3) .day-section-head{
  background:linear-gradient(90deg,#f2fbf4,#ffffff) !important;
}

body #view-days .note-card:nth-child(4) .day-section-head{
  background:linear-gradient(90deg,#f2f7ff,#ffffff) !important;
}

body #view-days .note-card:nth-child(5) .day-section-head{
  background:linear-gradient(90deg,#fff4ec,#ffffff) !important;
}

body #view-days .note-card:nth-child(6) .day-section-head{
  background:linear-gradient(90deg,#f6f2ff,#ffffff) !important;
}

body #view-days .note-card:nth-child(7) .day-section-head{
  background:linear-gradient(90deg,#fff8e8,#ffffff) !important;
}

body #view-days .note-card:nth-child(8) .day-section-head{
  background:linear-gradient(90deg,#f6f8f9,#ffffff) !important;
}

/* CONTENIDO INTERIOR */
body #view-days .day-items,
body #view-days .note-card > p,
body #view-days .note-card > ul{
  padding:14px 16px 16px !important;
}

body #view-days .day-items{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}

body #view-days .day-item{
  min-height:56px !important;
  padding:11px 13px !important;
  border-radius:17px !important;
}

body #view-days .day-item strong{
  font-size:1.22rem !important;
}

body #view-days .day-item small{
  font-size:.7rem !important;
}

/* PLAN / CONSEJOS / AVISOS */
body #view-days .empty-day-section{
  padding:14px 16px 18px !important;
  min-height:auto !important;
}

/* BOTONES */
body #view-days .day-section-head button{
  height:34px !important;
  min-height:34px !important;
  padding:0 13px !important;
  font-size:.78rem !important;
  border-radius:14px !important;
}

/* CABECERA DÍA MÁS CONTROLADA */
body #view-days .day-head{
  min-height:118px !important;
  padding:22px 28px !important;
}

body #view-days .day-head h3{
  font-size:clamp(2.45rem,4vw,3.45rem) !important;
}

/* MÓVIL */
@media(max-width:900px){
  body #view-days .day-grid{
    grid-template-columns:1fr !important;
  }

  body #view-days .day-items{
    grid-template-columns:1fr !important;
  }
}
/* =====================================================
   DÍAS · AGRUPACIÓN FINAL SIN HUECOS
===================================================== */

body #view-days .day-grid{
  display:block !important;
  column-count:2 !important;
  column-gap:18px !important;
}

body #view-days .note-card{
  display:inline-block !important;
  width:100% !important;
  margin:0 0 18px !important;
  break-inside:avoid !important;
  page-break-inside:avoid !important;
}

/* Evita cards gigantes vacías */
body #view-days .note-card:has(.empty-day-section){
  min-height:auto !important;
}

body #view-days .empty-day-section{
  padding:12px 16px 16px !important;
  min-height:auto !important;
}

/* Items interiores más compactos */
body #view-days .day-items{
  grid-template-columns:1fr !important;
  gap:9px !important;
}

body #view-days .day-item{
  min-height:50px !important;
}

/* Las cards con mucho contenido pueden usar 2 columnas internas */
body #view-days .note-card:nth-child(2) .day-items,
body #view-days .note-card:nth-child(3) .day-items,
body #view-days .note-card:nth-child(4) .day-items,
body #view-days .note-card:nth-child(5) .day-items,
body #view-days .note-card:nth-child(6) .day-items{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

/* Móvil/tablet: una columna limpia */
@media(max-width:900px){
  body #view-days .day-grid{
    column-count:1 !important;
  }

  body #view-days .note-card:nth-child(2) .day-items,
  body #view-days .note-card:nth-child(3) .day-items,
  body #view-days .note-card:nth-child(4) .day-items,
  body #view-days .note-card:nth-child(5) .day-items,
  body #view-days .note-card:nth-child(6) .day-items{
    grid-template-columns:1fr !important;
  }
}