/* ---- Dogo & Dogo About CSS ---- */
.dogodogo-about-container .about { background: white; padding: 90px 20px; }
.dogodogo-about-container .container { max-width: 1100px; margin: 0 auto; }
.dogodogo-about-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-about-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-about-container .section-sub { font-size: 1.05rem; color: #555; max-width: 560px; line-height: 1.7; }

.dogodogo-about-container .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.dogodogo-about-container .about-visual {
  position: relative; display: flex; align-items: center; justify-content: center;
}
.dogodogo-about-container .about-ring {
  width: 340px; height: 340px; border-radius: 50%;
  background: conic-gradient(var(--green), var(--yellow), var(--orange), var(--red), var(--pink), var(--purple), var(--blue), var(--green));
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
  animation: premiumFloat 6s ease-in-out infinite;
}
@keyframes premiumFloat {
  0%, 100% { transform: translateY(0px) scale(1); box-shadow: 0 15px 35px rgba(0,0,0,0.08); }
  50% { transform: translateY(-15px) scale(1.02); box-shadow: 0 25px 45px rgba(0,0,0,0.15); }
}
.dogodogo-about-container .about-ring-inner {
  width: 300px; height: 300px; border-radius: 50%; background: white;
  display: flex; align-items: center; justify-content: center;
  flex-direction: column; gap: 8px; overflow: hidden;
}
.dogodogo-about-container .about-ring-inner .big-emoji { font-size: 5rem; }
.dogodogo-about-container .about-ring-photo {
  width: 100%; height: 100%; border-radius: 50%; object-fit: cover; margin: 0; display: block;
}
.dogodogo-about-container .about-ring-inner p { font-family: 'Fredoka One', cursive; font-size: 1.1rem; color: var(--dark); margin: 0; }

.dogodogo-about-container .about-tag { background: #FFF3E0; color: var(--orange); }
.dogodogo-about-container .features { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 28px; }
.dogodogo-about-container .feature-item {
  display: flex; align-items: flex-start; gap: 12px;
  background: #FAFAFA; border-radius: 16px; padding: 16px;
}
.dogodogo-about-container .feature-icon {
  width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center;
  font-size: 1.2rem; flex-shrink: 0;
}
.dogodogo-about-container .feature-item h4 { font-weight: 800; font-size: 0.9rem; margin-bottom: 2px; color: var(--dark); }
.dogodogo-about-container .feature-item p { font-size: 0.82rem; color: #777; line-height: 1.5; margin: 0; }

/* ---- RESPONSIVE ---- */
@media (max-width: 768px) {
  .dogodogo-about-container .about-grid { grid-template-columns: 1fr; }
  .dogodogo-about-container .about-visual { order: -1; }
  .dogodogo-about-container .about-ring { width: 260px; height: 260px; }
  .dogodogo-about-container .about-ring-inner { width: 226px; height: 226px; }
  .dogodogo-about-container .features { grid-template-columns: 1fr; }
}