/* Primera pantalla de premier-ia.co: opción 8 «Todas las herramientas de CEO» (Fernando, 25 de octubre de 2026, noche).
   Franja del primer mes gratis, título de la firma con CEO, dos botones y las 12 herramientas de CEO en tarjetas. */
.pi8-franja{position:absolute;top:0;left:0;right:0;height:38px;z-index:100000;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;overflow:hidden;background:#d6246e;color:#fff;font-family:Jost,sans-serif;font-size:15px;line-height:1;padding:0 12px}
/* La franja va arriba y se va al bajar (Fernando, 26 de octubre de 2026: que no tape); el encabezado empieza debajo y, cuando queda fijo al bajar, sube hasta arriba. */
.pi8-franja+#wrapper{padding-top:38px}
.pi8-franja+#wrapper #masthead{top:var(--pi8-top,38px)!important}
.pi8-franja+#wrapper .kadence-sticky-header.item-is-fixed{top:0!important}
.pi8-corto{display:none}
.pi8-franja b{font-weight:700}
.pi8-franja a{color:#fff!important;font-weight:700;text-decoration:underline;white-space:nowrap}
.pi8-franja a:hover{text-decoration:none}
.pia-hero.pi8{padding-top:clamp(84px,6.5vw,92px)!important;padding-bottom:clamp(48px,6vw,72px)!important}
.pi8>.wp-block-group__inner-container{max-width:1312px!important}
.pi8-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.pi8-txt{max-width:860px}
.pi8-eyebrow{margin:0 0 10px!important;color:#00C8CE;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:14px}
.pia-sec h1.pi8-h1{font-family:Inter,sans-serif;font-weight:800;font-size:clamp(2rem,4.2vw,3rem)!important;line-height:1.1!important;letter-spacing:-.02em;color:#fff;margin:0!important;text-align:left}
.pi8-ctas{display:flex;flex-direction:column;gap:10px;flex:0 0 auto}
.pi8-ctas a{display:block;text-align:center;border-radius:999px;font-weight:700;font-size:17px;padding:15px 26px;text-decoration:none!important;transition:transform .2s,box-shadow .2s,background .2s}
.pi8-btn{background:#00C8CE;color:#05232D!important}
.pi8-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,200,206,.35)}
.pi8-btn2{color:#fff!important;border:1px solid rgba(255,255,255,.35)}
.pi8-btn2:hover{background:rgba(0,200,206,.12)}
.pi8-grid{list-style:none!important;margin:28px 0 0!important;padding:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pi8-grid li{margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px 18px;transition:border-color .3s,background .3s,transform .3s}
.pi8-grid li:hover{border-color:rgba(0,200,206,.6);background:rgba(0,200,206,.08);transform:translateY(-3px)}
.pia-sec .pi8-grid h3{font-family:Inter,sans-serif;font-size:17px!important;line-height:1.3;font-weight:700;color:#00C8CE;margin:0 0 4px!important;letter-spacing:0}
.pi8-grid p{margin:0!important;font-size:15px;line-height:1.5;color:#c9dde2}
.pi8-equipo{margin:26px 0 0!important;font-size:15px;line-height:1.5;color:#c9dde2}
.pi8-equipo a{color:#fff!important;font-weight:700;text-decoration:none}
.pi8-equipo a:hover{color:#00C8CE!important}
@media(max-width:1100px){.pi8-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.pi8-top{flex-direction:column;align-items:stretch}.pi8-ctas{flex-direction:row;flex-wrap:wrap}.pi8-ctas a{flex:1 1 200px}.pi8-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pi8-largo{display:none}.pi8-corto{display:inline}.pi8-franja{font-size:14px}}
@media(max-width:560px){.pi8-grid{gap:10px}.pi8-grid li{padding:12px 13px;border-radius:14px}.pia-sec .pi8-grid h3{font-size:15px!important}.pi8-grid p{font-size:13px;line-height:1.4}.pi8-eyebrow{font-size:12px}.pi8-ctas a{font-size:16px;padding:13px 20px}}