/* Quem somos, canais "em breve", redes sociais e grade de categorias com 3 cards.
   Carregado por último: pode sobrescrever style.css e motion.css. */

/* ---------- Quem somos ---------- */
.about{background:#eee8da;display:flex;flex-direction:column;gap:64px}
.about-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:7%;align-items:center}
.about-photo{position:relative;margin:0}
.about-photo img{width:100%;height:auto;aspect-ratio:4/5;border-radius:22px;object-fit:cover;max-width:100%}
.about-stamp{position:absolute;right:-22px;bottom:34px;background:var(--olive);color:#f6f2e9;border-radius:16px;padding:16px 20px;
  font:500 22px/1.15 var(--serif);box-shadow:0 14px 30px #1a444233}
.about-stamp em{color:#e3c88f;font-size:19px}
.about-copy{display:flex;flex-direction:column;gap:18px}
.about-copy .eyebrow{margin:0}
.about-copy h2{font-size:clamp(40px,4.4vw,62px);line-height:1.02}
.about-copy h2 em{color:#8a6a2b}
.about-lead{font-size:1.15rem;line-height:1.75;color:var(--ink)}
.about-copy p{max-width:56ch;line-height:1.8}

.about-way .eyebrow{margin-bottom:22px}
.about-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-steps li{background:#fbf8f1;border:1px solid #e2dccd;border-radius:20px;padding:28px 26px;display:flex;flex-direction:column;gap:12px}
.about-n{font:500 46px/1 var(--serif);color:#b8954f}
.about-steps h3{font-size:30px;line-height:1.08}
.about-steps p{line-height:1.75;font-size:.95rem}

.about-bottom{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px 7%;align-items:start}
.about-quote{margin:0;font:italic 500 clamp(26px,2.6vw,36px)/1.25 var(--serif);color:var(--olive);grid-row:span 2;
  border-left:2px solid #c4a25c;padding-left:26px}
.about-values{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.about-values li{border:1px solid #cfc7b3;border-radius:999px;padding:8px 14px;font-size:.88rem;color:var(--ink);background:#f6f1e6}
.about-actions{display:flex;flex-wrap:wrap;gap:10px}
.about-actions .button{margin-top:0}

@media(max-width:900px){
  .about{gap:44px}
  .about-top,.about-bottom{grid-template-columns:1fr}
  .about-photo{max-width:520px}
  .about-stamp{right:14px;bottom:14px;font-size:19px}
  .about-steps{grid-template-columns:1fr}
  .about-quote{grid-row:auto}
}
@media(max-width:540px){
  .about-actions .button{width:100%}
  .about-steps li{padding:22px 20px}
  .about-steps h3{font-size:26px}
}

/* ---------- Canais ---------- */
@media(min-width:1101px){.channel-grid .channel-featured{grid-column:span 2}}
.channel-grid>.channel-card.soon,.channel-grid>.social-card{display:flex;flex-direction:row;align-items:center;gap:17px;min-width:0;
  min-height:132px;padding:23px 22px;border:1px solid #e0ddd2;background:#fffdf8;border-radius:16px;position:relative}
.channel-grid>.channel-card.soon{background:transparent;border-style:dashed;border-color:#cfc9b8;cursor:default}
.channel-card.soon:hover{transform:none;box-shadow:none}
.channel-card.soon .channel-icon{background:#f1eee6;color:#8b8f86}
.channel-card.soon .channel-copy b{color:#5f6c66}
.channel-grid .channel-card.soon small{position:static;display:inline-block;margin-top:12px;font-size:.68rem;letter-spacing:.12em;
  border:1px solid #c4a25c;color:#8a6a2b;border-radius:999px;padding:3px 9px}
.social-card{cursor:default}
.social-card:hover{transform:none}
.channel-grid .social-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:12px}
.channel-grid .social-links a{display:inline-flex;align-items:center;gap:4px;font-size:.88rem;font-weight:600;color:var(--olive);
  text-decoration:underline;text-underline-offset:4px}
.channel-grid .social-links .ui-icon{width:13px;height:13px}

/* ---------- Categorias: Cortinas em destaque + 3 cards ---------- */
.collections .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){
  .collections .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .collections .decor-category{grid-column:1/-1}
}