/* Página «Integraciones»: reutiliza nosotros.css (encabezado y cierre). */
.int-wrap{padding:70px 0 30px}
.int-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 60px;padding:0;list-style:none}
.int-nav a{display:block;padding:9px 20px;border:2px solid #e3f6ed;border-radius:30px;color:#19274d;font-size:15px;transition:all .3s}
.int-nav a:hover{border-color:#32c788;background:#eefaf4}

.int-group{margin-bottom:70px;scroll-margin-top:90px}
.int-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:28px}
.int-head .t{color:#32c788;font-size:17px}
.int-head h2{margin:4px 0 0;color:#19274d;font-size:42px;line-height:1.05em;font-family:'Poppins',sans-serif}
.int-head p{max-width:460px;margin:0;color:#19274d;font-size:17px;line-height:1.5em}

.int-grid{display:flex;flex-wrap:wrap;gap:20px}
.int-card{display:flex;align-items:flex-start;gap:18px;flex:1 1 calc(33.333% - 20px);min-width:260px;max-width:calc(33.333% - 14px);padding:26px 24px;border:2px solid #e3f6ed;border-radius:16px;background:#fff;transition:all .3s}
.int-card:hover{border-color:#32c788;transform:translateY(-4px);box-shadow:0 14px 28px rgba(50,199,136,.14)}
.int-card .ic{flex:0 0 54px;width:54px;height:54px;border-radius:14px;background:#eefaf4;color:#32c788;font-size:24px;line-height:54px;text-align:center}
.int-card h3{margin:2px 0 6px;color:#19274d;font-size:20px;line-height:1.2em;font-family:'Poppins',sans-serif}
.int-card p{margin:0;color:#19274d;font-size:15px;line-height:1.5em}

.int-dev{margin-bottom:70px;padding:50px 46px;border-radius:26px;background:#eefaf4;display:flex;gap:50px;align-items:center}
.int-dev>div{flex:1 1 0;min-width:0}
.int-dev h2{margin:0 0 14px;color:#19274d;font-size:40px;line-height:1.05em;font-family:'Poppins',sans-serif}
.int-dev p{margin:0 0 18px;color:#19274d;font-size:17px;line-height:1.55em}
.int-code{padding:22px 24px;border-radius:14px;background:#19274d;color:#cfeee0;font:14px/1.7 Consolas,Menlo,monospace;overflow:auto;white-space:pre}
.int-code b{color:#7ae3b6;font-weight:700!important}

@media (max-width:991px){
	.int-card{flex:1 1 100%;max-width:none}
	.int-head h2{font-size:32px}
	.int-dev{flex-direction:column;padding:34px 24px;gap:28px}
	.int-dev h2{font-size:30px}
}