/* CILIB Oficina Virtual · estilos de la oficina del miembro, la afiliación, el acceso y /verificar/.
   Solo se cargan en esas páginas. Usan los tokens del tema CILIB (theme.json) con valores de respaldo.
   Propiedades lógicas (inline/block) para que el hebreo (RTL) funcione sin reglas aparte. */

.cilib-of{
	--of-noche:var(--wp--preset--color--noche,#040B26);
	--of-noche-2:var(--wp--preset--color--noche-2,#051033);
	--of-inst:var(--wp--preset--color--institucional,#07153F);
	--of-oceano:var(--wp--preset--color--oceano,#00558C);
	--of-oro:var(--wp--preset--color--oro,#D4A94A);
	--of-oro-claro:var(--wp--preset--color--oro-claro,#E3C06B);
	--of-oro-osc:var(--wp--preset--color--oro-oscuro,#9A7120);
	--of-marfil:var(--wp--preset--color--marfil,#F7F4EC);
	--of-marfil-2:#FBF9F4;
	--of-tinta:var(--wp--preset--color--tinta,#0B1633);
	--of-gris:var(--wp--preset--color--gris,#46506B);
	--of-gris-2:var(--wp--preset--color--gris-claro,#6A7390);
	--of-linea:var(--wp--preset--color--linea,#D8D0BB);
	--of-linea-2:#ECE6D6;
	--of-azul-texto:var(--wp--preset--color--azul-texto,#C5CCE0);
	--of-ok:#2E7D5B;--of-ok-bg:#E8F3EC;
	--of-aviso:#8A5A00;--of-aviso-bg:#FBF1D9;
	--of-error:#A33A3A;--of-error-bg:#F8E6E4;
	--of-info:#00558C;--of-info-bg:#E6EFF7;
	--of-display:var(--wp--preset--font-family--display,"CILIB Display",Georgia,serif);
	--of-etiqueta:var(--wp--preset--font-family--etiqueta,"CILIB Etiqueta",system-ui,sans-serif);
	--of-texto:var(--wp--preset--font-family--texto,"CILIB Texto",system-ui,sans-serif);
	--of-g-oro:linear-gradient(105deg,#8C6A1C 0%,#D6AE55 30%,#F6E3A1 50%,#C9982F 72%,#E8C878 100%);
	--of-sombra:0 1px 0 rgba(7,21,63,.04),0 24px 48px -36px rgba(7,21,63,.35);
	--of-sombra-2:0 1px 0 rgba(7,21,63,.05),0 30px 60px -34px rgba(7,21,63,.5);
	--of-radio:4px;
	--of-marco:1280px;
	--of-gutter:clamp(16px,5.5vw,80px);
	font-family:var(--of-texto);
	font-size:1.0625rem;
	line-height:1.65;
	color:var(--of-tinta);
	background:var(--of-marfil);
	-webkit-font-smoothing:antialiased;
}
.cilib-of *,.cilib-of *::before,.cilib-of *::after{box-sizing:border-box}
.cilib-of p{margin:0 0 1rem}
.cilib-of p:last-child{margin-bottom:0}
.cilib-of a:not(.cilib-of-btn){color:var(--of-oro-osc);text-decoration-thickness:1px;text-underline-offset:3px}
.cilib-of a:not(.cilib-of-btn):hover{color:var(--of-inst)}
.cilib-of :focus-visible{outline:2px solid var(--of-oro);outline-offset:3px;border-radius:2px}
.cilib-of code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:var(--of-marfil);padding:.1em .4em;border-radius:3px;letter-spacing:.04em}
.cilib-of-pagina .cilib-barra-movil{display:none!important}
.cilib-of-pagina{padding-bottom:0!important}
.cilib-of-ico{inline-size:1.25em;block-size:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}

/* ---------- Tipografía ---------- */
.cilib-of-antetitulo{margin:0 0 .5rem!important;font-family:var(--of-etiqueta);font-size:.72rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--of-oro-osc)}
.cilib-of h1,.cilib-of h2,.cilib-of h3{font-family:var(--of-display);font-weight:400;line-height:1.15;color:var(--of-inst);margin:0 0 .6rem}
.cilib-of h2{font-size:clamp(1.45rem,2.2vw,1.8rem)}
.cilib-of h2 small{display:inline-block;white-space:nowrap;font-family:var(--of-etiqueta);font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--of-gris-2);margin-inline-start:.6rem;vertical-align:middle}
.cilib-of h3{font-size:1.15rem;margin-top:1.4rem}
.cilib-of-h2{font-size:clamp(1.35rem,2vw,1.6rem);margin:2.4rem 0 1rem!important}
.cilib-of-texto{color:var(--of-gris);font-size:1.02rem;max-inline-size:60ch}
.cilib-of-peq{font-size:.88rem;color:var(--of-gris-2);line-height:1.55}
.cilib-of-centrado,.cilib-of p.cilib-of-centrado{text-align:center;margin-inline:auto}
.cilib-of-sep{margin-top:2rem!important;padding-top:1.4rem;border-top:1px solid var(--of-linea-2)}
.cilib-of-rojo{color:var(--of-error);font-weight:600}
.cilib-of-pre{margin:1rem 0 0;padding:1rem 1.2rem;background:var(--of-marfil);border:1px solid var(--of-linea);border-radius:var(--of-radio);white-space:pre-wrap;font:inherit;font-size:.95rem;line-height:1.6;color:var(--of-tinta)}
html[lang^="he"] .cilib-of *{letter-spacing:normal!important}

/* ---------- Franja superior ---------- */
.cilib-of-cabecera{background:radial-gradient(ellipse 55% 140% at 85% 130%,#0B5FA8 0%,#0A4C95 28%,#07215A 58%,#040B26 100%);color:#fff;position:relative;overflow:hidden}
.cilib-of-cabecera::after{content:"";position:absolute;inset-inline-end:40px;inset-block-start:-120px;inline-size:420px;block-size:420px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 560' fill='none'%3E%3Ccircle cx='280' cy='280' r='260' stroke='%23D4A94A' stroke-opacity='.4' stroke-width='8' stroke-dasharray='36 12'/%3E%3Ccircle cx='280' cy='280' r='228' stroke='%23D4A94A' stroke-opacity='.22'/%3E%3C/svg%3E") no-repeat center/contain}
.cilib-of-cabecera__marco{position:relative;z-index:1;max-inline-size:var(--of-marco);margin-inline:auto;padding:clamp(2rem,4vw,3rem) var(--of-gutter) clamp(1.6rem,3vw,2.4rem);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem}
.cilib-of-cabecera .cilib-of-antetitulo{color:var(--of-oro-claro)}
.cilib-of-titulo{color:#fff!important;font-size:clamp(1.9rem,3.6vw,2.7rem);margin:0!important;text-wrap:balance}
.cilib-of-cabecera__estado{display:flex;align-items:center;gap:.9rem;padding-block-end:.35rem}
.cilib-of-cabecera__nivel{font-family:var(--of-etiqueta);font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--of-azul-texto)}

/* ---------- Cuerpo: menú + contenido ---------- */
.cilib-of-cuerpo{background:var(--of-marfil)}
.cilib-of-cuerpo__marco{max-inline-size:var(--of-marco);margin-inline:auto;padding:clamp(1.5rem,3vw,2.75rem) var(--of-gutter) clamp(3rem,6vw,5rem);display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(1.5rem,3vw,2.75rem);align-items:start}
.cilib-of-menu{position:sticky;top:24px;background:#fff;border:1px solid var(--of-linea);border-radius:var(--of-radio);box-shadow:var(--of-sombra);padding:.6rem}
.cilib-of-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.cilib-of-menu a{position:relative;display:flex;align-items:center;gap:.85rem;padding:.8rem .95rem;border-radius:3px;color:var(--of-gris);text-decoration:none;font-family:var(--of-etiqueta);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,color .2s}
.cilib-of-menu a .cilib-of-ico{inline-size:22px;block-size:22px;stroke-width:1.4;color:var(--of-gris-2);transition:color .2s}
.cilib-of-menu a:hover{background:var(--of-marfil);color:var(--of-inst)}
.cilib-of-menu a:hover .cilib-of-ico{color:var(--of-oro-osc)}
.cilib-of-menu a.is-activo{background:var(--of-marfil);color:var(--of-inst)}
.cilib-of-menu a.is-activo::before{content:"";position:absolute;inset-inline-start:0;inset-block:10px;inline-size:3px;border-radius:2px;background:var(--of-g-oro)}
.cilib-of-menu a.is-activo .cilib-of-ico{color:var(--of-oro-osc)}
.cilib-of-menu__salir{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--of-linea-2)}
.cilib-of-menu__salir a{color:var(--of-gris-2)}
.cilib-of-menu__admin{margin:.5rem 0 0;padding:.6rem .95rem 0;border-top:1px solid var(--of-linea-2)}
.cilib-of-menu__admin a{display:flex;align-items:center;gap:.6rem;font-size:.78rem;color:var(--of-gris-2);text-decoration:none}
.cilib-of-contenido{min-inline-size:0}
.cilib-of-contenido>*+*{margin-top:1.5rem}

/* ---------- Cajas ---------- */
.cilib-of-caja{background:#fff;border:1px solid var(--of-linea);border-radius:var(--of-radio);box-shadow:var(--of-sombra);padding:clamp(1.4rem,2.6vw,2.1rem)}
.cilib-of-caja--membresia{border-top:3px solid var(--of-oro);position:relative}
.cilib-of-caja--membresia h2{font-size:clamp(1.6rem,2.6vw,2.1rem)}
.cilib-of-caja--lateral{align-self:start}
.cilib-of-caja--estrecha{max-inline-size:560px}
.cilib-of-caja--vacia{text-align:center;padding-block:clamp(2.5rem,5vw,4rem)}
.cilib-of-caja--vacia h2{margin-top:.6rem}
.cilib-of-caja--vacia p{max-inline-size:52ch;margin-inline:auto}
.cilib-of-caja__ico{inline-size:52px;block-size:52px;color:var(--of-oro);stroke-width:1.2;margin-inline:auto;display:block}
.cilib-of-caja__cab{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1.5rem;margin-bottom:1.25rem}
.cilib-of-caja__cab h2{margin:0}
.cilib-of-caja__estado{margin:-.2rem 0 1rem}
.cilib-of-caja--transferencia{display:flex;gap:1.25rem;align-items:flex-start;background:var(--of-marfil-2)}
.cilib-of-caja--transferencia .cilib-of-caja__ico{margin:0;inline-size:40px;block-size:40px}
.cilib-of-caja--confirmacion{text-align:center;max-inline-size:760px;margin-inline:auto;padding:clamp(2rem,4vw,3.5rem)}
.cilib-of-caja--confirmacion .cilib-of-texto{margin-inline:auto}
.cilib-of-caja--confirmacion .cilib-of-pre{text-align:start}
.cilib-of-rejilla{display:grid;gap:clamp(1.25rem,2.5vw,2rem)}
.cilib-of-rejilla--panel{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.cilib-of-rejilla--2-1{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.cilib-of-rejilla-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.4rem}
.cilib-of-rejilla-2--foto{align-items:start;gap:1rem 2rem}
.cilib-of-vacio{display:flex;align-items:center;gap:.8rem;color:var(--of-gris-2);margin:0}
.cilib-of-vacio .cilib-of-ico{inline-size:28px;block-size:28px;color:var(--of-oro)}

/* Datos (dl) */
.cilib-of-datos{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem 1.5rem}
.cilib-of-datos>div{padding:.9rem 0 0;border-top:1px solid var(--of-linea-2)}
.cilib-of-datos dt{font-family:var(--of-etiqueta);font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--of-gris-2);margin-bottom:.3rem}
.cilib-of-datos dd{margin:0;font-weight:600;color:var(--of-inst);overflow-wrap:anywhere}
.cilib-of-datos code{font-size:.95rem;background:none;padding:0;color:var(--of-oro-osc);letter-spacing:.08em}
.cilib-of-datos--resumen{grid-template-columns:1fr;gap:0}
.cilib-of-datos--resumen>div{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.75rem 0}
.cilib-of-datos--resumen dt{margin:0}
.cilib-of-datos--resumen dd{text-align:end}
.cilib-of-datos__total dd{font-family:var(--of-display);font-size:1.7rem;color:var(--of-inst)}
.cilib-of-datos__total dd strong{font-weight:400}

/* Chips de estado */
.cilib-of-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .8rem;border-radius:999px;font-family:var(--of-etiqueta);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1;white-space:nowrap;border:1px solid transparent}
.cilib-of-chip::before{content:"";inline-size:7px;block-size:7px;border-radius:50%;background:currentColor;opacity:.8}
.cilib-of-chip--ok{background:var(--of-ok-bg);color:var(--of-ok)}
.cilib-of-chip--aviso{background:var(--of-aviso-bg);color:var(--of-aviso)}
.cilib-of-chip--error{background:var(--of-error-bg);color:var(--of-error)}
.cilib-of-chip--info{background:var(--of-info-bg);color:var(--of-info)}
.cilib-of-chip--neutro{background:#EEEBE3;color:var(--of-gris)}
.cilib-of-cabecera .cilib-of-chip{background:rgba(255,255,255,.1);border-color:rgba(227,192,107,.4);color:#fff}
.cilib-of-cabecera .cilib-of-chip--ok{color:#BFE8D2}
.cilib-of-cabecera .cilib-of-chip--aviso{color:#F3DC97}
.cilib-of-cabecera .cilib-of-chip--error{color:#F5B8B8}

/* Avisos */
.cilib-of-aviso{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.2rem;border-radius:var(--of-radio);border:1px solid;font-size:.97rem;line-height:1.55;background:#fff}
.cilib-of-aviso .cilib-of-ico{inline-size:22px;block-size:22px;margin-top:.1rem}
.cilib-of-aviso--ok{border-color:#BFDDCB;background:var(--of-ok-bg);color:#1F5B41}
.cilib-of-aviso--error{border-color:#E7BFBA;background:var(--of-error-bg);color:#7F2A2A}
.cilib-of-aviso--aviso{border-color:#E8D3A0;background:var(--of-aviso-bg);color:#6B4700}
.cilib-of-aviso--info{border-color:#BFD5E8;background:var(--of-info-bg);color:#0A3F66}
.cilib-of-aviso a{color:inherit;font-weight:600}
.cilib-of-aviso+.cilib-of-aviso{margin-top:.6rem}

/* Botones */
.cilib-of-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-block-size:48px;padding:.85em 1.6em;border:1px solid transparent;border-radius:2px;font-family:var(--of-etiqueta);font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;line-height:1.2;transition:filter .2s,background .2s,color .2s,transform .2s;white-space:nowrap}
.cilib-of-btn .cilib-of-ico{inline-size:18px;block-size:18px}
.cilib-of-btn--oro{background:var(--of-g-oro);color:#1A1405;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 24px -14px rgba(214,174,85,.8)}
.cilib-of-btn--oro:hover{filter:brightness(1.07);color:#1A1405;transform:translateY(-1px)}
.cilib-of-btn--contorno{background:transparent;border-color:var(--of-inst);color:var(--of-inst)}
.cilib-of-btn--contorno:hover{background:var(--of-inst);color:#fff}
.cilib-of-btn--enlace{background:none;padding-inline:.2em;color:var(--of-oro-osc);min-block-size:auto}
.cilib-of-btn--enlace:hover{color:var(--of-inst)}
.cilib-of-btn--peligro{background:transparent;border-color:var(--of-error);color:var(--of-error)}
.cilib-of-btn:focus-visible{outline-offset:3px}
.cilib-of-acciones{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;margin-top:1.5rem}
.cilib-of-acciones--centro{justify-content:center}
.cilib-of-enlace{font-family:var(--of-etiqueta);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.cilib-of-enlace-ico{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;font-size:.9rem;font-weight:600;color:var(--of-inst)}
.cilib-of-enlace-ico .cilib-of-ico{color:var(--of-oro-osc)}
.cilib-of-enlace-ico+.cilib-of-enlace-ico{margin-inline-start:.9rem}
[dir="rtl"] .cilib-of-ico{--rtl:-1}
[dir="rtl"] .cilib-of-btn .cilib-of-ico,[dir="rtl"] .cilib-of-atajo__flecha{transform:scaleX(-1)}

/* Formularios */
.cilib-of-form{margin:0}
.cilib-of-campo{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.15rem}
.cilib-of-campo--completo{grid-column:1/-1}
.cilib-of-campo>label{font-size:.86rem;font-weight:600;color:var(--of-gris);letter-spacing:.01em}
.cilib-of-campo abbr{text-decoration:none;color:var(--of-oro-osc)}
.cilib-of-campo input:not([type=checkbox]):not([type=radio]):not([type=file]),.cilib-of-campo select,.cilib-of-campo textarea{inline-size:100%;min-block-size:50px;padding:.7rem 1rem;border:1px solid #C9C2AE;border-radius:3px;background:#fff;font:inherit;font-size:1rem;color:var(--of-tinta);transition:border-color .2s,box-shadow .2s}
.cilib-of-campo textarea{min-block-size:120px;resize:vertical}
.cilib-of-campo select{appearance:none;-webkit-appearance:none;padding-inline-end:2.6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2346506B' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px}
[dir="rtl"] .cilib-of-campo select{background-position:left 1rem center}
.cilib-of-campo input:focus,.cilib-of-campo select:focus,.cilib-of-campo textarea:focus{outline:none;border-color:var(--of-inst);box-shadow:0 0 0 3px rgba(212,169,74,.3)}
.cilib-of-campo input[readonly]{background:var(--of-marfil);color:var(--of-gris)}
.cilib-of-campo.is-error input,.cilib-of-campo.is-error select,.cilib-of-campo.is-error textarea{border-color:var(--of-error);box-shadow:0 0 0 3px rgba(163,58,58,.12)}
.cilib-of-campo__ayuda{font-size:.82rem;color:var(--of-gris-2);line-height:1.45}
.cilib-of-campo__error{display:flex;align-items:center;gap:.35rem;font-size:.84rem;font-weight:600;color:var(--of-error)}
.cilib-of-campo__error::before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:currentColor}
.cilib-of-campo--check{gap:0}
.cilib-of-check{display:flex;gap:.7rem;align-items:flex-start;cursor:pointer;font-size:.93rem;color:var(--of-gris);line-height:1.5}
.cilib-of-check input{inline-size:20px;block-size:20px;margin:.15rem 0 0;accent-color:var(--of-oro-osc);flex:none}
.cilib-of-check a{color:var(--of-oro-osc)}
.cilib-of-radios{display:flex;flex-wrap:wrap;gap:.6rem}
.cilib-of-radio{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.1rem;border:1px solid var(--of-linea);border-radius:3px;background:#fff;cursor:pointer;font-size:.95rem;color:var(--of-gris)}
.cilib-of-radio input{accent-color:var(--of-oro-osc);inline-size:18px;block-size:18px;margin:0}
.cilib-of-radio:has(input:checked){border-color:var(--of-inst);color:var(--of-inst);box-shadow:inset 0 0 0 1px var(--of-inst)}
.cilib-of-pass{position:relative}
.cilib-of-pass input{padding-inline-end:3.2rem!important}
.cilib-of-pass__ver{position:absolute;inset-inline-end:.4rem;inset-block-start:50%;transform:translateY(-50%);inline-size:40px;block-size:40px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--of-gris-2);cursor:pointer;border-radius:3px}
.cilib-of-pass__ver:hover,.cilib-of-pass__ver[aria-pressed="true"]{color:var(--of-inst)}
.cilib-of-pass__ver .cilib-of-ico{inline-size:20px;block-size:20px}
.cilib-of-fila{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center}
.cilib-of-fila--entre{justify-content:space-between}
.cilib-of-fila .cilib-of-campo{margin-bottom:0}
.cilib-of-form__enviar{margin-top:1.4rem!important;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center}
.cilib-of-hp{position:absolute!important;inset-inline-start:-9999px;inline-size:1px;block-size:1px;overflow:hidden}
.cilib-of-foto{display:flex;align-items:center;gap:1rem}
.cilib-of-foto__img,.cilib-of-foto__vacia{inline-size:84px;block-size:84px;border-radius:50%;object-fit:cover;border:1px solid var(--of-oro);flex:none}
.cilib-of-foto__vacia{display:inline-flex;align-items:center;justify-content:center;background:var(--of-marfil);color:var(--of-gris-2)}
.cilib-of-foto__vacia .cilib-of-ico{inline-size:34px;block-size:34px}
.cilib-of-foto__subir{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.86rem;color:var(--of-gris);padding:.6rem .9rem;border:1px dashed var(--of-linea);border-radius:3px}
.cilib-of-foto__subir input{position:absolute;inline-size:1px;block-size:1px;opacity:0}
.cilib-of-foto__subir:has(input:focus-visible){outline:2px solid var(--of-oro)}
.cilib-of-perfil{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(1.25rem,2.5vw,2rem);align-items:start}
.cilib-of-consentimientos{list-style:none;margin:.5rem 0 0;padding:0;font-size:.86rem;color:var(--of-gris)}
.cilib-of-consentimientos li{display:flex;align-items:center;gap:.5rem;padding:.3rem 0}
.cilib-of-consentimientos .cilib-of-ico{inline-size:16px;block-size:16px;color:var(--of-ok)}
.cilib-of-consentimientos span{margin-inline-start:auto;color:var(--of-gris-2)}

/* Listas: avisos del panel, beneficios, documentos, «qué ocurre después» */
.cilib-of-lista-avisos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}
.cilib-of-lista-avisos li{display:flex;gap:.85rem;align-items:flex-start;font-size:.95rem;color:var(--of-gris);line-height:1.5}
.cilib-of-lista-avisos .cilib-of-ico{inline-size:22px;block-size:22px;color:var(--of-oro-osc);margin-top:.1rem}
.cilib-of-beneficios{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}
.cilib-of-beneficios li{display:flex;align-items:center;gap:.8rem;font-size:.95rem;color:var(--of-gris)}
.cilib-of-beneficios .cilib-of-ico{inline-size:36px;block-size:36px;padding:8px;border-radius:50%;background:var(--of-marfil);color:var(--of-oro-osc);stroke-width:1.4}
.cilib-of-despues{list-style:none;margin:0;padding:0;counter-reset:d;display:flex;flex-direction:column;gap:1rem}
.cilib-of-despues li{display:flex;align-items:flex-start;gap:.8rem;font-size:.93rem;color:var(--of-gris);line-height:1.5}
.cilib-of-despues .cilib-of-ico{inline-size:34px;block-size:34px;padding:7px;border-radius:50%;background:var(--of-marfil);color:var(--of-oro-osc)}
.cilib-of-docs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.cilib-of-doc{display:flex;align-items:center;gap:1.1rem;padding:1rem 0;border-top:1px solid var(--of-linea-2)}
.cilib-of-doc__tipo{flex:none;inline-size:52px;block-size:60px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--of-linea);border-radius:3px;background:var(--of-marfil);font-family:var(--of-etiqueta);font-size:.62rem;font-weight:700;letter-spacing:.1em;color:var(--of-oro-osc)}
.cilib-of-doc__texto{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:.15rem}
.cilib-of-doc__texto strong{color:var(--of-inst)}
.cilib-of-doc__texto span{font-size:.92rem;color:var(--of-gris)}
.cilib-of-doc__texto small{font-size:.78rem;color:var(--of-gris-2)}

/* Accesos rápidos */
.cilib-of-atajos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.cilib-of-atajo{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:1.35rem 1.3rem 1.25rem;background:#fff;border:1px solid var(--of-linea);border-radius:var(--of-radio);box-shadow:var(--of-sombra);text-decoration:none;color:var(--of-inst);transition:transform .25s ease,box-shadow .25s ease,border-color .25s}
.cilib-of-atajo:hover,.cilib-of-atajo:focus-visible{transform:translateY(-3px);box-shadow:var(--of-sombra-2);border-color:rgba(212,169,74,.6);color:var(--of-inst)}
.cilib-of-atajo__ico{inline-size:44px;block-size:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--of-marfil);color:var(--of-oro-osc);margin-bottom:.4rem}
.cilib-of-atajo__ico .cilib-of-ico{inline-size:22px;block-size:22px;stroke-width:1.4}
.cilib-of-atajo__titulo{font-family:var(--of-display);font-size:1.2rem;line-height:1.2}
.cilib-of-atajo__texto{font-size:.88rem;color:var(--of-gris)}
.cilib-of-atajo__flecha{position:absolute;inset-inline-end:1.1rem;inset-block-start:1.35rem;inline-size:18px;block-size:18px;color:var(--of-oro);opacity:0;transition:opacity .25s,transform .25s}
.cilib-of-atajo:hover .cilib-of-atajo__flecha{opacity:1}

/* Tablas (pagos) */
.cilib-of-tabla-marco{overflow-x:auto;margin-inline:calc(-1 * clamp(1.4rem,2.6vw,2.1rem));padding-inline:clamp(1.4rem,2.6vw,2.1rem)}
.cilib-of-tabla{inline-size:100%;border-collapse:collapse;font-size:.95rem}
.cilib-of-tabla th{text-align:start;padding:.6rem .8rem;border-bottom:1px solid var(--of-linea);font-family:var(--of-etiqueta);font-size:.64rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--of-gris-2);white-space:nowrap}
.cilib-of-tabla td{padding:.95rem .8rem;border-bottom:1px solid var(--of-linea-2);vertical-align:middle;color:var(--of-gris)}
.cilib-of-tabla td strong{color:var(--of-inst)}
.cilib-of-tabla td small{color:var(--of-gris-2);font-size:.8rem}
.cilib-of-tabla .num{text-align:end;white-space:nowrap;font-weight:600;color:var(--of-inst)}
.cilib-of-tabla .acc{white-space:nowrap}
.cilib-of-tabla tr:last-child td{border-bottom:0}

/* Opciones de nivel (renovar / subir) */
.cilib-of-opciones-nivel{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0 .5rem}
.cilib-of-opcion-nivel{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--of-linea);border-radius:var(--of-radio);background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.cilib-of-opcion-nivel input{accent-color:var(--of-oro-osc);inline-size:20px;block-size:20px;margin:0;flex:none}
.cilib-of-opcion-nivel:has(input:checked){border-color:var(--of-inst);box-shadow:inset 0 0 0 1px var(--of-inst),var(--of-sombra)}
.cilib-of-opcion-nivel__ico{flex:none;inline-size:44px;block-size:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--of-marfil);color:var(--of-oro-osc)}
.cilib-of-opcion-nivel__ico .cilib-of-ico{inline-size:22px;block-size:22px}
.cilib-of-opcion-nivel__texto{display:flex;flex-direction:column;gap:.1rem;flex:1;min-inline-size:0}
.cilib-of-opcion-nivel strong{color:var(--of-inst)}
.cilib-of-opcion-nivel small{font-size:.85rem;color:var(--of-gris-2);line-height:1.45}
.cilib-of-opcion-nivel__precio{text-align:end;font-family:var(--of-display);font-size:1.4rem;color:var(--of-inst);white-space:nowrap}
.cilib-of-opcion-nivel__precio small{display:block;font-family:var(--of-texto);font-size:.78rem;color:var(--of-gris-2)}

/* Paso de pago: renovación (automática / pago único), tarjetas por forma de pago y consentimiento */
.cilib-of-renovacion,.cilib-of-metodos{border:0;margin:1.6rem 0 0;padding:0;min-inline-size:0}
.cilib-of-renovacion legend,.cilib-of-metodos legend{padding:0;margin-bottom:.8rem!important}
.cilib-of-renovacion{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem}
.cilib-of-renovacion legend{grid-column:1/-1}
.cilib-of-opcion{position:relative;display:flex;gap:.8rem;align-items:flex-start;padding:1rem 1.1rem;border:1px solid var(--of-linea);border-radius:var(--of-radio);background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.cilib-of-opcion input{accent-color:var(--of-oro-osc);inline-size:20px;block-size:20px;margin:.15rem 0 0;flex:none}
.cilib-of-opcion:has(input:checked){border-color:var(--of-inst);box-shadow:inset 0 0 0 1px var(--of-inst),var(--of-sombra);background:var(--of-marfil-2)}
.cilib-of-opcion__texto{display:flex;flex-direction:column;gap:.3rem;min-inline-size:0}
.cilib-of-opcion strong{color:var(--of-inst);line-height:1.3}
.cilib-of-opcion small{font-size:.84rem;color:var(--of-gris-2);line-height:1.5}
.cilib-of-recomendado{display:inline-block;margin-inline-start:.4rem;padding:.2rem .5rem;border-radius:2px;background:var(--of-g-oro);color:#1A1405;font-family:var(--of-etiqueta);font-style:normal;font-size:.56rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;vertical-align:middle}
.cilib-of-metodos{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:.8rem}
.cilib-of-metodos legend{grid-column:1/-1}
.cilib-of-metodo{position:relative;display:flex;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem 1rem 1rem;border:1px solid var(--of-linea);border-radius:var(--of-radio);background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s,opacity .2s}
.cilib-of-metodo input{position:absolute;inset-inline-start:.9rem;inset-block-start:1.05rem;inline-size:18px;block-size:18px;margin:0;accent-color:var(--of-oro-osc)}
.cilib-of-metodo__marca{display:flex;align-items:center;gap:.4rem;margin-inline-start:1.6rem;flex:none;min-inline-size:76px}
.cilib-of-metodo__texto{display:flex;flex-direction:column;gap:.2rem;flex:1;min-inline-size:0;padding-inline-end:1.4rem}
.cilib-of-metodo strong{color:var(--of-inst);line-height:1.3}
.cilib-of-metodo small{font-size:.83rem;color:var(--of-gris-2);line-height:1.45}
.cilib-of-metodo__nota{font-family:var(--of-etiqueta);font-style:normal;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--of-oro-osc);margin-top:.2rem}
.cilib-of-metodo[data-suscripcion="0"] .cilib-of-metodo__nota{color:var(--of-gris-2)}
.cilib-of-metodo__check{position:absolute;inset-inline-end:.75rem;inset-block-start:.75rem;inline-size:22px;block-size:22px;color:var(--of-ok);opacity:0;transition:opacity .2s}
.cilib-of-metodo__check .cilib-of-ico{inline-size:22px;block-size:22px}
.cilib-of-metodo:has(input:checked){border-color:var(--of-inst);box-shadow:inset 0 0 0 1px var(--of-inst),var(--of-sombra);background:var(--of-marfil-2)}
.cilib-of-metodo:has(input:checked) .cilib-of-metodo__check{opacity:1}
.cilib-of-metodo:hover{border-color:rgba(7,21,63,.45)}
.cilib-of-metodo.is-no-disponible,.cilib-of-metodo:has(input:disabled){opacity:.45;cursor:not-allowed;box-shadow:none}
.cilib-of-marca{display:inline-flex;align-items:center;justify-content:center;direction:ltr;block-size:30px;padding:0 .5rem;border-radius:4px;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1;white-space:nowrap}
.cilib-of-marca--tarjeta{inline-size:40px;padding:0;background:var(--of-marfil);color:var(--of-inst)}
.cilib-of-marca--tarjeta .cilib-of-ico,.cilib-of-marca--banco .cilib-of-ico{inline-size:22px;block-size:22px}
.cilib-of-marca--stripe{background:#635BFF;color:#fff;font-size:1rem;font-style:italic;padding-inline:.55rem}
.cilib-of-marca--paypal{background:#fff;border:1px solid #DDE3EA;font-size:1.05rem;font-style:italic;padding-inline:.6rem}
.cilib-of-marca--paypal b{color:#003087;font-weight:800}
.cilib-of-marca--paypal i{color:#009CDE;font-weight:800;font-style:italic}
.cilib-of-marca--banco{inline-size:40px;padding:0;background:var(--of-marfil);color:var(--of-oro-osc)}
.cilib-of-consentimiento{margin-top:1.2rem;padding:1.1rem 1.2rem;border:1px solid rgba(154,113,32,.45);border-inline-start:4px solid var(--of-oro);border-radius:var(--of-radio);background:#FFFBF0}
.cilib-of-consentimiento.is-error{border-color:var(--of-error);background:var(--of-error-bg)}
.cilib-of-consentimiento .cilib-of-check{font-size:.98rem;color:var(--of-tinta)}
.cilib-of-consentimiento .cilib-of-check--destacado span{font-weight:600;line-height:1.5}
.cilib-of-consentimiento .cilib-of-peq{margin:.7rem 0 0 0!important;padding-inline-start:calc(20px + .7rem)}
.cilib-of-consentimiento .cilib-of-campo__error{margin-top:.6rem}
.cilib-of-form--pago .cilib-of-peq:last-of-type{margin-top:1rem}
.cilib-of-form--inline{display:inline}

/* Caja «Renovación automática» */
.cilib-of-caja--renovacion{margin-top:clamp(1.25rem,2.5vw,2rem);border-inline-start:4px solid var(--of-linea)}
.cilib-of-renovacion--activa{border-inline-start-color:var(--of-ok)}
.cilib-of-renovacion--cancelando{border-inline-start-color:var(--of-aviso)}
.cilib-of-renovacion--impagada{border-inline-start-color:var(--of-error)}
.cilib-of-caja--renovacion .cilib-of-texto{max-inline-size:none}
.cilib-of-caja--paypal-manual{align-items:flex-start}
.cilib-of--tarjeta .cilib-of-caja--transferencia,.cilib-of-caja--confirmacion .cilib-of-caja--transferencia{text-align:start;margin-top:1.2rem}
.cilib-of-caja--paypal-manual>.cilib-of-marca{flex:none;margin-top:.2rem}

/* ---------- Tarjeta centrada (acceso, registro, recuperación, pago) ---------- */
.cilib-of--tarjeta{padding:clamp(2.5rem,6vw,5rem) var(--of-gutter) clamp(3rem,7vw,6rem);background:var(--of-marfil) radial-gradient(ellipse 60% 40% at 50% 0%,rgba(212,169,74,.14),rgba(212,169,74,0))}
.cilib-of-tarjeta-marco{max-inline-size:520px;margin-inline:auto}
.cilib-of-tarjeta__marca{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:1.6rem;text-decoration:none}
.cilib-of-tarjeta__marca img{inline-size:140px;block-size:auto;filter:drop-shadow(0 14px 24px rgba(7,21,63,.25))}
.cilib-of-tarjeta__marca span{font-family:var(--of-etiqueta);font-size:.64rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--of-gris-2)}
.cilib-of-tarjeta{background:#fff;border:1px solid var(--of-linea);border-top:3px solid var(--of-oro);border-radius:var(--of-radio);box-shadow:var(--of-sombra-2);padding:clamp(1.75rem,4vw,2.75rem)}
.cilib-of-tarjeta__titulo{font-size:clamp(1.7rem,3vw,2.1rem);margin-bottom:.5rem;text-wrap:balance}
.cilib-of-tarjeta .cilib-of-texto{margin-bottom:1.6rem}
.cilib-of-tarjeta .cilib-of-aviso{margin-bottom:1.25rem}
.cilib-of-tarjeta__alt{margin-top:1.75rem;padding-top:1.4rem;border-top:1px solid var(--of-linea-2);text-align:center;color:var(--of-gris)}
.cilib-of-tarjeta__alt p{margin-bottom:.8rem}
.cilib-of-tarjeta__alt .cilib-of-btn{margin-bottom:.9rem}
.cilib-of-tarjeta__pie{margin:1.4rem 0 0;text-align:center}
.cilib-of-tarjeta__pie a{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--of-etiqueta);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--of-gris-2);text-decoration:none}
.cilib-of-tarjeta__pie a:hover{color:var(--of-inst)}
.cilib-of-exito{inline-size:76px;block-size:76px;margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--of-ok-bg);color:var(--of-ok)}
.cilib-of-exito .cilib-of-ico{inline-size:40px;block-size:40px;stroke-width:1.3}
.cilib-of-exito.is-info{background:var(--of-info-bg);color:var(--of-info)}
.cilib-of--tarjeta .cilib-of-datos--resumen{margin:1.25rem 0;text-align:start}
.cilib-of--tarjeta .cilib-of-tarjeta__titulo,.cilib-of--tarjeta .cilib-of-texto{text-align:center}
.cilib-of--tarjeta .cilib-of-tarjeta__titulo{margin-inline:auto}

/* ---------- Flujo de afiliación ---------- */
.cilib-of--flujo{padding:clamp(2rem,5vw,4rem) var(--of-gutter) clamp(3rem,7vw,6rem)}
.cilib-of-flujo-marco{max-inline-size:var(--of-marco);margin-inline:auto}
.cilib-of-flujo-cab{text-align:center;max-inline-size:720px;margin:0 auto 1.6rem}
.cilib-of-flujo-cab h1{font-size:clamp(2rem,4vw,3rem);margin:0}
.cilib-of-flujo-cab .cilib-of-texto{margin:1rem auto 0}
.cilib-of-flujo-cab .cilib-of-acciones{justify-content:center}
.cilib-of-pasos{list-style:none;margin:0 auto 2.5rem;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-inline-size:860px;counter-reset:p;position:relative}
.cilib-of-pasos li{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding-top:.2rem}
.cilib-of-pasos li::before{content:"";position:absolute;inset-block-start:17px;inset-inline-start:50%;inline-size:100%;block-size:2px;background:var(--of-linea)}
.cilib-of-pasos li:last-child::before{display:none}
.cilib-of-pasos li.is-hecho::before{background:var(--of-oro)}
.cilib-of-pasos__n{position:relative;z-index:1;inline-size:36px;block-size:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--of-linea);background:#fff;font-family:var(--of-etiqueta);font-weight:700;font-size:.8rem;color:var(--of-gris-2)}
.cilib-of-pasos__n .cilib-of-ico{inline-size:18px;block-size:18px}
.cilib-of-pasos li.is-actual .cilib-of-pasos__n{border-color:var(--of-oro);background:var(--of-g-oro);color:#1A1405;box-shadow:0 0 0 5px rgba(212,169,74,.2)}
.cilib-of-pasos li.is-hecho .cilib-of-pasos__n{border-color:var(--of-oro);color:var(--of-oro-osc)}
.cilib-of-pasos__t{font-family:var(--of-etiqueta);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--of-gris-2)}
.cilib-of-pasos li.is-actual .cilib-of-pasos__t{color:var(--of-inst)}
.cilib-of-flujo-rejilla{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:clamp(1.25rem,2.5vw,2rem);align-items:start}
.cilib-of-caja--resumen{position:sticky;top:24px}
.cilib-of-resumen-nivel{display:flex;align-items:center;gap:.9rem;margin-bottom:.6rem}
.cilib-of-resumen-nivel strong{display:block;font-family:var(--of-display);font-size:1.3rem;font-weight:400;color:var(--of-inst);line-height:1.15}
.cilib-of-resumen-nivel small{font-size:.8rem;color:var(--of-gris-2)}
.cilib-of-resumen-precio{font-family:var(--of-display);font-size:1.9rem;color:var(--of-inst);margin:.3rem 0 1.2rem!important;padding-bottom:1rem;border-bottom:1px solid var(--of-linea-2)}
.cilib-of-resumen-precio small{font-family:var(--of-texto);font-size:.85rem;color:var(--of-gris-2)}
.cilib-of-caja--resumen .cilib-of-beneficios{margin-bottom:1.2rem}
.cilib-of-legal{padding:1rem 1.2rem;background:var(--of-marfil);border-radius:3px;margin:.5rem 0 1rem!important}

/* Tarjetas de nivel (paso 1) */
.cilib-of-niveles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);align-items:stretch;margin:2rem 0 1.5rem}
.cilib-of-nivel{position:relative;display:flex;flex-direction:column;gap:1.1rem;padding:clamp(1.6rem,2.6vw,2.2rem);background:#fff;border:1px solid var(--of-linea);border-radius:var(--of-radio);box-shadow:var(--of-sombra);transition:transform .25s,box-shadow .25s}
.cilib-of-nivel:hover{transform:translateY(-3px);box-shadow:var(--of-sombra-2)}
.cilib-of-nivel.is-destacado{border-color:rgba(212,169,74,.7);box-shadow:0 1px 0 rgba(7,21,63,.05),0 34px 70px -40px rgba(154,113,32,.55)}
.cilib-of-nivel.is-elegido{outline:2px solid var(--of-oro);outline-offset:2px}
.cilib-of-nivel__sello{position:absolute;inset-block-start:-13px;inset-inline-start:clamp(1.6rem,2.6vw,2.2rem);padding:7px 12px;background:var(--of-g-oro);color:#1A1405;font-family:var(--of-etiqueta);font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;border-radius:2px}
.cilib-of-nivel__cab{display:flex;align-items:center;gap:1rem}
.cilib-of-nivel__cab h2{margin:0 0 .35rem;font-size:1.75rem}
.cilib-of-nivel__ico{flex:none;inline-size:60px;block-size:60px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(154,113,32,.35);background:radial-gradient(circle at 40% 30%,rgba(227,192,107,.35),rgba(227,192,107,0) 70%);color:var(--of-oro-osc)}
.cilib-of-nivel__ico .cilib-of-ico{inline-size:28px;block-size:28px;stroke-width:1.3}
.cilib-of-nivel.is-destacado .cilib-of-nivel__ico{background:var(--of-g-oro);color:#1A1405;border-color:transparent}
.cilib-of-nivel__barras{display:flex;align-items:flex-end;gap:4px;block-size:18px}
.cilib-of-nivel__barras i{display:block;inline-size:6px;block-size:var(--h);background:var(--of-linea)}
.cilib-of-nivel__barras i.is-lleno{background:var(--of-oro)}
.cilib-of-nivel__barras b{margin-inline-start:8px;font-family:var(--of-etiqueta);font-size:.64rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--of-gris-2);line-height:1}
.cilib-of-nivel__para{margin:0;padding-top:1rem;border-top:1px solid var(--of-linea-2);font-family:var(--of-display);font-size:1.15rem;color:var(--of-inst)}
.cilib-of-nivel__beneficios{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem;flex:1}
.cilib-of-nivel__beneficios li{display:flex;align-items:center;gap:.8rem;font-size:.95rem;color:var(--of-gris)}
.cilib-of-nivel__beneficios li span{flex:none;inline-size:36px;block-size:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--of-marfil);color:var(--of-oro-osc)}
.cilib-of-nivel__beneficios .cilib-of-ico{inline-size:19px;block-size:19px}
.cilib-of-nivel__precio{padding-top:1rem;border-top:1px solid var(--of-linea-2)}
.cilib-of-nivel__precio strong{display:block;font-family:var(--of-display);font-weight:400;font-size:2.1rem;line-height:1;color:var(--of-inst)}
.cilib-of-nivel__precio strong.is-texto{font-size:1.25rem;line-height:1.3}
.cilib-of-nivel__precio small{display:block;margin-top:.35rem;font-size:.8rem;color:var(--of-gris-2)}
.cilib-of-nivel__mas{margin:-.3rem 0 0!important;text-align:center;font-size:.84rem}

/* ---------- Verificar certificado ---------- */
.cilib-of--verificar{padding:clamp(2.5rem,6vw,5rem) var(--of-gutter) clamp(3rem,7vw,6rem)}
.cilib-of-verificar-marco{max-inline-size:720px;margin-inline:auto}
.cilib-of-verificar-cab{text-align:center;margin-bottom:1.75rem}
.cilib-of-verificar-cab h1{font-size:clamp(2rem,4vw,2.8rem)}
.cilib-of-verificar-cab .cilib-of-texto{margin-inline:auto}
.cilib-of-verificar-form label{display:block;margin-bottom:.5rem;font-family:var(--of-etiqueta);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--of-gris)}
.cilib-of-verificar-campo{display:flex;gap:.6rem;background:#fff;padding:.5rem;border:1px solid var(--of-linea);border-radius:var(--of-radio);box-shadow:var(--of-sombra)}
.cilib-of-verificar-campo input{flex:1;min-inline-size:0;border:0;background:none;font:inherit;font-size:1.15rem;letter-spacing:.08em;padding:.5rem .8rem;color:var(--of-tinta);text-transform:uppercase}
.cilib-of-verificar-campo input:focus{outline:none}
.cilib-of-verificar-campo:focus-within{box-shadow:0 0 0 3px rgba(212,169,74,.3)}
.cilib-of-verificar-res{display:flex;gap:1.25rem;align-items:flex-start;margin-top:1.75rem;padding:clamp(1.4rem,3vw,2rem);background:#fff;border:1px solid var(--of-linea);border-radius:var(--of-radio);box-shadow:var(--of-sombra)}
.cilib-of-verificar-res__ico{flex:none;inline-size:56px;block-size:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--of-info-bg);color:var(--of-info)}
.cilib-of-verificar-res__ico .cilib-of-ico{inline-size:30px;block-size:30px}
.cilib-of-verificar-res.is-ok .cilib-of-verificar-res__ico{background:var(--of-ok-bg);color:var(--of-ok)}
.cilib-of-verificar-res.is-aviso .cilib-of-verificar-res__ico{background:var(--of-aviso-bg);color:var(--of-aviso)}
.cilib-of-verificar-res.is-no .cilib-of-verificar-res__ico{background:var(--of-error-bg);color:var(--of-error)}
.cilib-of-verificar-res>div{flex:1;min-inline-size:0}
.cilib-of-verificar-res h2{margin-bottom:.9rem}
.cilib-of-verificar-pie{margin-top:1.5rem!important;text-align:center}

/* ---------- Servicios para miembros (0.6.3) ---------- */
.cilib-of-srv-intro{margin-bottom:clamp(1.25rem,2.5vw,2rem)}
.cilib-of-srv-intro .cilib-of-texto{max-inline-size:68ch}
.cilib-of-srv{border-top:3px solid var(--of-oro);margin-bottom:clamp(1.25rem,2.5vw,2rem);scroll-margin-top:24px}
.cilib-of-srv.is-bloqueado{border-top-color:var(--of-linea)}
.cilib-of-srv.is-activo{border-top-color:var(--of-ok)}
.cilib-of-srv.is-suspendido{border-top-color:var(--of-error)}
.cilib-of-srv__cab{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;margin-bottom:1.2rem}
.cilib-of-srv__ico{flex:none;inline-size:58px;block-size:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--of-g-oro);color:#1A1405;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.cilib-of-srv.is-bloqueado .cilib-of-srv__ico{background:var(--of-marfil);color:var(--of-oro-osc);border:1px solid var(--of-linea);box-shadow:none}
.cilib-of-srv__ico .cilib-of-ico{inline-size:26px;block-size:26px;stroke-width:1.4}
.cilib-of-srv__titulos{flex:1;min-inline-size:min(100%,240px)}
.cilib-of-srv__titulos .cilib-of-antetitulo{margin-bottom:.3rem!important}
.cilib-of-srv__titulos h2{margin:0;font-size:clamp(1.5rem,2.4vw,1.95rem);text-wrap:balance}
.cilib-of-srv__cuerpo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 2rem;align-items:start}
.cilib-of-srv__texto .cilib-of-texto{max-inline-size:62ch}
.cilib-of-srv__nota{display:flex;gap:.5rem;align-items:flex-start;max-inline-size:62ch}
.cilib-of-srv__nota .cilib-of-ico{inline-size:18px;block-size:18px;color:var(--of-oro-osc);margin-top:.15rem}
.cilib-of-srv__mas{margin:.2rem 0 0!important}
.cilib-of-srv__precio{min-inline-size:180px;padding:1.1rem 1.3rem;border:1px solid var(--of-linea);border-radius:var(--of-radio);background:var(--of-marfil-2);text-align:center}
.cilib-of-srv__precio strong{display:block;font-family:var(--of-display);font-weight:400;font-size:2.5rem;line-height:1;color:var(--of-inst)}
.cilib-of-srv__precio small{display:block;margin-top:.5rem;font-family:var(--of-etiqueta);font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--of-gris-2)}
.cilib-of-srv-pasos{list-style:none;margin:1.6rem 0 0;padding:1.3rem 0 0;border-top:1px solid var(--of-linea-2);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.cilib-of-srv-pasos li{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;font-size:.84rem;line-height:1.35;color:var(--of-gris-2)}
.cilib-of-srv-pasos li+li::before{content:"";position:absolute;inset-block-start:17px;inset-inline-end:calc(50% + 22px);inline-size:calc(100% + .75rem - 44px);block-size:1px;background:var(--of-linea)}
.cilib-of-srv-pasos li.is-hecho::before,.cilib-of-srv-pasos li.is-actual::before{background:var(--of-oro)}
.cilib-of-srv-pasos__n{position:relative;z-index:1;inline-size:35px;block-size:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--of-linea);background:#fff;font-family:var(--of-etiqueta);font-size:.8rem;font-weight:700;color:var(--of-gris-2)}
.cilib-of-srv-pasos__n .cilib-of-ico{inline-size:20px;block-size:20px}
.cilib-of-srv-pasos li.is-hecho{color:var(--of-inst)}
.cilib-of-srv-pasos li.is-hecho .cilib-of-srv-pasos__n{background:var(--of-ok-bg);border-color:#BFDDCB;color:var(--of-ok)}
.cilib-of-srv-pasos li.is-actual{color:var(--of-inst);font-weight:600}
.cilib-of-srv-pasos li.is-actual .cilib-of-srv-pasos__n{background:var(--of-g-oro);border-color:transparent;color:#1A1405}
.cilib-of-srv__estado{margin-top:1.5rem}
.cilib-of-srv__estado>.cilib-of-acciones{margin-top:1rem}
.cilib-of-srv__estado>.cilib-of-aviso+.cilib-of-srv__motivo{margin-top:.8rem}
.cilib-of-srv__estado>.cilib-of-peq{margin:.9rem 0 0;max-inline-size:68ch}
.cilib-of-srv__estado .cilib-of-form--inline{display:inline-flex}
.cilib-of-srv__motivo{display:flex;gap:.9rem;align-items:flex-start;padding:1.1rem 1.3rem;border:1px dashed #C9C2AE;border-radius:var(--of-radio);background:var(--of-marfil-2);color:var(--of-gris)}
.cilib-of-srv__motivo>.cilib-of-ico{inline-size:22px;block-size:22px;color:var(--of-oro-osc);margin-top:.15rem}
.cilib-of-srv__motivo>div{flex:1;min-inline-size:0}
.cilib-of-srv__motivo p{margin:0 0 .8rem}
.cilib-of-srv__motivo p:first-child{font-weight:600;color:var(--of-inst)}
.cilib-of-srv__motivo p:last-child{margin-bottom:0}
.cilib-of-atajo--destacado{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.2rem;row-gap:.15rem;align-items:center;padding-inline-end:3.2rem;border-color:rgba(212,169,74,.65);background:linear-gradient(100deg,#fff 0%,#fff 55%,var(--of-marfil-2) 100%)}
.cilib-of-atajo--destacado .cilib-of-atajo__ico{grid-row:1/3;margin:0;inline-size:52px;block-size:52px;background:var(--of-g-oro);color:#1A1405}
.cilib-of-atajo--destacado .cilib-of-atajo__flecha{opacity:1;inset-block-start:50%;margin-block-start:-9px}

/* ---------- Barra inferior (móvil) ---------- */
.cilib-of-barra{display:none}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
	.cilib-of-atajos{grid-template-columns:repeat(2,minmax(0,1fr))}
	.cilib-of-niveles{grid-template-columns:1fr;max-inline-size:560px;margin-inline:auto}
	.cilib-of-flujo-rejilla{grid-template-columns:1fr}
	.cilib-of-caja--resumen{position:static;order:-1}
	.cilib-of-perfil{grid-template-columns:1fr}
}
@media (max-width:900px){
	.cilib-of-cuerpo__marco{grid-template-columns:1fr;padding-bottom:6rem}
	.cilib-of-menu{display:none}
	.cilib-of-rejilla--panel,.cilib-of-rejilla--2-1{grid-template-columns:1fr}
	.cilib-of-barra{display:block;position:fixed;z-index:60;inset-inline:0;inset-block-end:0;background:#fff;border-top:1px solid var(--of-linea);box-shadow:0 -10px 30px -20px rgba(7,21,63,.4);padding-bottom:env(safe-area-inset-bottom)}
	.cilib-of-barra ul{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}
	.cilib-of-barra a{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .2rem .55rem;text-decoration:none;color:var(--of-gris-2);font-family:var(--of-etiqueta);font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-top:2px solid transparent;margin-top:-1px}
	.cilib-of-barra a .cilib-of-ico{inline-size:24px;block-size:24px;stroke-width:1.4}
	.cilib-of-barra a.is-activo{color:var(--of-inst);border-top-color:var(--of-oro)}
	.cilib-of-barra a.is-activo .cilib-of-ico{color:var(--of-oro-osc)}
	.cilib-of-cabecera__marco{align-items:flex-start;flex-direction:column}
	.cilib-of-pasos__t{font-size:.58rem}
	.cilib-of-pasos li::before{inset-block-start:15px}
	.cilib-of-pasos__n{inline-size:32px;block-size:32px}
}
@media (max-width:600px){
	.cilib-of{font-size:1rem}
	.cilib-of-metodo{flex-wrap:wrap}
	.cilib-of-metodo__texto{flex-basis:100%;padding-inline-start:1.6rem}
	.cilib-of-rejilla-2{grid-template-columns:1fr}
	.cilib-of-atajos{grid-template-columns:1fr}
	.cilib-of-datos{grid-template-columns:1fr 1fr}
	.cilib-of-acciones .cilib-of-btn{inline-size:100%}
	.cilib-of-form__enviar .cilib-of-btn{inline-size:100%}
	.cilib-of-tabla thead{display:none}
	.cilib-of-tabla,.cilib-of-tabla tbody,.cilib-of-tabla tr,.cilib-of-tabla td{display:block}
	.cilib-of-tabla tr{padding:.8rem 0;border-bottom:1px solid var(--of-linea-2)}
	.cilib-of-tabla td{padding:.25rem 0;border:0;display:flex;justify-content:space-between;gap:1rem;text-align:end}
	.cilib-of-tabla td::before{content:attr(data-t);font-family:var(--of-etiqueta);font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--of-gris-2);text-align:start}
	.cilib-of-tabla .num{text-align:end}
	.cilib-of-tabla-marco{margin-inline:0;padding-inline:0}
	.cilib-of-opcion-nivel__precio{font-size:1.15rem}
	.cilib-of-verificar-campo{flex-direction:column}
	.cilib-of-doc{flex-wrap:wrap}
	.cilib-of-doc .cilib-of-btn{inline-size:100%}
	.cilib-of-caja--transferencia{flex-direction:column}
	.cilib-of-tarjeta__alt .cilib-of-btn{inline-size:100%}
	.cilib-of-srv__cuerpo{grid-template-columns:1fr}
	.cilib-of-srv__precio{text-align:start;display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem .9rem}
	.cilib-of-srv__precio small{margin:0}
	.cilib-of-srv-pasos{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.1rem}
	.cilib-of-srv-pasos li::before{display:none}
	.cilib-of-srv__estado .cilib-of-form--inline{display:flex;inline-size:100%}
	.cilib-of-srv__motivo .cilib-of-btn{inline-size:100%}
	.cilib-of-atajo--destacado{grid-template-columns:1fr;padding-inline-end:1.3rem}
	.cilib-of-atajo--destacado .cilib-of-atajo__ico{grid-row:auto;margin-bottom:.4rem}
	.cilib-of-atajo--destacado .cilib-of-atajo__flecha{inset-block-start:1.35rem;margin:0}
}
@media (prefers-reduced-motion:reduce){
	.cilib-of *{transition:none!important;animation:none!important}
	.cilib-of-nivel:hover,.cilib-of-atajo:hover,.cilib-of-btn--oro:hover{transform:none}
}
/* 0.6.4 · Categoría Estudiante (Escuela de Negocios CILIB) */
.cilib-of-beneficios--registro{margin:1.1rem 0 1.5rem;text-align:start}
.cilib-of-caja--membresia .cilib-of-beneficios{margin-top:1.2rem}
.cilib-of-caja--membresia h2 small{display:block;margin-top:.35rem}
.cilib-of-caja--estudiante .cilib-of-beneficios{max-inline-size:34rem;margin:1.2rem auto 1.4rem;text-align:start}
.cilib-of-caja--estudiante .cilib-of-form--en-linea{display:flex;justify-content:center}
.cilib-of-acad-inscribir .cilib-of-form--en-linea .cilib-of-btn{inline-size:100%}
.cilib-of-acad-registro-curso{display:flex;gap:.9rem;align-items:flex-start;margin:0 0 1.4rem;padding:1rem 1.1rem;background:var(--of-marfil);border:1px solid var(--of-linea);border-inline-start:3px solid var(--of-oro);border-radius:var(--of-radio);text-align:start}
.cilib-of-acad-registro-curso>.cilib-of-ico{inline-size:30px;block-size:30px;color:var(--of-oro-osc);margin-top:.15rem;flex:none}
.cilib-of-acad-registro-curso div{display:flex;flex-direction:column;gap:.15rem}
/* 0.6.5 · Acceso con Google */
.cilib-of-social{display:flex;flex-direction:column;gap:.6rem;margin:1.2rem 0 0}
.cilib-of .cilib-of-social__btn,.cilib-of-social__btn{display:flex;align-items:center;justify-content:center;gap:.7rem;min-block-size:48px;padding:.65rem 1rem;background:#fff;color:#1f1f1f!important;border:1px solid #747775;border-radius:4px;font-weight:600;font-size:.95rem;text-decoration:none;transition:background .15s,box-shadow .15s}
.cilib-of .cilib-of-social__btn:hover,.cilib-of .cilib-of-social__btn:focus-visible{background:#f7f8f8;box-shadow:0 1px 3px rgba(4,11,38,.18);color:#1f1f1f}
.cilib-of-social__logo{inline-size:20px;block-size:20px;flex:none}
.cilib-of .cilib-of-social__sep,.cilib-of-social__sep{display:flex;align-items:center;gap:.8rem;margin:1.3rem 0 1.3rem;color:var(--of-gris);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.cilib-of-social__sep::before,.cilib-of-social__sep::after{content:"";flex:1;border-top:1px solid var(--of-linea)}
.cilib-of-form--datos .cilib-of-social{margin-top:.6rem;max-inline-size:26rem}
.cilib-of .cilib-of-form--datos .cilib-of-social__sep{max-inline-size:26rem}
.cilib-of-social__opciones{display:flex;flex-direction:column;gap:.6rem}
@media (max-width:480px){.cilib-of .cilib-of-form__enviar .cilib-of-btn{letter-spacing:.06em;padding-inline:.8rem;white-space:normal;text-align:center}}
/* 0.6.6 · Foto del perfil en la cabecera */
.cilib-of-cabecera__quien{display:flex;align-items:center;gap:1.1rem}
.cilib-of-cabecera__foto-enlace{flex:none;display:block;border-radius:50%;box-shadow:0 0 0 2px var(--of-oro),0 6px 18px rgba(0,0,0,.25)}
.cilib-of-cabecera__foto{display:block;inline-size:64px;block-size:64px;border-radius:50%;object-fit:cover}
@media (max-width:600px){.cilib-of-cabecera__foto{inline-size:48px;block-size:48px}}
