/* ======================================
   TREZE · AI SHARE BLOQUE (PRO)
====================================== */

.treze-ai-share{
  font-family: "Lexend Deca", sans-serif;
  margin: clamp(64px, 8vw, 100px) 0 clamp(40px, 6vw, 80px);
  padding: clamp(24px, 4vw, 40px);

  background: linear-gradient(
	135deg,
	#F4E6D4 0%,
	#C98028 100%
  );

  border-radius: 20px;

  position: relative;
  overflow: hidden;

  box-shadow: 0 20px 60px rgba(0,0,0,.15);
}


/* HEADER */

.treze-ai-share-header span{
  display:block;

  font-size: clamp(14px, 1.5vw, 16px);
  font-weight:600;
  color:#292546;
  letter-spacing:.3px;
}

.treze-ai-share-header p{
  margin-top:10px;

  font-size: clamp(13px, 1.4vw, 15px);
  line-height:1.6;
  color:#292546;
  opacity:.8;

  max-width:520px;
}


/* BOTONES */

.treze-ai-buttons{
  margin-top: clamp(18px, 3vw, 28px);

  display:flex;
  gap:12px;
  flex-wrap:wrap;
}


/* BASE BTN */

.treze-ai-btn{
  padding:10px 20px;

  font-size:12px;
  font-weight:600;
  letter-spacing:.4px;

  border-radius:8px;
  text-decoration:none;

  color:#fff;

  transition: all .25s ease;

  box-shadow:
	0 6px 18px rgba(41,37,70,.25),
	inset 0 1px 0 rgba(255,255,255,.1);

  display:inline-flex;
  align-items:center;
  justify-content:center;
}


/* HOVER MÁS PRO */

.treze-ai-btn:hover{
  transform: translateY(-2px);
  box-shadow:
	0 10px 26px rgba(41,37,70,.3),
	inset 0 1px 0 rgba(255,255,255,.15);
}


/* COLORES */

.treze-ai-chatgpt{ background:#C98028; }
.treze-ai-chatgpt:hover{ background:#DFB37E; }

.treze-ai-claude{ background:#493F93; }
.treze-ai-claude:hover{ background:#6E7DB7; }

.treze-ai-perplexity{ background:#4A5DA5; }
.treze-ai-perplexity:hover{ background:#6E7DB7; }

.treze-ai-gemini{ background:#292546; }
.treze-ai-gemini:hover{ background:#4A5DA5; }


/* RESPONSIVE PRO */

@media (max-width:768px){

  .treze-ai-buttons{
	flex-direction:column;
	align-items:stretch;
  }

  .treze-ai-btn{
	width:100%;
  }

}