/* Caso Mathasa: estilos aislados del HTML proporcionado. */
#mathasa-case {
    --navy:#00235f;
    --deep:#001640;
    --cyan:#01a2db;
    --ink:#25344a;
    --muted:#59677a;
    --pale:#f4f5f9;
    color:var(--ink);
    font:400 17px/1.75 Manrope,Arial,sans-serif;
    background:white
}
#mathasa-case * {
    box-sizing:border-box
}
#mathasa-case h1,#mathasa-case h2,#mathasa-case h3,#mathasa-case p,#mathasa-case figure,#mathasa-case blockquote {
    margin:0
}
#mathasa-case a {
    color:inherit;
    text-decoration:underline
}
#mathasa-case .mc-wrap {
    width:min(1180px,calc(100% - 48px));
    margin:auto
}
#mathasa-case .mc-hero {
    background:var(--deep);
    color:white;
    padding:66px 0 62px;
    overflow:hidden
}
#mathasa-case .mc-hero-grid {
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:65px;
    align-items:center
}
#mathasa-case .mc-kicker {
    color:var(--cyan);
    font-size:13px;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
    margin-bottom:18px
}
#mathasa-case .mc-hero .mc-kicker {
    color:#59d2ff
}
#mathasa-case h1 {
    font-size:clamp(36px,4.2vw,58px);
    line-height:1.12;
    letter-spacing:-.045em;
    font-weight:800
}
#mathasa-case h1 span {
    color:#49c6f1
}
#mathasa-case .mc-lead {
    font-size:18px;
    line-height:1.8;
    margin-top:24px;
    color:#d3e1f5
}
#mathasa-case .mc-button {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    min-height:52px;
    padding:14px 25px;
    border-radius:10px;
    background:var(--cyan);
    color:white;
    text-decoration:none;
    font-weight:700;
    line-height:1.45;
    transition:background .2s
}
#mathasa-case .mc-button:hover {
    background:#0189bb
}
#mathasa-case a:focus-visible,#mathasa-case summary:focus-visible {
    outline:3px solid #e7a425;
    outline-offset:5px
}
#mathasa-case .mc-actions {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:22px;
    margin-top:30px
}
#mathasa-case .mc-link {
    font-size:15px;
    text-underline-offset:5px
}
#mathasa-case .mc-summary {
    border:1px solid #406086;
    border-radius:20px;
    padding:34px;
    background:#092651;
    position:relative
}
#mathasa-case .mc-summary:before {
    content:'';
    position:absolute;
    top:0;
    left:34px;
    width:68px;
    height:4px;
    background:var(--cyan)
}
#mathasa-case .mc-client {
    font-size:35px;
    font-weight:800;
    letter-spacing:-.04em;
    line-height:1.25
}
#mathasa-case .mc-sub {
    font-size:14px;
    color:#bed2ea;
    margin:8px 0 24px
}
#mathasa-case .mc-profile {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    padding:20px 0;
    border-top:1px solid #375479;
    border-bottom:1px solid #375479
}
#mathasa-case .mc-profile strong {
    font-size:32px;
    display:block;
    line-height:1.3
}
#mathasa-case .mc-profile span {
    font-size:13px;
    color:#c0d4ec
}
#mathasa-case .mc-summary-note {
    font-size:14px;
    color:#d3e1f5;
    margin-top:20px
}
#mathasa-case .mc-nav {
    border-bottom:1px solid #e1e5ec;
    background:white
}
#mathasa-case .mc-nav .mc-wrap {
    display:flex;
    gap:30px;
    flex-wrap:wrap;
    padding-top:17px;
    padding-bottom:17px
}
#mathasa-case .mc-nav a {
    font-size:14px;
    color:var(--navy);
    text-decoration:none;
    font-weight:700
}
#mathasa-case .mc-section {
    padding:76px 0;
    scroll-margin-top:112px
}
#mathasa-case .mc-section.mc-light {
    background:var(--pale)
}
#mathasa-case h2 {
    font-weight:700;
    font-size:clamp(29px,3vw,40px);
    line-height:1.23;
    letter-spacing:-.035em;
    color:var(--navy);
    max-width:810px
}
#mathasa-case h3 {
    font-weight:700;
    font-size:21px;
    line-height:1.4;
    color:var(--navy);
    letter-spacing:-.02em
}
#mathasa-case .mc-intro {
    max-width:810px;
    margin-top:20px;
    color:var(--muted)
}
#mathasa-case .mc-metrics {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-top:34px
}
#mathasa-case .mc-metric {
    padding:32px;
    border-radius:16px;
    background:white;
    border:1px solid #e1e6ed
}
#mathasa-case .mc-big {
    display:block;
    font-size:54px;
    font-weight:800;
    color:var(--navy);
    line-height:1.1;
    letter-spacing:-.045em;
    margin-bottom:14px
}
#mathasa-case .mc-big em {
    font-style:normal;
    color:var(--cyan)
}
#mathasa-case .mc-metric p {
    margin-top:13px;
    color:var(--muted);
    font-size:15px
}
#mathasa-case .mc-source {
    font-size:12px;
    color:var(--muted);
    margin-top:20px;
    line-height:1.7
}
#mathasa-case .mc-two {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:56px;
    align-items:start
}
#mathasa-case .mc-prose p+p {
    margin-top:18px
}
#mathasa-case .mc-prose p {
    color:var(--muted)
}
#mathasa-case .mc-callout {
    border-left:4px solid var(--cyan);
    background:var(--pale);
    border-radius:0 14px 14px 0;
    padding:28px;
    margin-top:30px
}
#mathasa-case .mc-callout p {
    font-size:18px;
    color:var(--navy)
}
#mathasa-case .mc-credit {
    display:block;
    font-size:13px;
    color:var(--muted);
    margin-top:16px
}
#mathasa-case .mc-changes {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-top:34px
}
#mathasa-case .mc-change {
    background:white;
    border:1px solid #e1e6ed;
    border-radius:16px;
    padding:30px
}
#mathasa-case .mc-number {
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:10px;
    background:#e6f5fb;
    color:#0078a6;
    font-size:15px;
    font-weight:700;
    margin-bottom:22px
}
#mathasa-case .mc-change p {
    color:var(--muted);
    margin-top:13px;
    font-size:15px
}
#mathasa-case .mc-effect {
    padding-top:16px;
    border-top:1px solid #e3e8ef;
    margin-top:20px;
    font-size:14px;
    color:var(--navy)
}
#mathasa-case .mc-dark {
    background:var(--deep);
    color:white
}
#mathasa-case .mc-dark h2,#mathasa-case .mc-dark h3 {
    color:white
}
#mathasa-case .mc-dark p {
    color:#d3e1f5
}
#mathasa-case .mc-timeline {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    margin-top:36px
}
#mathasa-case .mc-stage {
    border-top:2px solid #426486;
    padding-top:22px
}
#mathasa-case .mc-stage strong {
    display:block;
    color:#49c6f1;
    font-size:22px;
    margin-bottom:14px
}
#mathasa-case .mc-stage p {
    font-size:15px;
    margin-top:12px
}
#mathasa-case .mc-voices {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-top:34px
}
#mathasa-case .mc-voice {
    padding:30px;
    border-radius:16px;
    background:var(--pale)
}
#mathasa-case .mc-quote-mark {
    font-size:48px;
    color:var(--cyan);
    line-height:1
}
#mathasa-case .mc-voice blockquote {
    font-size:21px;
    line-height:1.6;
    color:var(--navy);
    margin-top:8px
}
#mathasa-case .mc-voice p {
    font-size:14px;
    color:var(--muted);
    margin-top:16px
}
#mathasa-case .mc-fit {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-top:30px
}
#mathasa-case .mc-fit p {
    padding:22px;
    border:1px solid #dbe3ed;
    border-radius:12px;
    color:var(--navy);
    font-size:16px;
    background:white
}
#mathasa-case .mc-cta {
    background:var(--navy);
    color:white;
    padding:58px;
    border-radius:22px;
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:48px
}
#mathasa-case .mc-cta h2 {
    color:white
}
#mathasa-case .mc-cta p {
    color:#d3e1f5;
    margin-top:20px
}
#mathasa-case .mc-cta-list {
    list-style:disc;
    display:grid;
    gap:16px;
    margin:0 0 28px;
    padding-left:20px;
    font-size:15px;
    color:#d3e1f5
}
#mathasa-case .mc-contact {
    font-size:14px;
    margin-top:18px
}
#mathasa-case .mc-photo {
    width:100%;
    height:auto;
    border-radius:16px;
    display:block;
    object-fit:contain
}
#mathasa-case .mc-media[hidden] {
    display:none
}
#mathasa-case .mc-media {
    margin-top:30px
}
#mathasa-case .mc-media figcaption {
    font-size:12px;
    color:var(--muted);
    margin-top:10px
}
@media(max-width:800px) {
    #mathasa-case .mc-hero-grid,#mathasa-case .mc-two,#mathasa-case .mc-cta {
        grid-template-columns:1fr;
        gap:32px
    }
    #mathasa-case .mc-hero {
        padding:42px 0
    }
    #mathasa-case .mc-section {
        padding:50px 0
    }
    #mathasa-case .mc-summary {
        padding:26px
    }
    #mathasa-case .mc-cta {
        padding:30px
    }
    #mathasa-case .mc-timeline {
        grid-template-columns:1fr
    }
}
@media(max-width:540px) {
    #mathasa-case .mc-wrap {
        width:calc(100% - 36px)
    }
    #mathasa-case .mc-metrics,#mathasa-case .mc-changes,#mathasa-case .mc-voices,#mathasa-case .mc-fit {
        grid-template-columns:1fr
    }
    #mathasa-case .mc-nav .mc-wrap {
        gap:15px 24px
    }
    #mathasa-case .mc-big {
        font-size:46px
    }
    #mathasa-case .mc-button {
        width:100%;
        font-size:15px
    }
    #mathasa-case .mc-metric,#mathasa-case .mc-change {
        padding:26px
    }
}
/* Fotografías reales proporcionadas por el usuario. Se conservan completas, sin recorte. */
#mathasa-case .mc-hero-visual {
    min-width:0
}
#mathasa-case .mc-hero-photo {
    margin-bottom:20px
}
#mathasa-case .mc-hero-photo .mc-photo {
    border:1px solid #406086
}
#mathasa-case .mc-hero-visual .mc-summary {
    padding:26px
}
#mathasa-case .mc-interview {
    max-width:810px
}