button{font-family:inherit}

.integral-hov-1:hover{border-color:#3FA0DA !important}
.integral-hov-2:hover{background:#2C8FC4 !important;color:#fff !important}
.integral-hov-3:hover{box-shadow:0 10px 28px rgba(23,26,28,0.08) !important;transform:translateY(-2px)}
.integral-hov-footer:hover{color:#3FA0DA !important}

.integral-items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.integral-hov-8:hover{transform:scale(1.015)}

.integral-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.integral-why-card{border:1px solid #E7E9EB;border-radius:16px;padding:28px 24px;transition:box-shadow .3s ease,transform .3s ease}
.integral-why-card:hover{box-shadow:0 10px 28px rgba(23,26,28,0.08);transform:translateY(-3px)}
.integral-why-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:16px}
.integral-why-card h3{font-weight:800;font-size:17px;letter-spacing:-0.01em;color:#171A1C;margin-bottom:8px}
.integral-why-card p{font-size:14px;line-height:1.55;color:#5B6368}

@keyframes integralBlob1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,40px) scale(1.15)}}
@keyframes integralBlob2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,30px) scale(1.12)}}
.integral-launch .integral-launch-blob{transition:opacity .4s ease}
.integral-launch:hover .integral-launch-blob{opacity:0.32 !important}

@media (max-width: 860px) {
  .integral-nav, .integral-header-desktop-actions { display:none !important; }
  .integral-hamburger { display:flex !important; }
  header .integral-cta-cotizar { padding:9px 14px !important; font-size:13px !important; }
}
@media (max-width: 1100px) {
  .integral-items-grid { grid-template-columns:repeat(2,1fr) !important; }
}
@media (max-width: 780px) {
  .integral-footer-grid { grid-template-columns:1fr !important; gap:32px !important; }
  .integral-footer-grid > div:first-child { max-width:none !important; }
}
@media (max-width: 560px) {
  .integral-items-grid { grid-template-columns:1fr !important; }
  .integral-why-grid { grid-template-columns:1fr !important; }
}
@media (max-width: 780px) and (min-width: 561px) {
  .integral-why-grid { grid-template-columns:repeat(2,1fr) !important; }
}
@media (max-width: 760px) {
  .integral-copyright-row { grid-template-columns:1fr !important; justify-items:center !important; row-gap:14px !important; text-align:center !important; padding-bottom:64px !important; }
  .integral-copyright-row > span:last-child { justify-content:center !important; }
}