html:has(.cix),body:has(.cix){overflow-x:hidden;overflow-x:clip;max-width:100%;}
body:has(.cix){padding-top:0 !important;background:linear-gradient(180deg,#e8f0fc 0%,#f3f8fe 55%,#fff 100%) no-repeat #fff !important;background-size:100% 430px !important;}
body:has(.cix) #featureWrap{padding-top:0 !important;}
body:has(.cix) #featureWrap>div[align="center"]{display:none !important;}
.container:has(.cix){max-width:none !important;width:100% !important;padding:0 !important;}
.row:has(.cix)>.col-lg-4{display:none !important;}
.row:has(.cix)>.col-lg-8{width:100% !important;float:none;padding:0 !important;}
.row:has(.cix){margin-left:0 !important;margin-right:0 !important;}
body:has(.cix) footer:not(.fp-foot){display:none !important;}
body:has(.cix) .fp-foot{width:100% !important;left:auto !important;margin-left:0 !important;}
.cix{font-family:'Inter',sans-serif;color:#1c2733;padding-top:64px;}
.cix h1,.cix h2,.cix h3{font-family:'Manrope',sans-serif;}
.cix-wrap{max-width:1500px;margin:0 auto;padding:0 clamp(16px,3vw,32px);}
.cix-bc{font-size:13px;color:#8794a2;padding:6px 0 0;}
.cix-bc a{color:#5b6b7a;}.cix-bc a:hover{color:#0058be;}
.cix-bc .sep{margin:0 7px;color:#c2cbd4;}
.cix-hd{margin:14px 0 30px;}
.cix-hd h1{font-weight:800;font-size:clamp(28px,4vw,44px);letter-spacing:-1.2px;color:#15233a;margin:0 0 10px;line-height:1.05;}
.cix-hd p{color:#67768a;font-size:16px;line-height:1.6;max-width:720px;margin:0;}
.cix-sec{margin:0 0 46px;}
.cix-sec-h{margin:0 0 20px;}
.cix-sec-h .t{display:block;font-size:11.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#0058be;margin:0 0 6px;}
.cix-sec-h h2{font-size:clamp(24px,2.8vw,34px);font-weight:800;color:#15233a;letter-spacing:-.6px;margin:0;line-height:1.1;}
.cix-sec-h p{color:#67768a;font-size:14.5px;line-height:1.55;margin:9px 0 0;max-width:700px;}
/* GENEROS: cards con foto */
.cix-gen{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;}
.cix-gcard{position:relative;display:block;border-radius:18px;overflow:hidden;min-height:188px;text-decoration:none;box-shadow:0 14px 32px -18px rgba(20,40,80,.3);transition:transform .15s,box-shadow .15s;}
.cix-gcard:hover{transform:translateY(-4px);box-shadow:0 24px 44px -18px rgba(20,40,80,.4);}
.cix-gcard .bg{position:absolute;inset:0;background-size:cover;background-position:center 26%;}
.cix-gcard .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,28,.15) 0%,rgba(8,14,28,.55) 55%,rgba(8,14,28,.9) 100%);}
.cix-gcard .ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Manrope';font-weight:800;font-size:60px;color:rgba(255,255,255,.85);}
.cix-gcard .tx{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;}
.cix-gcard .tx h3{color:#fff;font-size:21px;font-weight:800;letter-spacing:-.4px;margin:0;line-height:1.15;}
.cix-gcard .tx span{display:inline-block;margin-top:7px;color:#dbe8fb;font-size:13px;font-weight:600;}
/* INSTRUMENTOS / METODOS: cards con icono */
.cix-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;}
.cix-icard{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e8edf3;border-radius:16px;padding:18px 20px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;}
.cix-icard:hover{border-color:#cfe0fc;box-shadow:0 16px 32px -22px rgba(20,40,80,.3);transform:translateY(-3px);}
.cix-icard .ic{flex:0 0 auto;width:50px;height:50px;border-radius:13px;background:#eef4fd;color:#0058be;display:flex;align-items:center;justify-content:center;}
.cix-icard .ic svg{width:24px;height:24px;}
.cix-icard .meta{min-width:0;}
.cix-icard .meta b{display:block;font-family:'Manrope';font-weight:700;font-size:16px;color:#15233a;line-height:1.2;}
.cix-icard .meta span{font-size:13px;color:#8794a2;font-weight:500;}
@media(max-width:680px){.cix-gen{grid-template-columns:1fr 1fr;gap:12px;}.cix-gcard{min-height:150px;}.cix-gcard .tx h3{font-size:17px;}.cix-grid{grid-template-columns:1fr;}}
/* HERO OSCURO categorias index (2026-07-15) */
body:has(.cix){background:#f7f9fc !important;}
.cix-hero{position:relative;padding:2px 0 30px;margin-bottom:30px;}
.cix-hero::before{content:'';position:absolute;top:-150px;bottom:0;left:50%;margin-left:-50vw;width:100vw;background:linear-gradient(135deg,#0a2540 0%,#0058be 62%,#2170e4 100%);z-index:0;}
.cix-hero::after{content:'\266a \266b \2669 \266c \266a';position:absolute;top:-4px;right:-6px;font-size:160px;line-height:1;opacity:.06;color:#fff;font-family:serif;letter-spacing:28px;white-space:nowrap;pointer-events:none;z-index:0;}
.cix-hero>*{position:relative;z-index:1;}
.cix-bc{color:rgba(255,255,255,.72) !important;}
.cix-bc a{color:rgba(255,255,255,.9) !important;}
.cix-bc .sep{color:rgba(255,255,255,.45) !important;}
.cix-hd{margin-bottom:0 !important;}
.cix-hd h1{color:#fff !important;}
.cix-hd p{color:rgba(255,255,255,.9) !important;}
/* Igualar altura del hero con categoria-ver (2026-07-15) */
.cix-hero{padding-bottom:77px !important;}