/* inicio.css — Page-specific styles for homepage */

/* Hero diagonal cut overlay */
.hero::after{
  content:"";
  position:absolute;bottom:-2px;left:0;right:0;height:80px;
  background:var(--dark);
  clip-path:polygon(0 100%,100% 0,100% 100%);
  z-index:3;
}

/* Bullet impact effect */
.bullet-impact{
  position:absolute;
  width:120px;height:120px;
  pointer-events:none;
  animation:impactFade 1s ease-out forwards;
}
.bullet-impact svg{width:100%;height:100%}
@keyframes impactFade{
  0%{opacity:1;transform:scale(0.5)}
  50%{opacity:0.8;transform:scale(1)}
  100%{opacity:0;transform:scale(1.2)}
}

/* Floating particles on hero */
.hero-particles{
  position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;
}
.particle{
  position:absolute;
  width:2px;height:2px;
  background:var(--gold);
  border-radius:50%;
  animation:floatParticle linear infinite;
  opacity:0;
}
@keyframes floatParticle{
  0%{opacity:0;transform:translateY(100vh) translateX(0)}
  10%{opacity:0.6}
  90%{opacity:0.3}
  100%{opacity:0;transform:translateY(-100px) translateX(30px)}
}

/* Scroll indicator */
.scroll-indicator{
  position:absolute;bottom:50px;left:50%;transform:translateX(-50%);
  z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;
  cursor:pointer;
}
.scroll-indicator span{
  font-family:"Orbitron",sans-serif;
  font-size:0.55rem;letter-spacing:0.3em;color:var(--silver-dark);
  text-transform:uppercase;
}
.scroll-arrow{
  width:30px;height:30px;
  border-right:2px solid var(--gold);
  border-bottom:2px solid var(--gold);
  transform:rotate(45deg);
  animation:arrowBounce 1.5s ease-in-out infinite;
  box-shadow:3px 3px 8px rgba(201,168,76,0.4);
}
@keyframes arrowBounce{
  0%,100%{transform:rotate(45deg) translateY(0)}
  50%{transform:rotate(45deg) translateY(6px)}
}

/* Testimonials */
.testimonials-section{
  padding:120px 0;
  background:var(--dark-2);
}
.testimonials-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:2px;
}
.testimonial-card{
  padding:50px 40px;
  background:rgba(10,22,40,0.8);
  border:1px solid rgba(201,168,76,0.08);
  position:relative;
  transition:all 0.4s;
}
.testimonial-card:hover{
  border-color:rgba(201,168,76,0.25);
  transform:translateY(-6px);
}
.testimonial-quote{
  font-size:4rem;line-height:1;
  color:var(--gold);opacity:0.3;
  font-family:"Orbitron",sans-serif;
  margin-bottom:20px;
}
.testimonial-text{
  font-size:1rem;color:var(--silver-mid);
  line-height:1.8;margin-bottom:30px;font-style:italic;
}
.testimonial-author{
  display:flex;align-items:center;gap:16px;
}
.author-avatar{
  width:50px;height:50px;
  background:linear-gradient(135deg,var(--dark-3),var(--gold-dark));
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:"Orbitron",sans-serif;
  font-size:1rem;font-weight:700;color:var(--white);
  flex-shrink:0;
}
.author-name{
  font-family:"Orbitron",sans-serif;
  font-size:0.75rem;font-weight:700;color:var(--white);
  letter-spacing:0.05em;margin-bottom:4px;
}
.author-role{font-size:0.85rem;color:var(--silver-dark)}

@media(max-width:768px){
  .testimonials-grid{grid-template-columns:1fr}
  .brand-item {
    width: 100px;
    margin-right: 40px;
  }
}

/* Brands Carousel */
.brands-section {
  padding: 60px 0;
  background: var(--dark);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  overflow: hidden;
  position: relative;
}
.brands-track {
  display: flex;
  width: max-content;
  animation: brandsScroll 30s linear infinite;
  align-items: center;
}
.brand-item {
  width: 140px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.6;
  transition: all 0.4s ease;
  margin-right: 100px;
}
.brand-item:hover {
  opacity: 1;
  transform: scale(1.1);
}
.brand-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@keyframes brandsScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}