/* ICIPC - Capacitaciones widgets. Portados desde los HTML de referencia. */
.icipc-cap-widget,
.icipc-cap-widget * { box-sizing: border-box; }
.icipc-cap-widget { width:100%; margin:0; font-family:Arial,Helvetica,sans-serif; color:#0c2d49; }
.icipc-cap-container { width:min(1120px,calc(100% - 72px)); margin:0 auto; }
.icipc-cap-eyebrow { text-transform:uppercase; letter-spacing:1.3px; font-size:12px; font-weight:700; color:#1a7db7; }
.icipc-cap-reveal { opacity:0; transform:translateY(14px); transition:opacity .5s ease,transform .5s ease; }
.icipc-cap-reveal.icipc-cap-on { opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce) {
  .icipc-cap-reveal { opacity:1; transform:none; transition:none; }
}
@media(max-width:700px){ .icipc-cap-container{width:calc(100% - 28px)} }

/* 01 - Hero + beneficios */
.icipc-cap-hero { width:100%; min-height:366px; position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 2% 5%,rgba(32,122,182,.22),transparent 25%),linear-gradient(100deg,#0c4d7d 0%,#103f6b 46%,#173653 50%,#173653 100%); }
.icipc-cap-hero__media { position:absolute; inset:0 0 0 50.5%; background-position:center center; background-size:cover; background-repeat:no-repeat; }
.icipc-cap-hero__media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#173958 0%,rgba(23,57,88,.25) 9%,rgba(20,48,74,0) 29%); }
.icipc-cap-hero::after { content:""; position:absolute; width:560px; height:560px; border-radius:50%; border:1px solid rgba(255,255,255,.045); left:-330px; top:-305px; box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.018); pointer-events:none; }
.icipc-cap-hero__inner { width:min(1035px,calc(100% - 64px)); margin:auto; position:relative; z-index:2; min-height:366px; }
.icipc-cap-hero__content { position:absolute; left:0; top:48px; width:47%; padding:0; }
.icipc-cap-hero .icipc-cap-eyebrow { font-size:10.5px; text-transform:uppercase; letter-spacing:1.6px; color:#9bdaf7; font-weight:700; }
.icipc-cap-hero__title { font-size:36px; line-height:1; margin:8px 0 12px; letter-spacing:-1px; position:relative; padding-bottom:10px; color:#fff; }
.icipc-cap-hero__title::after { content:""; position:absolute; left:0; bottom:0; width:76px; height:3px; border-radius:4px; background:#58c9ef; }
.icipc-cap-hero__copy { font-size:13.4px; line-height:1.35; max-width:445px; margin:0; color:#f7fbff; }
.icipc-cap-hero__benefits { position:absolute; left:0; bottom:42px; width:47%; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; z-index:3; }
.icipc-cap-hero__benefit { display:grid; grid-template-columns:31px 1fr; gap:8px; align-items:center; min-width:0; cursor:default; transition:transform .2s ease; }
.icipc-cap-hero__benefit:hover { transform:translateY(-2px); }
.icipc-cap-hero__benefit svg { width:27px; height:27px; stroke:#6ed7ff; fill:none; stroke-width:1.65; }
.icipc-cap-hero .icipc-cap-reveal { opacity:0; transform:translateY(10px); transition:opacity .45s ease,transform .45s ease; }
.icipc-cap-hero .icipc-cap-reveal.icipc-cap-on { opacity:1; transform:none; }
.icipc-cap-hero__benefit strong { display:block; font-size:9.7px; line-height:1.08; color:#fff; font-weight:700; }
@media(max-width:780px){
  .icipc-cap-hero{min-height:640px}
  .icipc-cap-hero__media{inset:318px 0 0 0;background-position:center top}
  .icipc-cap-hero__inner{width:calc(100% - 28px);min-height:640px}
  .icipc-cap-hero__content{top:38px;width:100%}
  .icipc-cap-hero__benefits{top:190px;bottom:auto;width:100%;gap:9px}
}
@media(max-width:520px){
  .icipc-cap-hero{min-height:755px}
  .icipc-cap-hero__media{inset:430px 0 0}
  .icipc-cap-hero__benefits{top:194px;grid-template-columns:1fr;gap:10px}
  .icipc-cap-hero__benefit{grid-template-columns:28px 1fr}
  .icipc-cap-hero__title{font-size:32px}
}

/* 02 - Introducción */
.icipc-cap-intro { padding:54px 0; background:#fff; }
.icipc-cap-intro__grid { display:grid; grid-template-columns:1.55fr 360px; gap:72px; align-items:center; }
.icipc-cap-intro__title { font-size:37px; line-height:1.03; letter-spacing:-1px; margin:7px 0 13px; color:#0c2d49; }
.icipc-cap-intro__copy { font-size:15px; line-height:1.48; color:#53697a; margin:0; max-width:730px; }
.icipc-cap-intro__card { background:linear-gradient(135deg,#edf7fd,#f9fcfe); border-radius:16px; padding:26px 28px; display:grid; grid-template-columns:72px 1fr; gap:20px; align-items:center; box-shadow:0 6px 22px rgba(20,70,100,.04); transition:transform .2s ease; }
.icipc-cap-intro__card:hover,.icipc-cap-intro__card:focus-within { transform:translateY(-4px); }
.icipc-cap-intro__icon { width:68px; height:68px; border-radius:50%; background:#dff1fb; border:1px solid #cde8f6; display:grid; place-items:center; }
.icipc-cap-intro__icon svg { width:43px; height:43px; stroke:#1477b7; fill:none; stroke-width:1.8; }
.icipc-cap-intro__card strong { font-size:15px; }
.icipc-cap-intro__card p { font-size:12px; color:#556b7c; margin:5px 0 0; }
.icipc-cap-intro__line { width:58px; height:3px; background:#1d7fb9; border-radius:4px; margin-top:14px; }
@media(max-width:760px){ .icipc-cap-intro__grid{grid-template-columns:1fr;gap:28px}.icipc-cap-intro__title{font-size:30px} }

/* 03 - Líneas de capacitación */
.icipc-cap-lines { padding:35px 0 38px; background:linear-gradient(#f0f8fd,#eaf4fb); }
.icipc-cap-lines__head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:22px; }
.icipc-cap-lines__head h2 { font-size:16px; line-height:1.25; margin:4px 0 0; text-transform:uppercase; color:#0c2d49; }
.icipc-cap-lines__all { font-size:12px; font-weight:700; color:#0b77b8; cursor:pointer; text-decoration:none; }
.icipc-cap-lines__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.icipc-cap-lines__card { position:relative; min-height:242px; border:0; border-radius:12px; color:#fff; text-align:left; padding:24px 22px 20px; cursor:pointer; box-shadow:0 8px 22px rgba(10,64,103,.11); transition:.22s; text-decoration:none; display:block; }
.icipc-cap-lines__card:hover,.icipc-cap-lines__card.icipc-cap-active { transform:translateY(-5px); box-shadow:0 15px 32px rgba(10,58,92,.19); color:#fff; }
.icipc-cap-lines__card:nth-child(1){background:linear-gradient(145deg,#34a65f,#299452)}
.icipc-cap-lines__card:nth-child(2){background:linear-gradient(145deg,#2e9ddb,#2885ca)}
.icipc-cap-lines__card:nth-child(3){background:linear-gradient(145deg,#27538f,#163d73)}
.icipc-cap-lines__card:nth-child(4){background:linear-gradient(145deg,#32a8cd,#2b92bc)}
.icipc-cap-lines__card svg { width:40px; height:40px; stroke:#fff; fill:none; stroke-width:1.75; }
.icipc-cap-lines__card h3 { font-size:18px; margin:14px 0 8px; color:#fff; }
.icipc-cap-lines__dash { width:28px; height:2px; background:rgba(255,255,255,.9); margin-bottom:12px; }
.icipc-cap-lines__card p { font-size:12px; line-height:1.35; margin:0; max-width:190px; color:#fff; }
.icipc-cap-lines__arrow { position:absolute; left:21px; bottom:18px; width:28px; height:28px; border-radius:50%; background:#fff; color:#176ca3; display:grid; place-items:center; font-weight:700; }
@media(max-width:850px){.icipc-cap-lines__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.icipc-cap-lines__head{display:block}.icipc-cap-lines__all{display:inline-block;margin-top:10px}.icipc-cap-lines__grid{grid-template-columns:1fr}}

/* 04 - Temario resumido */
.icipc-cap-topics { padding:34px 0 38px; background:#fff; }
.icipc-cap-topics__title { font-size:21px; margin:0 0 24px; color:#0c2d49; }
.icipc-cap-topics__grid { display:grid; grid-template-columns:repeat(4,1fr); gap:34px; }
.icipc-cap-topics__col { padding-left:15px; border-left:4px solid #2ca15c; transition:.2s; border-radius:2px; }
.icipc-cap-topics__col:nth-child(2){border-color:#258dca}.icipc-cap-topics__col:nth-child(3){border-color:#234b7e}.icipc-cap-topics__col:nth-child(4){border-color:#2e98bf}
.icipc-cap-topics__col:hover,.icipc-cap-topics__col.icipc-cap-active { background:#f7fbfd; transform:translateY(-3px); }
.icipc-cap-topics__col h3 { font-size:14px; margin:0 0 11px; color:#0c2d49; }
.icipc-cap-topics__col ul { list-style:none; padding:0; margin:0; }
.icipc-cap-topics__col li { position:relative; padding:4px 0 4px 16px; font-size:11.5px; color:#4e6677; line-height:1.3; }
.icipc-cap-topics__col li::before { content:'✓'; position:absolute; left:0; top:4px; color:#1c9b58; font-weight:700; }
.icipc-cap-topics__col:nth-child(2) li::before{color:#258dca}.icipc-cap-topics__col:nth-child(3) li::before{color:#234b7e}.icipc-cap-topics__col:nth-child(4) li::before{color:#2e98bf}
@media(max-width:820px){.icipc-cap-topics__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.icipc-cap-topics__grid{grid-template-columns:1fr}}

/* 05 - Modalidades */
.icipc-cap-modes { padding:32px 0 34px; background:linear-gradient(#f2f8fc,#edf6fb); position:relative; }
.icipc-cap-modes__head h2 { font-size:15px; text-transform:uppercase; margin:0 0 4px; color:#0c2d49; }
.icipc-cap-modes__head p { font-size:11px; color:#5e7485; margin:0; }
.icipc-cap-modes__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:22px; }
.icipc-cap-modes__card { min-height:145px; border-radius:12px; padding:22px; display:grid; grid-template-columns:58px 1fr; gap:16px; align-items:center; background:#e5f5e9; transition:.2s; text-decoration:none; color:#0c2d49; }
.icipc-cap-modes__card:nth-child(2){background:#e6f3fc}.icipc-cap-modes__card:nth-child(3){background:#ececfb}
.icipc-cap-modes__card:hover,.icipc-cap-modes__card.icipc-cap-active { transform:translateY(-4px); box-shadow:0 12px 26px rgba(15,65,96,.12); color:#0c2d49; }
.icipc-cap-modes__card svg { width:46px; height:46px; fill:none; stroke:#1c9b58; stroke-width:1.8; }
.icipc-cap-modes__card:nth-child(2) svg{stroke:#0a84cb}.icipc-cap-modes__card:nth-child(3) svg{stroke:#2942a0}
.icipc-cap-modes__card h3 { font-size:14px; margin:0 0 6px; color:#0c2d49; }
.icipc-cap-modes__card p { font-size:11px; line-height:1.35; color:#50687a; margin:0; }
.icipc-cap-modes__dot { margin-top:10px; width:24px; height:24px; border-radius:50%; display:grid; place-items:center; background:#1c9b58; color:#fff; font-size:11px; }
.icipc-cap-modes__card:nth-child(2) .icipc-cap-modes__dot{background:#0b84c7}.icipc-cap-modes__card:nth-child(3) .icipc-cap-modes__dot{background:#29429c}
.icipc-cap-modes__note { position:absolute; right:74px; top:24px; font-family:"Comic Sans MS","Segoe Print",cursive; font-size:19px; line-height:1.05; transform:rotate(-5deg); text-align:center; color:#113b63; }
.icipc-cap-modes__note::after { content:""; display:block; width:92px; height:2px; background:#113b63; margin:8px auto 0; transform:rotate(-5deg); }
@media(max-width:820px){.icipc-cap-modes__grid{grid-template-columns:1fr}.icipc-cap-modes__note{display:none}}

/* 06 - CTA final */
.icipc-cap-cta { position:relative; overflow:hidden; min-height:112px; background:linear-gradient(90deg,#07598f,#0e75b2 63%,#0b8fc9); color:#fff; }
.icipc-cap-cta::after { content:""; position:absolute; inset:0 0 0 68%; background:radial-gradient(circle at 70% 10%,rgba(255,255,255,.23),transparent 20%),linear-gradient(135deg,transparent 0 40%,rgba(255,255,255,.07) 41% 44%,transparent 45%); }
.icipc-cap-cta__inner { position:relative; z-index:1; min-height:112px; display:grid; grid-template-columns:62px 1fr auto; gap:18px; align-items:center; }
.icipc-cap-cta__icon svg { width:44px; height:44px; fill:none; stroke:#fff; stroke-width:1.8; }
.icipc-cap-cta__copy strong { display:block; font-size:15px; color:#fff; }
.icipc-cap-cta__copy span { font-size:11px; color:#dff2fc; }
.icipc-cap-cta__button { min-width:245px; min-height:42px; border:0; border-radius:5px; background:#fff; color:#143e66; font-weight:700; font-size:12px; cursor:pointer; box-shadow:0 5px 12px rgba(0,0,0,.13); transition:.2s; display:inline-flex; align-items:center; justify-content:center; padding:10px 22px; text-decoration:none; }
.icipc-cap-cta__button:hover,.icipc-cap-cta__button:focus { transform:translateY(-2px); box-shadow:0 9px 18px rgba(0,0,0,.18); color:#143e66; }
.icipc-cap-cta__msg { position:absolute; left:50%; bottom:5px; transform:translateX(-50%); font-size:10px; opacity:0; transition:.2s; color:#fff; }
.icipc-cap-cta__msg.icipc-cap-show { opacity:1; }
@media(max-width:620px){.icipc-cap-cta__inner{grid-template-columns:44px 1fr;padding:16px 0}.icipc-cap-cta__button{grid-column:1/-1;width:100%}.icipc-cap-cta{min-height:165px}}

/* ==========================================================
   Adaptación mobile/celular/portrait — basada en los HTML
   actualizados y el mockup móvil de referencia.
   Desktop se conserva sin cambios; estos overrides se aplican
   únicamente en breakpoints móviles.
   ========================================================== */

/* 01 - Hero + beneficios */
@media (max-width:680px){
  .icipc-cap-hero{
    min-height:300px;
    background:
      radial-gradient(circle at 2% 5%,rgba(32,122,182,.22),transparent 25%),
      linear-gradient(100deg,#0c4d7d 0%,#103f6b 50%,#173653 50%,#173653 100%);
  }
  .icipc-cap-hero__media{
    inset:0;
    background-position:center;
    background-size:cover;
  }
  .icipc-cap-hero__media::after{background:none}
  .icipc-cap-hero::after{
    inset:0;
    width:auto;
    height:auto;
    left:0;
    top:0;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:linear-gradient(90deg,rgba(6,59,99,.94) 0%,rgba(6,59,99,.82) 33%,rgba(6,59,99,.42) 53%,rgba(6,59,99,.08) 72%,rgba(6,59,99,0) 100%);
  }
  .icipc-cap-hero__inner{
    width:calc(100% - 28px);
    min-height:300px;
  }
  .icipc-cap-hero__content{
    top:27px;
    width:55%;
    z-index:4;
  }
  .icipc-cap-hero .icipc-cap-eyebrow{
    font-size:8px;
    letter-spacing:1.05px;
    white-space:nowrap;
  }
  .icipc-cap-hero__title{
    font-size:28px;
    line-height:1.02;
    margin:7px 0 10px;
    padding-bottom:8px;
    letter-spacing:-.65px;
  }
  .icipc-cap-hero__title::after{width:62px;height:2px}
  .icipc-cap-hero__copy{
    font-size:10.5px;
    line-height:1.28;
    max-width:210px;
  }
  .icipc-cap-hero__benefits{
    left:0;
    top:auto;
    bottom:18px;
    width:90%;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    z-index:4;
  }
  .icipc-cap-hero__benefit{
    grid-template-columns:20px 1fr;
    gap:4px;
    min-width:0;
    align-items:center;
  }
  .icipc-cap-hero__benefit svg{width:19px;height:19px;stroke-width:1.75}
  .icipc-cap-hero__benefit strong{
    font-size:7px;
    line-height:1.08;
    overflow-wrap:anywhere;
  }
}
@media (max-width:420px){
  .icipc-cap-hero{min-height:285px}
  .icipc-cap-hero__inner{min-height:285px;width:calc(100% - 22px)}
  .icipc-cap-hero__media{inset:0;background-position:center}
  .icipc-cap-hero__content{top:22px;width:57%}
  .icipc-cap-hero .icipc-cap-eyebrow{font-size:7.2px}
  .icipc-cap-hero__title{font-size:25px}
  .icipc-cap-hero__copy{font-size:9.4px;max-width:190px}
  .icipc-cap-hero__benefits{width:92%;bottom:14px;gap:3px}
  .icipc-cap-hero__benefit{grid-template-columns:18px 1fr;gap:3px}
  .icipc-cap-hero__benefit svg{width:17px;height:17px}
  .icipc-cap-hero__benefit strong{font-size:6.3px}
}

/* 02 - Introducción */
@media (max-width:700px){
  .icipc-cap-intro{padding:27px 0 24px}
  .icipc-cap-intro .icipc-cap-container{width:calc(100% - 28px)}
  .icipc-cap-intro__grid{grid-template-columns:1fr;gap:17px}
  .icipc-cap-intro .icipc-cap-eyebrow{font-size:10px;letter-spacing:.9px}
  .icipc-cap-intro__title{
    font-size:25px;
    line-height:1.06;
    letter-spacing:-.55px;
    margin:6px 0 10px;
  }
  .icipc-cap-intro__copy{
    font-size:12.5px;
    line-height:1.42;
    max-width:none;
  }
  .icipc-cap-intro__card{
    position:relative;
    grid-template-columns:52px 1fr;
    gap:14px;
    padding:15px 48px 15px 15px;
    border-radius:12px;
    min-height:78px;
  }
  .icipc-cap-intro__card::after{
    content:"›";
    position:absolute;
    right:14px;
    top:50%;
    transform:translateY(-50%);
    width:27px;
    height:27px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#0c72c7;
    color:#fff;
    font-size:20px;
    line-height:1;
    font-weight:700;
  }
  .icipc-cap-intro__icon{width:50px;height:50px}
  .icipc-cap-intro__icon svg{width:33px;height:33px}
  .icipc-cap-intro__card strong{font-size:13px}
  .icipc-cap-intro__card p{font-size:11px;line-height:1.28;margin-top:3px}
  .icipc-cap-intro__line{display:none}
}

/* 03 - Líneas de capacitación */
@media (max-width:700px){
  .icipc-cap-lines{padding:22px 0 24px}
  .icipc-cap-lines .icipc-cap-container{width:calc(100% - 28px)}
  .icipc-cap-lines__head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px 12px;
    align-items:start;
    margin-bottom:15px;
  }
  .icipc-cap-lines .icipc-cap-eyebrow{font-size:10px;letter-spacing:.85px}
  .icipc-cap-lines__head h2{
    font-size:10.5px;
    line-height:1.28;
    font-weight:400;
    text-transform:none;
    margin:3px 0 0;
  }
  .icipc-cap-lines__all{
    font-size:8.5px;
    line-height:1.2;
    text-align:right;
    max-width:116px;
    margin-top:1px;
  }
  .icipc-cap-lines__grid{grid-template-columns:1fr;gap:7px}
  .icipc-cap-lines__card{
    min-height:76px;
    display:grid;
    grid-template-columns:42px 124px minmax(0,1fr) 27px;
    gap:9px;
    align-items:center;
    padding:10px 11px;
    border-radius:9px;
    box-shadow:0 5px 14px rgba(10,64,103,.08);
  }
  .icipc-cap-lines__card:hover,.icipc-cap-lines__card.icipc-cap-active{
    transform:none;
    box-shadow:0 7px 18px rgba(10,58,92,.15);
  }
  .icipc-cap-lines__card svg{width:31px;height:31px}
  .icipc-cap-lines__card h3{font-size:13.5px;line-height:1.15;margin:0}
  .icipc-cap-lines__dash{display:none}
  .icipc-cap-lines__card p{font-size:9.5px;line-height:1.26;margin:0;max-width:none}
  .icipc-cap-lines__arrow{
    position:static;
    width:24px;
    height:24px;
    justify-self:end;
    font-size:12px;
  }
}
@media (max-width:420px){
  .icipc-cap-lines__card{grid-template-columns:35px 102px minmax(0,1fr) 24px;gap:7px;padding:9px}
  .icipc-cap-lines__card svg{width:28px;height:28px}
  .icipc-cap-lines__card h3{font-size:12.5px}
  .icipc-cap-lines__card p{font-size:8.6px}
  .icipc-cap-lines__arrow{width:22px;height:22px}
  .icipc-cap-lines__all{font-size:7.8px;max-width:104px}
}

/* 04 - Temario resumido */
.icipc-cap-topics__label{display:flex;align-items:center;gap:8px}
.icipc-cap-topics__icon{display:none;flex:0 0 auto}
.icipc-cap-topics__chevron{display:none}
@media (max-width:700px){
  .icipc-cap-topics{padding:18px 0 22px}
  .icipc-cap-topics .icipc-cap-container{width:calc(100% - 28px)}
  .icipc-cap-topics__title{font-size:18px;line-height:1.1;margin:0 0 12px}
  .icipc-cap-topics__grid{grid-template-columns:1fr;gap:7px}
  .icipc-cap-topics__col{
    position:relative;
    display:grid;
    grid-template-columns:132px minmax(0,1fr);
    gap:9px;
    align-items:center;
    padding:10px 31px 10px 10px;
    border:1px solid #d8e8f2;
    border-left-width:4px;
    border-radius:9px;
    background:#fff;
    transform:none !important;
    min-height:64px;
    cursor:pointer;
    overflow:hidden;
  }
  .icipc-cap-topics__col:hover,.icipc-cap-topics__col.icipc-cap-active{background:#fbfdff}
  .icipc-cap-topics__label{gap:7px}
  .icipc-cap-topics__icon{display:block;width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.8}
  .icipc-cap-topics__col:nth-child(1) .icipc-cap-topics__label{color:#229b55}
  .icipc-cap-topics__col:nth-child(2) .icipc-cap-topics__label{color:#258dca}
  .icipc-cap-topics__col:nth-child(3) .icipc-cap-topics__label{color:#234b7e}
  .icipc-cap-topics__col:nth-child(4) .icipc-cap-topics__label{color:#2e98bf}
  .icipc-cap-topics__col h3{font-size:11.5px;line-height:1.15;margin:0;color:#0c2d49}
  .icipc-cap-topics__col ul{
    display:block;
    margin:0;
    padding:0;
    max-height:130px;
    opacity:1;
    transition:max-height .25s ease,opacity .2s ease;
  }
  .icipc-cap-topics__col li{
    display:inline;
    padding:0;
    font-size:8.4px;
    line-height:1.26;
    color:#536a7d;
  }
  .icipc-cap-topics__col li::before{content:none}
  .icipc-cap-topics__col li:not(:last-child)::after{content:" · "}
  .icipc-cap-topics__chevron{
    display:block;
    position:absolute;
    right:10px;
    top:50%;
    width:10px;
    height:10px;
    border-right:2px solid #0c63c7;
    border-bottom:2px solid #0c63c7;
    transform:translateY(-65%) rotate(45deg);
    transition:transform .2s ease;
  }
  .icipc-cap-topics__col.icipc-cap-collapsed{
    grid-template-columns:1fr;
    padding-top:12px;
    padding-bottom:12px;
  }
  .icipc-cap-topics__col.icipc-cap-collapsed ul{max-height:0;opacity:0}
  .icipc-cap-topics__col.icipc-cap-collapsed .icipc-cap-topics__chevron{transform:translateY(-35%) rotate(-135deg)}
}
@media (max-width:390px){
  .icipc-cap-topics__col{grid-template-columns:112px minmax(0,1fr);padding-left:8px}
  .icipc-cap-topics__icon{width:24px;height:24px}
  .icipc-cap-topics__col h3{font-size:10.5px}
  .icipc-cap-topics__col li{font-size:7.8px}
}

/* 05 - Modalidades */
@media (max-width:820px){
  .icipc-cap-modes{padding:21px 0 23px}
  .icipc-cap-modes .icipc-cap-container{width:calc(100% - 28px)}
  .icipc-cap-modes__head{padding-right:138px}
  .icipc-cap-modes__head h2{font-size:12px;margin-bottom:3px}
  .icipc-cap-modes__head p{font-size:9px;line-height:1.25}
  .icipc-cap-modes__note{
    display:block;
    right:16px;
    top:17px;
    font-size:11.5px;
    line-height:1;
  }
  .icipc-cap-modes__note::after{width:67px;height:1.5px;margin-top:5px}
  .icipc-cap-modes__grid{grid-template-columns:1fr;gap:7px;margin-top:16px}
  .icipc-cap-modes__card{
    position:relative;
    min-height:69px;
    grid-template-columns:38px 1fr;
    gap:10px;
    padding:10px 42px 10px 12px;
    border-radius:9px;
  }
  .icipc-cap-modes__card:hover,.icipc-cap-modes__card.icipc-cap-active{
    transform:none;
    box-shadow:0 7px 17px rgba(15,65,96,.11);
  }
  .icipc-cap-modes__card svg{width:31px;height:31px}
  .icipc-cap-modes__card h3{font-size:11.5px;line-height:1.18;margin-bottom:3px}
  .icipc-cap-modes__card p{font-size:9.2px;line-height:1.25}
  .icipc-cap-modes__dot{
    position:absolute;
    right:11px;
    top:50%;
    transform:translateY(-50%);
    margin:0;
    width:23px;
    height:23px;
    font-size:11px;
  }
}
@media (max-width:390px){
  .icipc-cap-modes__head{padding-right:112px}
  .icipc-cap-modes__note{right:9px;font-size:10px}
  .icipc-cap-modes__note::after{width:55px}
  .icipc-cap-modes__card h3{font-size:10.8px}
  .icipc-cap-modes__card p{font-size:8.5px}
}

/* 06 - CTA final */
@media (max-width:620px){
  .icipc-cap-cta{min-height:82px}
  .icipc-cap-cta .icipc-cap-container{width:calc(100% - 22px)}
  .icipc-cap-cta__inner{
    min-height:82px;
    grid-template-columns:34px minmax(0,1fr) 128px;
    gap:8px;
    padding:0;
  }
  .icipc-cap-cta__icon svg{width:29px;height:29px}
  .icipc-cap-cta__copy strong{font-size:10.5px;line-height:1.15}
  .icipc-cap-cta__copy span{display:block;font-size:7.8px;line-height:1.2;margin-top:2px}
  .icipc-cap-cta__button{
    grid-column:auto;
    min-width:0;
    width:128px;
    min-height:31px;
    height:31px;
    border-radius:5px;
    font-size:8.8px;
    padding:0 8px;
  }
  .icipc-cap-cta::after{inset:0 0 0 70%}
  .icipc-cap-cta__msg{display:none}
}
@media (max-width:380px){
  .icipc-cap-cta__inner{grid-template-columns:29px minmax(0,1fr) 108px;gap:6px}
  .icipc-cap-cta__icon svg{width:26px;height:26px}
  .icipc-cap-cta__copy strong{font-size:9.7px}
  .icipc-cap-cta__copy span{font-size:7px}
  .icipc-cap-cta__button{width:108px;font-size:8px}
}
