/* Portada: solo estilos específicos. Márgenes y tarjetas compartidas en deleg-layout.css. */
.inicio-section { padding: 28px 0; }
.inicio-eyebrow {
    font-size: 12px; font-weight: 700; letter-spacing: .04em; color: #0789ed;
}
.inicio-section h2, .inicio-tailored h2, .inicio-cta h2 {
    font-size: clamp(24px,2.2vw,34px); line-height: 1.12; margin: 4px 0 14px; color: #092652;
}

.inicio-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 7px;
    padding: 11px 19px;
    border-radius: 30px;
    background: #0078d4;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .2s ease;
}
    .inicio-btn:hover {
        background: #092952;
    }
.inicio-btn-blue {
    background: #00213f;
    color: white;
    border-radius: 30px;
}
.inicio-services { background: #f3f9fc; }
.inicio-heading {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 20px; margin-bottom: 20px;
}
.inicio-heading h2 { margin-bottom: 0; }
.inicio-heading p {
    color: #46628a; font-size: 13px; margin-top: 10px;
}
.inicio-tailored {
    display: grid; grid-template-columns: 1fr 1fr; min-height: 230px; height: auto; background: #fff;
}
.inicio-tailored-img {
    min-height: 230px; overflow: hidden; background: #c8dfeb;
}
.inicio-tailored-img > img {
    display: block; width: 100%; height: 100%; object-fit: cover; object-position: right;
}
.inicio-tailored-content {
    padding: 34px max(var(--page-gutter), calc((100vw - var(--page-max-width)) / 2)) 34px clamp(25px, 5vw, 85px);
    align-self: end;
}
.inicio-tailored-content p {
    color: #526b91; line-height: 1.5; font-size: 14px; max-width: 600px;
}
.inicio-checks {
    display: flex; gap: 18px; flex-wrap: wrap; color: #45628c; font-size: 13px; margin: 20px 0;
}
.inicio-checks span::first-letter { color: #0087e5; }
.inicio-why {
    background: url("/images/banner/fondo-azul.webp") center 50%;
    color: white;
    padding: 26px 0;
}
.inicio-why .inicio-eyebrow { color: #9bdbff; }
.inicio-why-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    text-align: center;
}
.inicio-why-grid strong { padding: 5px ;font-size: 32px; display:flex; justify-content: center; }
.inicio-why-grid p { font-size: 15px; margin: 6px 0 0; }
.inicio-clients {
    background: #f2faff; height: 290px; padding: 0; display: flex; align-items: center;
}
.inicio-clients-inner {
    display: grid; grid-template-columns: 1fr 420px; gap: 40px; align-items: center;
}
.inicio-clients p { font-size: 14px; color: #4b6590; }
.inicio-clients-slider {
    display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px; align-items: center; gap: 8px;
    width: 100%; max-width: 420px; justify-self: end;
}
.inicio-clients-quotes {
    height: 170px; min-width: 0; overflow-y: auto; display: flex; align-items: center;
}
.inicio-clients blockquote {
    border: 0; margin: 0; color: #405b83; font-size: 13px; line-height: 1.5; width: 100%; text-align: center;
}
.inicio-clients blockquote strong {
    display: block; color: #092652; margin-top: 12px; font-size: 12px;
}
.inicio-clients-quotes blockquote[hidden] { display: none !important; }
.inicio-clients-arrow {
    display: flex; align-items: center; justify-content: end; width: 32px; height: 32px; padding: 0;
    border: 1px solid #b6d8ed; border-radius: 50%; background: white; color: #092652; font-size: 20px;
    cursor: pointer;
}
.inicio-clients-arrow:hover { background: #8bd5ff; }
.inicio-clients-arrow:focus-visible { outline: 2px solid #0789ed; outline-offset: 3px; }
@media (max-width: 768px) {
    .inicio-clients {
        height: auto; min-height: 290px; padding: 28px 0;
    }
    .inicio-clients-inner { grid-template-columns: 1fr; gap: 24px; }
    .inicio-clients-slider { max-width: 420px; justify-self: center; }
}
@media (max-width: 460px) {
    .inicio-clients-slider { grid-template-columns: 28px minmax(0, 1fr) 28px; gap: 6px; }
    .inicio-clients-arrow { width: 28px; height: 28px; }
}
.inicio-cta {
    background: url("/images/banner/fondo-azul.webp") center 65%;
    color: white; padding: 28px 0;
}
.inicio-cta-inner {
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
}
.inicio-cta h2 { color: white; margin: 4px 0; }
.inicio-cta p { margin: 0; font-size: 14px; }
.inicio-cta .inicio-eyebrow { color: #8bd5ff; }
@media (max-width:1100px) {
    .inicio-heading { grid-template-columns: 1fr; }
    .inicio-heading > a { grid-column: auto; }
    .inicio-why-grid { grid-template-columns: repeat(4,1fr); }
}
@media (max-width: 768px) {
    .inicio-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width:460px) {
    .inicio-why-grid { gap: 20px; }
}