/* Página de servicio SIBEOS (opt-in con <main class="sibeos-service-page">): ritmo de secciones, iconos, logos y método */
.sibeos-service-page .sibeos-eyebrow{display:flex;align-items:center;gap:12px}
.sibeos-service-page .sibeos-eyebrow::before{content:"";flex:0 0 28px;height:2px;background:var(--secondary)}

/* Cabecera con recuadro lateral */
.sibeos-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:56px;align-items:center}
.sibeos-hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.sibeos-service-hero .sibeos-hero-actions .uk-button-default{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:5px}
.sibeos-service-hero .sibeos-hero-actions .uk-button-default:hover,.sibeos-service-hero .sibeos-hero-actions .uk-button-default:focus{background:rgba(255,255,255,.12);color:#fff}
.sibeos-hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-top:3px solid var(--secondary);padding:28px 30px}
.sibeos-service-hero .sibeos-hero-card-title{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--secondary)}
.sibeos-hero-card ul{list-style:none;margin:0;padding:0}
.sibeos-hero-card li{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;font-size:15px;line-height:1.5}
.sibeos-hero-card li:last-child{border-bottom:0}
.sibeos-service-hero .sibeos-hero-card .sibeos-offer-price{margin:14px 0 0;font-size:13px;color:rgba(255,255,255,.62)}

