main{text-align:center}
main>img{
  max-width:450px;
  width:100%;
  height:auto;
  margin-bottom:30px;
}

.intro-panel{
  max-width:900px;
  margin:40px auto;
  background:white;
  padding:50px 40px;
  border-radius:18px;
  box-shadow:0 15px 40px rgba(0,0,0,.1);
  opacity:0;
  transform:translateY(20px);
  transition:opacity .6s ease,transform .6s ease;
}
.intro-panel.visible{opacity:1;transform:translateY(0)}
.intro-panel h1{
  color:#2570a8;
  font-size:clamp(1.6rem,2.5vw,2.2rem);
  margin-bottom:25px;
}
.intro-panel p{
  font-size:1.05rem;
  color:#475569;
  margin-bottom:20px;
  text-align:justify;
}
.intro-panel img{
  max-width:400px;
  width:100%;
  height:auto;
  margin-top:30px;
}

.cta-buttons{
  margin-top:35px;
  display:flex;
  gap:20px;
  justify-content:center;
  flex-wrap:wrap;
}
.cta-buttons a{
  text-decoration:none;
  padding:14px 28px;
  border-radius:30px;
  font-weight:600;
  transition:transform .2s ease,box-shadow .2s ease;
  display:inline-block;
}
.cta-buttons a:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 22px rgba(0,0,0,.25);
}
.btn-primary{background:#2570a8;color:white}
.btn-presupuesto{
  background:linear-gradient(135deg,#25D366,#128C7E);
  color:white;
  animation:pulse 2s infinite;
  box-shadow:0 4px 15px rgba(37,211,102,.4);
}
.btn-presupuesto:hover{
  background:linear-gradient(135deg,#128C7E,#075E54);
  box-shadow:0 8px 25px rgba(37,211,102,.5);
}
@keyframes pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.03)}
}

.trust-panel{
  max-width:900px;
  margin:60px auto 0;
  background:linear-gradient(135deg,#1e293b,#334155);
  color:white;
  padding:45px 35px;
  border-radius:18px;
  box-shadow:0 18px 45px rgba(0,0,0,.25);
  text-align:left;
}
.trust-panel h2{
  font-size:clamp(1.3rem,2.2vw,1.8rem);
  margin-bottom:20px;
  color:#60a5fa;
  text-align:center;
}
.trust-panel ul{list-style:none;font-size:1.05rem}
.trust-panel li{margin-bottom:10px}

#cookie-banner{
  position:fixed;
  bottom:20px;
  left:20px;
  max-width:420px;
  background:white;
  padding:24px;
  border-radius:16px;
  box-shadow:0 10px 40px rgba(0,0,0,.18);
  font-size:14px;
  display:none;
  z-index:9999;
  text-align:left;
}
#cookie-banner strong{display:block;margin-bottom:8px;color:#1f2937;font-size:16px}
#cookie-banner p{color:#6b7280;line-height:1.5;margin-bottom:12px}
#cookie-banner .cookie-links{display:flex;gap:16px;margin-bottom:16px;font-size:13px}
#cookie-banner .cookie-links a{color:#2570a8;text-decoration:none;font-weight:500}
#cookie-banner .cookie-links a:hover{text-decoration:underline}
#cookie-banner .cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
#cookie-banner button{
  padding:12px 20px;
  border:none;
  border-radius:8px;
  font-weight:600;
  cursor:pointer;
  transition:all .2s ease;
  font-size:14px;
}
#cookie-banner button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}
#cookie-accept{background:#2570a8;color:white}
#cookie-reject{background:#e2e8f0;color:#1f2937}

@media(max-width:480px){
  #cookie-banner{left:10px;right:10px;max-width:calc(100% - 20px);bottom:10px;padding:20px}
  #cookie-banner .cookie-links{flex-direction:column;gap:8px}
}