/* ---- Dogo & Dogo Plans CSS ---- */
.dogodogo-plans-container .plans { background: var(--light); padding: 90px 20px; }
.dogodogo-plans-container .container { max-width: 1100px; margin: 0 auto; }

.dogodogo-plans-container .plans-header { text-align: center; margin-bottom: 60px; }
.dogodogo-plans-container .plans-tag { background: #E8F5E9; color: var(--green); }
.dogodogo-plans-container .section-tag {
  display: inline-block; font-weight: 900; font-size: 0.78rem;
  letter-spacing: 0.15em; text-transform: uppercase;
  padding: 5px 14px; border-radius: 50px; margin-bottom: 14px;
}
.dogodogo-plans-container .section-title {
  font-family: 'Fredoka One', cursive;
  font-size: clamp(2rem, 4vw, 3rem);
  margin-bottom: 14px; line-height: 1.15;
  color: var(--dark);
}
.dogodogo-plans-container .section-sub { font-size: 1.05rem; color: #555; max-width: 560px; margin: 0 auto; line-height: 1.7; }

.dogodogo-plans-container .plans-grid { display: grid; gap: 28px; }
.dogodogo-plans-container .plans-grid-auto { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.dogodogo-plans-container .plans-grid-2cols { grid-template-columns: repeat(2, 1fr); }
.dogodogo-plans-container .plans-grid-3cols { grid-template-columns: repeat(3, 1fr); }
.dogodogo-plans-container .plans-grid-4cols { grid-template-columns: repeat(4, 1fr); }
.dogodogo-plans-container .plans-grid-5cols { grid-template-columns: repeat(5, 1fr); }

@media (max-width: 1024px) {
  .dogodogo-plans-container .plans-grid-4cols,
  .dogodogo-plans-container .plans-grid-5cols { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .dogodogo-plans-container .plans-grid[class*="plans-grid-"] { grid-template-columns: 1fr; }
}

.dogodogo-plans-container .plan-card {
  border-radius: 28px; overflow: hidden;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08);
  transition: transform 0.3s, box-shadow 0.3s;
  background: white;
}
.dogodogo-plans-container .plan-card:hover { transform: translateY(-8px); box-shadow: 0 20px 50px rgba(0,0,0,0.13); }
.dogodogo-plans-container .plan-card.featured { transform: scale(1.03); box-shadow: 0 12px 40px rgba(0,0,0,0.15); }
.dogodogo-plans-container .plan-card.featured:hover { transform: scale(1.03) translateY(-8px); }

.dogodogo-plans-container .plan-header {
  padding: 32px 28px 24px;
  position: relative; overflow: hidden;
  text-align: left;
}
.dogodogo-plans-container .plan-header::after {
  content: ''; position: absolute; bottom: -20px; left: 0; right: 0;
  height: 40px; background: inherit;
  clip-path: ellipse(55% 60% at 50% 100%);
  filter: brightness(0.92);
}
.dogodogo-plans-container .plan-icon { font-size: 2.8rem; margin-bottom: 12px; }
.dogodogo-plans-container .plan-name { font-family: 'Fredoka One', cursive; font-size: 1.7rem; color: white; margin: 0; }
.dogodogo-plans-container .plan-tagline { font-size: 0.88rem; color: rgba(255,255,255,0.82); font-weight: 700; margin-top: 4px; }

.dogodogo-plans-container .plan-body { padding: 28px; text-align: left; }
.dogodogo-plans-container .plan-desc { font-size: 0.9rem; color: #666; line-height: 1.65; margin-bottom: 20px; }

.dogodogo-plans-container .price-row {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 0; border-bottom: 1px solid #F0F0F0; font-size: 0.88rem;
}
.dogodogo-plans-container .price-row:last-child { border-bottom: none; }
.dogodogo-plans-container .price-days { font-weight: 700; color: var(--dark); }
.dogodogo-plans-container .price-val { font-weight: 800; font-size: 1rem; }
.dogodogo-plans-container .price-daily { font-size: 0.78rem; color: #999; text-align: right; }

.dogodogo-plans-container .plan-cta {
  display: block; text-align: center; margin-top: 22px;
  padding: 14px; border-radius: 50px; font-weight: 800; font-size: 0.95rem;
  text-decoration: none; transition: transform 0.2s, box-shadow 0.2s;
}
.dogodogo-plans-container .plan-cta:hover { transform: translateY(-2px); }

/* Plan colors */
.dogodogo-plans-container .plan-bosque .plan-header { background: linear-gradient(135deg, #1B5E20, #2E7D32, #43A047); }
.dogodogo-plans-container .plan-bosque .price-val { color: var(--green); }
.dogodogo-plans-container .plan-bosque .plan-cta { background: #E8F5E9; color: #2E7D32; }
.dogodogo-plans-container .plan-bosque .plan-cta:hover { box-shadow: 0 6px 20px rgba(46,125,50,0.3); background: #C8E6C9; }

.dogodogo-plans-container .plan-clasico .plan-header { background: linear-gradient(135deg, #BF360C, #E64A19, #FF7043); }
.dogodogo-plans-container .plan-clasico .price-val { color: var(--orange); }
.dogodogo-plans-container .plan-clasico .plan-cta { background: #FBE9E7; color: #E64A19; }
.dogodogo-plans-container .plan-clasico .plan-cta:hover { box-shadow: 0 6px 20px rgba(230,74,25,0.3); background: #FFCCBC; }

.dogodogo-plans-container .plan-mixto .plan-header { background: linear-gradient(135deg, #4A148C, #7B1FA2, #AB47BC); }
.dogodogo-plans-container .plan-mixto .price-val { color: var(--purple); }
.dogodogo-plans-container .plan-mixto .plan-cta { background: #F3E5F5; color: #7B1FA2; }
.dogodogo-plans-container .plan-mixto .plan-cta:hover { box-shadow: 0 6px 20px rgba(123,31,162,0.3); background: #E1BEE7; }

.dogodogo-plans-container .plan-senior .plan-header { background: linear-gradient(135deg, #01579B, #0277BD, #0288D1); }
.dogodogo-plans-container .plan-senior .price-val { color: var(--blue); }
.dogodogo-plans-container .plan-senior .plan-cta { background: #E1F5FE; color: #0277BD; }
.dogodogo-plans-container .plan-senior .plan-cta:hover { box-shadow: 0 6px 20px rgba(2,119,189,0.3); background: #B3E5FC; }

.dogodogo-plans-container .plan-rojo .plan-header { background: linear-gradient(135deg, #B71C1C, #C62828, #D32F2F); }
.dogodogo-plans-container .plan-rojo .price-val { color: #C62828; }
.dogodogo-plans-container .plan-rojo .plan-cta { background: #FFEBEE; color: #C62828; }
.dogodogo-plans-container .plan-rojo .plan-cta:hover { box-shadow: 0 6px 20px rgba(198,40,40,0.3); background: #FFCDD2; }

.dogodogo-plans-container .discount-badge {
  display: inline-block; background: #FFF9C4; color: #F57F17;
  font-size: 0.75rem; font-weight: 800; padding: 3px 10px; border-radius: 50px;
  margin-top: 6px; border: 1px solid #FFE082;
}

@media (max-width: 768px) {
  .dogodogo-plans-container .plan-card.featured { transform: scale(1); }
  .dogodogo-plans-container .plan-card.featured:hover { transform: translateY(-8px); }
}