/* Banda clara con tinte turquesa (p. ej. «Cuándo encaja») */
.sibeos-band-accent{background:linear-gradient(180deg,rgba(19,205,204,.1),rgba(19,205,204,.04));border-bottom:1px solid rgba(19,205,204,.18)}
.sibeos-band-accent a{color:#087674}
.sibeos-band-accent .sibeos-offer-scope ol{list-style:none;margin:0;padding:0;counter-reset:fit}
.sibeos-band-accent .sibeos-offer-scope ol li{counter-increment:fit;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:20px 0;border-top:1px solid rgba(8,118,116,.16);color:var(--primary);font-size:17px;line-height:1.6}
.sibeos-band-accent .sibeos-offer-scope ol li::before{content:counter(fit,decimal-leading-zero);font-size:26px;font-weight:300;line-height:1.1;color:#087674}
.sibeos-band-note{margin:24px 0 0;font-size:15px}

/* Tarjetas con icono */
.sibeos-cards-accent .sibeos-overview-card{position:relative;transition:transform .25s,box-shadow .25s,border-color .25s}
.sibeos-cards-accent .sibeos-overview-card::after{content:"";position:absolute;left:0;top:0;width:0;height:3px;background:var(--secondary);transition:width .3s}
.sibeos-cards-accent .sibeos-overview-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(48,48,51,.08);border-color:transparent}
.sibeos-cards-accent .sibeos-overview-card:hover::after{width:100%}
.sibeos-card-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(19,205,204,.12);color:#087674}
.sibeos-card-icon svg{width:24px;height:24px}

/* Franja de logos */
.sibeos-logo-strip{padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sibeos-logo-strip .uk-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 40px}
.sibeos-logo-strip p{margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sibeos-logo-strip img{height:60px;width:auto;max-width:140px;object-fit:contain;filter:grayscale(1);opacity:.65;mix-blend-mode:multiply;transition:filter .2s,opacity .2s}
.sibeos-logo-strip img:hover{filter:none;opacity:1}

/* Casos con sombra al pasar */
.sibeos-service-page .sibeos-case-card{background:#fff;transition:box-shadow .25s}
.sibeos-service-page .sibeos-case-card:hover{box-shadow:0 22px 48px rgba(48,48,51,.12)}

/* Bloque a dos columnas con panel */
.sibeos-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.sibeos-split h2{font-size:clamp(28px,3vw,36px);line-height:1.25;letter-spacing:-.025em}
.sibeos-task-panel{background:#fff;border-left:3px solid var(--secondary);padding:30px 34px;box-shadow:0 18px 40px rgba(48,48,51,.07)}
.sibeos-task-panel p{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sibeos-task-panel ul{margin:0;padding-left:20px}
.sibeos-task-panel li{padding:8px 0;color:var(--primary)}
.sibeos-task-panel li::marker{color:var(--secondary)}

/* Método en círculos */
.sibeos-workflow--steps{position:relative}
.sibeos-workflow--steps::before{content:"";position:absolute;top:28px;left:28px;right:12%;height:1px;background:var(--line)}
.sibeos-workflow--steps li{position:relative;border-top:0;padding-top:0}
.sibeos-workflow--steps span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;border:1px solid var(--secondary);font-size:18px;font-weight:600}
.sibeos-workflow--steps li:first-child span{background:var(--secondary);color:#062f2f}
.sibeos-workflow--steps p{margin-top:18px;color:var(--primary)}

/* Familias de servicio con captura de ejemplo */
.sibeos-family-grid .sibeos-overview-card{padding:0;overflow:hidden}
.sibeos-family-card>img{display:block;width:100%;aspect-ratio:1.7;object-fit:cover;object-position:top;border-bottom:1px solid var(--line);transition:transform .4s}
.sibeos-family-card:hover>img{transform:scale(1.03)}
.sibeos-family-body{display:flex;flex-direction:column;flex:1;padding:26px 28px 30px;background:#fff;position:relative}

/* Cifras y datos clave */
.sibeos-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.sibeos-facts li{border-left:2px solid var(--secondary);padding:4px 0 4px 20px}
.sibeos-facts strong{display:block;font-size:clamp(26px,2.6vw,34px);font-weight:300;line-height:1.15;letter-spacing:-.02em;color:var(--primary)}
.sibeos-facts span{display:block;margin-top:6px;font-size:14px;line-height:1.6}
.sibeos-split--top{align-items:start}

/* Casos: listado con color y relato en tarjetas (solo estilos; el HTML de los casos no cambia) */
main:has(.sibeos-case-grid)>.sibeos-service-hero+.uk-section{background:linear-gradient(180deg,rgba(19,205,204,.1),rgba(19,205,204,.03))}
.sibeos-case-grid .sibeos-case-card{background:#fff;transition:box-shadow .25s,transform .25s}
.sibeos-case-grid .sibeos-case-card:hover{box-shadow:0 22px 48px rgba(48,48,51,.12);transform:translateY(-3px)}
.sibeos-case-story article{background:#fff;border-top:3px solid var(--secondary);padding:28px 28px 30px;box-shadow:0 14px 36px rgba(48,48,51,.06)}
.sibeos-case-story article>.sibeos-case-tag:first-child{font-size:30px;font-weight:300;letter-spacing:0;color:#087674}

/* Clientes: categorías y logos en fichas */
.sibeos-clients-page #clients h2.uk-h4{display:flex;align-items:center;gap:12px;margin-top:48px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#087674}
.sibeos-clients-page #clients h2.uk-h4::before{content:"";flex:0 0 28px;height:2px;background:var(--secondary)}
.sibeos-clients-page #clients .el-item{background:#fff;border:1px solid var(--line);border-radius:8px;transition:box-shadow .25s,border-color .25s}
.sibeos-clients-page #clients .el-item:hover,.sibeos-clients-page #clients .el-item:focus-within{border-color:transparent;box-shadow:0 14px 34px rgba(48,48,51,.1)}

/* Banda final de llamada a la acción */
.sibeos-cta-band .uk-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px}
.sibeos-cta-band h2{margin:0;font-size:clamp(26px,3vw,34px);line-height:1.25;letter-spacing:-.025em}
.sibeos-cta-band .uk-button-default{border:1px solid var(--primary);border-radius:5px;color:var(--primary);background:transparent}
.sibeos-cta-band .uk-button-default:hover,.sibeos-cta-band .uk-button-default:focus{background:var(--primary);color:#fff}
.sibeos-cta-band .uk-button-primary{border-radius:5px;background:var(--secondary);color:#062f2f;border-color:transparent}
.sibeos-cta-band .uk-button-primary:hover,.sibeos-cta-band .uk-button-primary:focus{background:var(--primary);color:#fff}

@media(max-width:959px){
.sibeos-hero-grid,.sibeos-split{grid-template-columns:1fr;gap:36px}
.sibeos-facts{grid-template-columns:1fr 1fr;row-gap:28px}
.sibeos-workflow--steps::before{display:none}
}
@media(max-width:639px){
.sibeos-hero-card{padding:20px 22px}
.sibeos-hero-card li{padding:8px 0;font-size:14px}
.sibeos-logo-strip .uk-container{justify-content:center;gap:24px}
.sibeos-logo-strip p{width:100%;text-align:center}
.sibeos-logo-strip img{height:44px;max-width:100px}
.sibeos-task-panel{padding:24px}
.sibeos-workflow--steps li{grid-template-columns:56px minmax(0,1fr)}
.sibeos-workflow--steps p{margin-top:0;align-self:center}
}