/* ClicReal v2 — dirección de arte «registro forense de clics».
   Papel cuadriculado, datos en monoespaciada, sellos de VERIFICADO / BLOQUEADO. */

:root {
	--cr-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
	--cr-fondo-0: #050A13;
	--cr-naranja: #FB923C;
	--cr-cab-alto: 112px;
}

/* Grano fotográfico muy suave sobre toda la página */
body::after {
	content: ""; position: fixed; inset: 0; z-index: 9999; pointer-events: none; opacity: .045; mix-blend-mode: overlay;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Papel cuadriculado ---------- */
.cr-cuadricula, .is-style-puntos { position: relative; isolation: isolate; overflow: hidden; }
.cr-cuadricula::before, .is-style-puntos::before {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background-image:
		linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
	background-size: 48px 48px; background-position: -1px -1px;
	mask-image: radial-gradient(ellipse 80% 70% at 65% 35%, #000 25%, transparent 80%);
	-webkit-mask-image: radial-gradient(ellipse 80% 70% at 65% 35%, #000 25%, transparent 80%);
}
.cr-cuadricula::after {
	content: ""; position: absolute; z-index: -1; pointer-events: none;
	width: 1100px; height: 1100px; right: -320px; top: -420px;
	background: radial-gradient(circle, rgba(18, 183, 106, .20), rgba(18, 183, 106, 0) 60%);
	animation: cr-respira 10s ease-in-out infinite;
}
.cr-papel { position: relative; isolation: isolate; }
.cr-papel::before {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background-image: linear-gradient(rgba(11, 18, 32, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(11, 18, 32, .045) 1px, transparent 1px);
	background-size: 48px 48px;
	mask-image: linear-gradient(180deg, transparent, #000 15%, #000 85%, transparent);
	-webkit-mask-image: linear-gradient(180deg, transparent, #000 15%, #000 85%, transparent);
}

/* ---------- Antetítulo técnico ---------- */
.cr-ante-mono {
	font-family: var(--cr-mono); font-size: 12.5px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
	color: var(--cr-verde-t); display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px;
}
.cr-ante-mono::before { content: ""; width: 8px; height: 8px; background: currentColor; }
.is-style-oscuro .cr-ante-mono { color: var(--cr-verde); }
.cr-ante-mono:has(.cr-punto-vivo)::before { display: none; }
.cr-punto-vivo { width: 8px; height: 8px; border-radius: 50%; background: var(--cr-verde); box-shadow: 0 0 0 0 rgba(18, 183, 106, .7); animation: cr-pulso 1.8s infinite; }
.cr-antetitulo { font-family: var(--cr-mono); letter-spacing: .14em; }

/* ---------- Sello ---------- */
.cr-sello {
	display: inline-block; position: relative; color: var(--cr-verde); white-space: nowrap;
	border: .075em solid currentColor; border-radius: .14em; padding: 0 .16em .04em; line-height: 1;
	transform: rotate(-4deg); margin-inline: .04em;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='1 1 1 1 1 1 0.4 1 1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='1 1 1 1 1 1 0.4 1 1 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.cr-js .cr-hero .cr-sello { animation: cr-estampa .55s 1s cubic-bezier(.3, 1.6, .5, 1) both; }
.cr-js .cr-cta-xl .cr-sello.is-visible, .cr-js .cr-cta-xl .is-visible .cr-sello { animation: cr-estampa .55s .3s cubic-bezier(.3, 1.6, .5, 1) both; }
@keyframes cr-estampa { from { transform: scale(2.4) rotate(-16deg); opacity: 0; } 60% { opacity: 1; } to { transform: scale(1) rotate(-4deg); opacity: 1; } }

/* ---------- Cabecera: cinta + cápsula flotante ---------- */
.cr-cabecera-sitio { position: sticky; top: 0; z-index: 60; margin-bottom: calc(-1 * var(--cr-cab-alto)); pointer-events: none; }
.cr-cabecera-sitio > * { pointer-events: auto; }
.cr-cabecera { background: transparent !important; border: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.cr-cinta {
	display: flex; align-items: center; height: 34px; background: var(--cr-fondo-0); border-bottom: 1px solid rgba(255, 255, 255, .08);
	font-family: var(--cr-mono); font-size: 12px; color: rgba(255, 255, 255, .6); overflow: hidden; transition: height .35s var(--cr-ease), opacity .35s;
}
.cr-cinta__etq { flex: none; display: flex; align-items: center; gap: 8px; height: 100%; padding: 0 16px 0 max(16px, 4vw); background: var(--cr-fondo-0); color: var(--cr-verde); font-weight: 700; text-transform: uppercase; letter-spacing: .12em; font-size: 11px; position: relative; z-index: 1; box-shadow: 12px 0 16px var(--cr-fondo-0); }
.cr-cinta__etq i { width: 7px; height: 7px; border-radius: 50%; background: var(--cr-verde); animation: cr-pulso 1.8s infinite; }
.cr-cinta__ventana { overflow: hidden; flex: 1; }
.cr-cinta__pista { display: flex; width: max-content; animation: cr-desfile 70s linear infinite; }
.cr-cinta:hover .cr-cinta__pista { animation-play-state: paused; }
.cr-cinta__item { display: inline-flex; align-items: center; gap: 10px; padding: 0 28px; white-space: nowrap; border-right: 1px solid rgba(255, 255, 255, .08); }
.cr-cinta__item > span:not(.cr-cinta__d) { color: #fff; }
.cr-cinta__d { color: rgba(255, 255, 255, .45); }
.cr-cinta__e { font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; padding: 2px 7px; border: 1px solid currentColor; border-radius: 4px; }
.cr-cinta__e--ok { color: var(--cr-verde); }
.cr-cinta__e--bloq { color: var(--cr-naranja); }
.cr-cinta__e--duda { color: #FBBF24; }
@keyframes cr-desfile { to { transform: translateX(-50%); } }
html.cr-scrolled .cr-cinta { height: 0; opacity: 0; border: 0; }

.cr-capsula-zona { padding-block: 14px; padding-inline: max(12px, 3vw) !important; transition: padding .35s var(--cr-ease); }
html.cr-scrolled .cr-capsula-zona { padding-block: 10px; }
.cr-capsula {
	max-width: 1200px; min-height: 60px; gap: 16px; padding: 8px 8px 8px 22px;
	background: rgba(11, 18, 32, .62); border: 1px solid rgba(255, 255, 255, .12); border-radius: 999px;
	backdrop-filter: saturate(170%) blur(18px); -webkit-backdrop-filter: saturate(170%) blur(18px);
	box-shadow: 0 10px 40px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .06);
	transition: background-color .35s, box-shadow .35s;
}
html.cr-scrolled .cr-capsula { background: rgba(11, 18, 32, .88); box-shadow: 0 16px 50px rgba(0, 0, 0, .4); }
.cr-capsula .cr-logo__svg { height: 26px; }
.cr-capsula .cr-nav .wp-block-navigation__container { gap: 4px; }
.cr-capsula .cr-nav .wp-block-navigation-item__content { padding: 9px 14px; border-radius: 999px; transition: background-color .2s, color .2s; }
.cr-capsula .cr-nav > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover { background: rgba(255, 255, 255, .08); }
.cr-capsula__acciones { gap: 6px; }
.cr-capsula__acciones .wp-block-button__link { border-radius: 999px !important; padding: 11px 20px !important; font-size: 15px; }
.cr-boton-flecha .wp-block-button__link::after { content: "→"; display: inline-block; margin-left: 2px; transition: transform .25s var(--cr-ease); }
.cr-boton-flecha .wp-block-button__link:hover::after { transform: translateX(4px); }
.cr-nav .wp-block-navigation__submenu-container { border-radius: 16px !important; margin-top: 10px !important; }
@media (max-width: 781px) {
	:root { --cr-cab-alto: 104px; }
	.cr-capsula { padding-left: 16px; }
	.cr-capsula__acciones .wp-block-button__link { padding: 9px 14px !important; font-size: 14px; }
	.cr-cinta__etq { padding-left: 12px; }
}

/* Cabeceras oscuras que quedan bajo la cápsula */
.cr-hero, .cr-landing-cabeza, .cr-cabeza { padding-top: calc(var(--cr-cab-alto) + clamp(40px, 7vw, 96px)) !important; }

/* ---------- Hero ---------- */
.cr-hero { padding-bottom: clamp(64px, 9vw, 128px) !important; background: var(--cr-noche); }
.cr-hero__titulo { font-size: clamp(44px, 6.4vw, 96px) !important; line-height: .98 !important; letter-spacing: -.055em !important; margin-bottom: 28px !important; }
.cr-hero__texto { font-size: clamp(17px, 1.4vw, 20px) !important; }
.cr-hero__botones .is-style-claro .wp-block-button__link::after { content: "↓"; margin-left: 2px; }
.cr-hero__escena { position: relative; padding-top: 96px; }
.cr-hero__escena > * { margin: 0 !important; }
.cr-hero__escena .cr-panel { transform: perspective(1400px) rotateY(-8deg) rotateX(3deg); }

/* Anuncio con cursor */
.cr-anuncio { position: absolute !important; top: 0; left: -56px; z-index: 3; width: min(360px, 82%); }
.cr-anuncio__tarjeta {
	position: relative; background: #fff; color: var(--cr-tinta); border-radius: 14px; padding: 16px 18px 18px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .45); transform: rotate(-3deg); overflow: hidden;
}
.cr-anuncio__meta { margin: 0 0 4px; font-size: 12.5px; color: var(--cr-tinta-s); }
.cr-anuncio__meta b { color: var(--cr-tinta); }
.cr-anuncio__titulo { margin: 0 0 4px; font-size: 16px; font-weight: 700; line-height: 1.3; color: #1a3fb8; }
.cr-anuncio__texto { margin: 0; font-size: 13px; line-height: 1.45; color: var(--cr-tinta-s); }
.cr-anuncio__onda { position: absolute; left: 62%; top: 44%; width: 16px; height: 16px; margin: -8px; border-radius: 50%; border: 2px solid var(--cr-verde); opacity: 0; }
.cr-anuncio__cursor { position: absolute; left: 60%; top: 40%; z-index: 4; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .4)); }
.cr-anuncio__coste { position: absolute; right: -6px; top: -14px; z-index: 5; background: var(--cr-naranja); color: var(--cr-noche); font: 700 13px var(--cr-mono); padding: 4px 9px; border-radius: 6px; transform: rotate(6deg); opacity: 0; }
.cr-js .cr-anuncio__cursor { animation: cr-cursor 4.2s var(--cr-ease) infinite; }
.cr-js .cr-anuncio__onda { animation: cr-onda 4.2s infinite; }
.cr-js .cr-anuncio__coste { animation: cr-coste 4.2s infinite; }
.cr-js .cr-anuncio__tarjeta { animation: cr-pulsa 4.2s infinite; }
@keyframes cr-cursor {
	0% { transform: translate(140px, 120px); opacity: 0; }
	12% { opacity: 1; }
	38% { transform: translate(0, 0); }
	44% { transform: translate(0, 0) scale(.82); }
	50% { transform: translate(0, 0) scale(1); }
	80% { transform: translate(0, 0); opacity: 1; }
	100% { transform: translate(-30px, 140px); opacity: 0; }
}
@keyframes cr-onda { 0%, 43% { opacity: 0; transform: scale(.4); } 46% { opacity: 1; } 70% { opacity: 0; transform: scale(3.4); } 100% { opacity: 0; } }
@keyframes cr-coste { 0%, 46% { opacity: 0; transform: translateY(8px) rotate(6deg); } 52%, 82% { opacity: 1; transform: translateY(0) rotate(6deg); } 92%, 100% { opacity: 0; } }
@keyframes cr-pulsa { 0%, 43% { transform: rotate(-3deg); } 46% { transform: rotate(-3deg) scale(.985); } 52%, 100% { transform: rotate(-3deg); } }

/* Sello que aparece sobre cada decisión del panel */
.cr-panel { overflow: visible !important; }
.cr-panel__lista { overflow: hidden; }
.cr-panel__sello { position: absolute; right: 22px; top: 150px; z-index: 6; pointer-events: none; font: 800 22px var(--wp--preset--font-family--sans); text-transform: uppercase; letter-spacing: .04em; padding: 4px 12px; border: 3px solid currentColor; border-radius: 8px; transform: rotate(-9deg); opacity: 0; background: rgba(11, 18, 32, .6); }
.cr-panel__sello.is-bloq { color: var(--cr-naranja); }
.cr-panel__sello.is-ok { color: var(--cr-verde); }
.cr-panel__sello.is-on { animation: cr-sello-panel 1.4s cubic-bezier(.3, 1.6, .5, 1) forwards; }
@keyframes cr-sello-panel { 0% { opacity: 0; transform: scale(2) rotate(-18deg); } 20% { opacity: 1; transform: scale(1) rotate(-9deg); } 75% { opacity: 1; } 100% { opacity: 0; transform: scale(1) rotate(-9deg); } }

@media (max-width: 781px) {
	.cr-anuncio { left: 0; width: 88%; }
	.cr-hero__escena { padding-top: 110px; }
	.cr-hero__escena .cr-panel { transform: none; }
}

/* ---------- Banda de hechos ---------- */
.cr-hechos-banda { background: var(--cr-fondo-0) !important; border-block: 1px solid rgba(255, 255, 255, .08); }
.cr-hechos { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cr-hechos > * { margin: 0 !important; }
.cr-hecho { padding: 36px 28px; border-left: 1px solid rgba(255, 255, 255, .08); }
.cr-hecho:first-child { border-left: 0; padding-left: 0; }
.cr-hecho__n { margin: 0 0 6px; font-size: clamp(36px, 4vw, 56px); font-weight: 800; letter-spacing: -.05em; line-height: 1; color: #fff !important; }
.cr-hecho:nth-child(2) .cr-hecho__n, .cr-hecho:nth-child(3) .cr-hecho__n { color: var(--cr-verde) !important; }
.cr-hecho__t { margin: 0; font-family: var(--cr-mono); font-size: 12.5px; text-transform: uppercase; letter-spacing: .08em; color: rgba(255, 255, 255, .55) !important; max-width: 24ch; }
@media (max-width: 781px) { .cr-hechos { grid-template-columns: 1fr 1fr; } .cr-hecho { padding: 24px 16px; } .cr-hecho:nth-child(3) { border-left: 0; padding-left: 0; } .cr-hecho:nth-child(n+3) { border-top: 1px solid rgba(255, 255, 255, .08); } }

/* ---------- Marquesina de motivos ---------- */
.cr-motivos-banda { overflow: hidden; padding-block: 56px; background: var(--cr-superficie, #fff); }
.cr-motivos { width: 112%; margin-left: -6% !important; background: var(--cr-verde); transform: rotate(-2deg); padding-block: 16px; overflow: hidden; box-shadow: 0 20px 50px rgba(18, 183, 106, .25); }
.cr-motivos__pista { display: flex; align-items: center; width: max-content; animation: cr-desfile 50s linear infinite; }
.cr-motivos__sello { flex: none; font: 800 20px var(--wp--preset--font-family--sans); text-transform: uppercase; letter-spacing: .02em; color: var(--cr-noche); border: 2.5px solid var(--cr-noche); border-radius: 8px; padding: 6px 14px; transform: rotate(-2deg); }
.cr-motivos__sello:nth-child(4n+1) { transform: rotate(2deg); }
.cr-motivos__sello.is-verde { background: var(--cr-noche); color: var(--cr-verde); }
.cr-motivos__sep { flex: none; color: var(--cr-noche); font-weight: 800; margin: 0 22px; opacity: .55; }

/* ---------- Problema ---------- */
.cr-titulo-xl { font-size: clamp(38px, 4.8vw, 68px) !important; line-height: 1 !important; letter-spacing: -.05em !important; margin: 0 0 24px !important; }
.cr-titulo-xl em { font-style: normal; color: var(--cr-peligro); background: linear-gradient(transparent 62%, var(--cr-peligro-s) 62%); padding: 0 .05em; }
.cr-problema__texto > p:not(.cr-ante-mono):not(.cr-entradilla) { color: var(--cr-tinta-s); }
.cr-fichas-sosp { display: grid; gap: 0; position: relative; }
.cr-fichas-sosp > * { margin: 0 !important; }
.cr-ficha-sosp {
	position: relative; background: #fff; border: 1px solid var(--cr-linea); border-radius: 6px; padding: 26px 28px 26px 96px !important;
	box-shadow: 0 1px 0 rgba(11, 18, 32, .04), 0 18px 40px rgba(11, 18, 32, .08); transition: transform .4s var(--cr-ease);
}
.cr-ficha-sosp + .cr-ficha-sosp { margin-top: -10px !important; }
.cr-ficha-sosp:nth-child(1) { transform: rotate(-1.4deg); }
.cr-ficha-sosp:nth-child(2) { transform: rotate(1.1deg) translateX(18px); z-index: 1; }
.cr-ficha-sosp:nth-child(3) { transform: rotate(-.6deg) translateX(-6px); z-index: 2; }
.cr-ficha-sosp:hover { transform: rotate(0) translateX(0) scale(1.02); z-index: 3; }
.cr-ficha-sosp .cr-icono-caja { position: absolute; left: 28px; top: 28px; }
.cr-ficha-sosp h3 { margin: 4px 0 6px !important; }
.cr-ficha-sosp p { margin: 0; color: var(--cr-tinta-s); font-size: 15.5px; line-height: 1.55; }
.cr-ficha-sosp__n { font-family: var(--cr-mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--cr-peligro) !important; font-weight: 700; }
.cr-ficha-sosp::after { content: "Expediente abierto"; position: absolute; right: 18px; top: 16px; font: 700 10.5px var(--cr-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--cr-peligro); border: 1.5px solid currentColor; border-radius: 4px; padding: 2px 6px; transform: rotate(5deg); opacity: .7; }
@media (max-width: 600px) { .cr-ficha-sosp { padding: 76px 22px 22px !important; } .cr-ficha-sosp .cr-icono-caja { top: 22px; left: 22px; } }

/* ---------- Anatomía de un clic ---------- */
.cr-anatomia-seccion { background: var(--cr-noche); }
.cr-anat { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.cr-anat__pasos { list-style: none; margin: 0; padding: 8vh 0 18vh; }
.cr-anat__paso { min-height: 52vh; padding: 0 0 0 0; opacity: .28; transition: opacity .5s var(--cr-ease); display: flex; flex-direction: column; justify-content: center; }
.cr-anat__paso.is-activo { opacity: 1; }
.cr-anat__n { font: 700 13px var(--cr-mono); letter-spacing: .14em; color: var(--cr-verde); margin-bottom: 12px; }
.cr-anat__paso h3 { font-size: clamp(26px, 2.6vw, 36px) !important; letter-spacing: -.035em !important; font-weight: 800 !important; margin: 0 0 12px; color: #fff; line-height: 1.1 !important; }
.cr-anat__paso p { margin: 0; font-size: 18px; line-height: 1.6; color: rgba(255, 255, 255, .72); max-width: 44ch; }
.cr-anat__visual { position: sticky; top: calc(var(--cr-cab-alto) + 40px); padding-block: 8vh; }
.cr-expediente {
	position: relative; background: linear-gradient(180deg, #172134, #0E1625); border: 1px solid rgba(255, 255, 255, .12); border-radius: 20px; padding: 24px;
	box-shadow: 0 40px 100px rgba(0, 0, 0, .5); font-size: 14px;
}
.cr-expediente__cab { display: flex; justify-content: space-between; align-items: center; font: 600 12px var(--cr-mono); letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .55); padding-bottom: 16px; border-bottom: 1px dashed rgba(255, 255, 255, .16); margin-bottom: 8px; }
.cr-expediente__ej { color: rgba(255, 255, 255, .35); }
.cr-expediente__campos { margin: 0; }
.cr-campo { display: grid; grid-template-columns: 120px 1fr; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(255, 255, 255, .06); opacity: .12; transform: translateX(10px); transition: opacity .5s var(--cr-ease), transform .5s var(--cr-ease); }
.cr-campo dt { font: 600 11.5px var(--cr-mono); text-transform: uppercase; letter-spacing: .1em; color: rgba(255, 255, 255, .45); padding-top: 2px; }
.cr-campo dd { margin: 0; color: #fff; }
.cr-mono { font-family: var(--cr-mono); font-size: .92em; }
.cr-ok { font-style: normal; color: var(--cr-verde); font-weight: 800; margin-left: 6px; }
.cr-mal { font-style: normal; color: var(--cr-naranja); font-weight: 800; margin-left: 6px; }
.cr-expediente__riesgo { display: flex; align-items: center; gap: 18px; padding: 18px 0 6px; opacity: .12; transition: opacity .5s; }
.cr-expediente__riesgo svg { width: 120px; height: 64px; flex: none; }
.cr-arco-fondo, .cr-arco { fill: none; stroke-width: 10; stroke-linecap: round; }
.cr-arco-fondo { stroke: rgba(255, 255, 255, .1); }
.cr-arco { stroke: var(--cr-naranja); stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset 1.2s var(--cr-ease); }
.cr-expediente__riesgo b { display: block; font-size: 44px; font-weight: 800; letter-spacing: -.04em; line-height: 1; color: var(--cr-naranja); font-variant-numeric: tabular-nums; }
.cr-expediente__riesgo span { font: 600 11.5px var(--cr-mono); text-transform: uppercase; letter-spacing: .1em; color: rgba(255, 255, 255, .5); }
.cr-sello-grande { position: absolute; right: 26px; top: 46%; font: 800 34px var(--wp--preset--font-family--sans); text-transform: uppercase; letter-spacing: .02em; padding: 6px 16px; border: 4px solid currentColor; border-radius: 10px; transform: rotate(-12deg); opacity: 0; background: rgba(14, 22, 37, .55); }
.cr-sello-grande--bloq { color: var(--cr-naranja); }
.cr-expediente__google { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 14px 16px; border-radius: 12px; background: rgba(18, 183, 106, .1); border: 1px solid rgba(18, 183, 106, .35); color: #fff; opacity: 0; transform: translateY(12px); transition: opacity .5s var(--cr-ease), transform .5s var(--cr-ease); }
.cr-expediente__g { font: 700 11px var(--cr-mono); text-transform: uppercase; letter-spacing: .1em; color: var(--cr-verde); flex: none; }
.cr-expediente__google span:not(.cr-expediente__g) { font-size: 13.5px; color: rgba(255, 255, 255, .85); }
.cr-anat .is-on { opacity: 1 !important; transform: none !important; }
.cr-anat .cr-expediente__riesgo.is-on .cr-arco { stroke-dashoffset: 13; }
.cr-anat .cr-sello-grande.is-on { animation: cr-estampa-12 .6s cubic-bezier(.3, 1.6, .5, 1) both; }
@keyframes cr-estampa-12 { from { transform: scale(2.4) rotate(-26deg); opacity: 0; } to { transform: scale(1) rotate(-12deg); opacity: 1; } }
html:not(.cr-js) .cr-anat .cr-campo, html:not(.cr-js) .cr-anat .cr-expediente__riesgo, html:not(.cr-js) .cr-anat .cr-sello-grande, html:not(.cr-js) .cr-anat .cr-expediente__google { opacity: 1; transform: none; }
html:not(.cr-js) .cr-anat__paso { opacity: 1; }
@media (max-width: 860px) {
	.cr-anat { grid-template-columns: 1fr; }
	.cr-anat__visual { position: sticky; top: calc(var(--cr-cab-alto) + 8px); padding: 0; z-index: 2; order: -1; }
	.cr-expediente { padding: 16px; font-size: 12.5px; }
	.cr-campo { grid-template-columns: 92px 1fr; padding: 7px 0; }
	.cr-sello-grande { font-size: 24px; }
	.cr-anat__pasos { padding-top: 24px; }
	.cr-anat__paso { min-height: 60vh; }
}
/* Anatomía en móvil: línea de tiempo compacta y el expediente completo al final */
@media (max-width: 860px) {
	.cr-anat { gap: 28px; }
	.cr-anat__visual { position: static !important; order: 2; padding: 0 !important; }
	.cr-anat__pasos { padding: 8px 0 0 !important; position: relative; }
	.cr-anat__pasos::before { content: ""; position: absolute; left: 15px; top: 24px; bottom: 24px; width: 2px; background: linear-gradient(var(--cr-verde), rgba(18,183,106,.15)); }
	.cr-anat__paso { min-height: 0 !important; opacity: 1 !important; padding: 0 0 26px 48px !important; position: relative; display: block; }
	.cr-anat__paso:last-child { padding-bottom: 0 !important; }
	.cr-anat__n { position: absolute; left: 0; top: -2px; width: 32px; height: 32px; border-radius: 50%; background: var(--cr-noche); border: 2px solid var(--cr-verde); display: grid; place-items: center; font-size: 11px; letter-spacing: 0; margin: 0; }
	.cr-anat__paso h3 { font-size: 22px !important; margin-bottom: 6px; }
	.cr-anat__paso p { font-size: 16px; }
	.cr-anat .cr-campo, .cr-anat .cr-expediente__riesgo, .cr-anat .cr-expediente__google { opacity: 1 !important; transform: none !important; }
	.cr-anat .cr-sello-grande { opacity: 1; transform: rotate(-10deg); top: auto; bottom: 96px; right: 14px; font-size: 18px; padding: 4px 10px; border-width: 3px; }
	.cr-anat .cr-expediente__riesgo .cr-arco { stroke-dashoffset: 13; }
}

/* ---------- Mosaico de funciones ---------- */
.cr-bento { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 32px !important; }
.cr-bento > * { margin: 0 !important; }
.cr-bento__tile { background: #fff; border: 1px solid var(--cr-linea); border-radius: 22px; overflow: hidden; display: flex; flex-direction: column; transition: transform .4s var(--cr-ease), box-shadow .4s; }
.cr-bento__tile:hover { transform: translateY(-4px); box-shadow: 0 24px 60px rgba(11, 18, 32, .1); }
.cr-bento__tile.is-ancho { grid-column: span 2; }
.cr-bento__tile.is-oscuro { background: var(--cr-noche); border-color: var(--cr-noche); }
.cr-bento__tile.is-oscuro h3 { color: #fff; }
.cr-bento__tile.is-oscuro p { color: rgba(255, 255, 255, .7) !important; }
.cr-bento__texto { padding: 22px 26px 26px !important; }
.cr-bento__texto > * { margin: 0 !important; }
.cr-bento__texto h3 { margin-bottom: 6px !important; }
.cr-bento__texto p { color: var(--cr-tinta-s); font-size: 15.5px; line-height: 1.55; }
.cr-visual { height: 210px; position: relative; overflow: hidden; background: var(--cr-noche); margin: 0 !important; }
@media (max-width: 900px) { .cr-bento { grid-template-columns: 1fr; } .cr-bento__tile.is-ancho { grid-column: auto; } }

/* Radar */
.cr-v-radar { position: absolute; inset: 0; background: radial-gradient(circle at 50% 100%, transparent 0 60px, rgba(18, 183, 106, .18) 61px, transparent 62px 120px, rgba(18, 183, 106, .14) 121px, transparent 122px 180px, rgba(18, 183, 106, .1) 181px, transparent 182px 260px, rgba(18, 183, 106, .08) 261px, transparent 262px); }
.cr-v-radar__barrido { position: absolute; left: 50%; bottom: 0; width: 640px; height: 640px; margin: 0 0 -320px -320px; border-radius: 50%; background: conic-gradient(from 0deg, rgba(18, 183, 106, .35), transparent 22%); animation: cr-gira 4s linear infinite; }
.cr-v-radar i { position: absolute; left: var(--x); top: var(--y); width: 10px; height: 10px; border-radius: 50%; background: var(--cr-verde); box-shadow: 0 0 12px var(--cr-verde); }
.cr-v-radar i.is-mal { background: var(--cr-naranja); box-shadow: 0 0 0 0 rgba(251, 146, 60, .6); animation: cr-alerta 1.6s infinite; }
@keyframes cr-gira { to { transform: rotate(360deg); } }
@keyframes cr-alerta { 70% { box-shadow: 0 0 0 14px rgba(251, 146, 60, 0); } 100% { box-shadow: 0 0 0 0 rgba(251, 146, 60, 0); } }

/* IPs excluidas */
.cr-v-ips { position: absolute; inset: 0; padding: 0 22px; mask-image: linear-gradient(transparent, #000 25%, #000 75%, transparent); -webkit-mask-image: linear-gradient(transparent, #000 25%, #000 75%, transparent); }
.cr-v-ips__pista { display: grid; gap: 8px; animation: cr-sube 9s linear infinite; }
.cr-v-ips span { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; border-radius: 10px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .08); }
.cr-v-ips b { font: 600 13px var(--cr-mono); color: #fff; }
.cr-v-ips em { font-style: normal; font: 700 10.5px var(--cr-mono); text-transform: uppercase; letter-spacing: .1em; color: var(--cr-naranja); }
@keyframes cr-sube { to { transform: translateY(-50%); } }

/* Filtro de conversiones */
.cr-v-filtro { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 22px; align-content: start; }
.cr-v-filtro span { font: 600 12.5px var(--cr-mono); padding: 8px 10px; border-radius: 8px; text-align: center; animation: cr-filtra 4s infinite; }
.cr-v-filtro .is-ok { background: rgba(18, 183, 106, .15); color: var(--cr-verde); }
.cr-v-filtro .is-mal { background: rgba(251, 146, 60, .12); color: var(--cr-naranja); animation-name: cr-descarta; }
.cr-v-filtro span:nth-child(3), .cr-v-filtro span:nth-child(4) { animation-delay: .6s; }
.cr-v-filtro__embudo { grid-column: 1 / -1; height: 46px; margin-top: 6px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .08), transparent); clip-path: polygon(0 0, 100% 0, 62% 100%, 38% 100%); }
.cr-v-filtro__salida { grid-column: 1 / -1; text-align: center; font: 700 12px var(--cr-mono); letter-spacing: .1em; text-transform: uppercase; color: #fff; }
@keyframes cr-filtra { 0%, 30% { transform: none; opacity: 1; } 55% { transform: translateY(46px) scale(.8); opacity: 0; } 56% { transform: translateY(-10px); opacity: 0; } 70%, 100% { transform: none; opacity: 1; } }
@keyframes cr-descarta { 0%, 30% { transform: none; opacity: 1; text-decoration: none; } 40% { text-decoration: line-through; } 55% { transform: translateX(40px) rotate(12deg); opacity: 0; } 70%, 100% { transform: none; opacity: 1; } }

/* Ubicaciones */
.cr-v-ubic { position: absolute; inset: 22px; display: grid; grid-template-columns: repeat(10, 1fr); gap: 6px; }
.cr-v-ubic i { border-radius: 4px; background: rgba(255, 255, 255, .08); aspect-ratio: 1; }
.cr-v-ubic i:nth-child(7n+3), .cr-v-ubic i:nth-child(11n+5) { animation: cr-basura 5s infinite; }
.cr-v-ubic i:nth-child(11n+5) { animation-delay: 1.2s; }
.cr-v-ubic i:nth-child(5n+2) { background: rgba(18, 183, 106, .28); }
@keyframes cr-basura { 0%, 20% { background: rgba(255, 255, 255, .08); } 35%, 70% { background: var(--cr-naranja); box-shadow: 0 0 12px rgba(251, 146, 60, .6); } 85%, 100% { background: transparent; box-shadow: inset 0 0 0 1.5px rgba(251, 146, 60, .5); } }

/* IA */
.cr-v-ia { position: absolute; inset: 0; display: flex; align-items: center; padding: 22px; }
.cr-v-ia code { display: grid; gap: 8px; font: 13px/1.4 var(--cr-mono); color: rgba(255, 255, 255, .75); background: none; }
.cr-v-ia__l, .cr-v-ia__r { opacity: 0; animation: cr-teclea 6s infinite; }
.cr-v-ia__l:nth-child(2) { animation-delay: .5s; }
.cr-v-ia__l:nth-child(3) { animation-delay: 1s; }
.cr-v-ia__r { animation-delay: 1.8s; color: var(--cr-naranja); font-weight: 700; }
.cr-v-ia b { color: var(--cr-verde); }
@keyframes cr-teclea { 0% { opacity: 0; transform: translateX(-6px); } 8%, 80% { opacity: 1; transform: none; } 92%, 100% { opacity: 0; } }

/* Ticket del informe */
.cr-v-ticket { position: absolute; inset: 0; display: flex; justify-content: center; }
.cr-v-ticket::before { content: ""; position: absolute; top: 18px; width: 300px; height: 10px; border-radius: 99px; background: #050A13; box-shadow: inset 0 2px 4px rgba(0, 0, 0, .6); z-index: 2; }
.cr-v-ticket__papel { position: relative; top: 23px; width: 260px; background: #fff; color: var(--cr-tinta); padding: 18px 20px 26px; display: grid; gap: 6px; font: 13px var(--cr-mono); animation: cr-imprime 5s var(--cr-ease) infinite; clip-path: polygon(0 0, 100% 0, 100% 96%, 95% 100%, 90% 96%, 85% 100%, 80% 96%, 75% 100%, 70% 96%, 65% 100%, 60% 96%, 55% 100%, 50% 96%, 45% 100%, 40% 96%, 35% 100%, 30% 96%, 25% 100%, 20% 96%, 15% 100%, 10% 96%, 5% 100%, 0 96%); }
.cr-v-ticket__papel b { font-size: 14px; }
.cr-v-ticket__total { margin-top: 6px; padding-top: 8px; border-top: 1px dashed var(--cr-linea); color: var(--cr-verde-t); font-weight: 700; }
@keyframes cr-imprime { 0% { transform: translateY(-100%); } 40%, 85% { transform: translateY(0); } 100% { transform: translateY(-100%); } }

/* ---------- Privacidad ---------- */
.cr-cero { margin: -20px 0 -6px !important; font-size: clamp(140px, 18vw, 260px); line-height: .9; font-weight: 800; letter-spacing: -.08em; color: transparent !important; -webkit-text-stroke: 2px var(--cr-verde); }
.cr-privacidad h2 { font-size: clamp(28px, 3vw, 40px); margin-top: 0; }

/* ---------- Pasos con ruta ---------- */
.cr-paso { text-align: left !important; background: #fff; border: 1px solid var(--cr-linea); border-radius: 20px; padding: 28px !important; }
.cr-paso__n { margin: 0 0 18px !important; box-shadow: 0 0 0 6px var(--cr-elev) !important; }
.cr-paso__codigo { margin-top: 18px !important; font: 600 12.5px var(--cr-mono) !important; color: var(--cr-verde) !important; background: var(--cr-noche); padding: 10px 12px; border-radius: 10px; }
.cr-pasos::before { top: 56px !important; }

/* ---------- Públicos ---------- */
.cr-publicos { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 2px solid var(--cr-tinta); }
.cr-publicos > * { margin: 0 !important; }
.cr-publico { padding: 32px 28px 36px !important; border-right: 1px solid var(--cr-linea); transition: background-color .35s, color .35s; }
.cr-publico:last-child { border-right: 0; }
.cr-publico__n { font: 700 12.5px var(--cr-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--cr-tinta-s); margin: 0 0 28px !important; }
.cr-publico h3 { font-size: 26px !important; letter-spacing: -.03em !important; font-weight: 800 !important; margin: 20px 0 10px; }
.cr-publico p { color: var(--cr-tinta-s); }
.cr-publico:hover { background: var(--cr-noche); color: #fff; }
.cr-publico:hover h3, .cr-publico:hover p { color: #fff; }
.cr-publico:hover .cr-publico__n { color: var(--cr-verde); }
.cr-publico:hover a { color: var(--cr-verde); }
@media (max-width: 781px) { .cr-publicos { grid-template-columns: 1fr; } .cr-publico { border-right: 0; border-bottom: 1px solid var(--cr-linea); } }

/* ---------- Tarjetas: esquinas de expediente ---------- */
.cr-tarjeta { position: relative; border-radius: 6px !important; }
.cr-tarjeta::before, .cr-tarjeta::after { content: ""; position: absolute; width: 14px; height: 14px; border-color: var(--cr-verde-t); border-style: solid; opacity: 0; transition: opacity .3s; }
.cr-tarjeta::before { top: -1px; left: -1px; border-width: 2px 0 0 2px; }
.cr-tarjeta::after { bottom: -1px; right: -1px; border-width: 0 2px 2px 0; }
.cr-tarjeta:hover::before, .cr-tarjeta:hover::after { opacity: 1; }
.cr-icono-caja { border-radius: 8px; }

/* ---------- FAQ en dos columnas ---------- */
.cr-split--arriba { align-items: flex-start !important; }
.cr-faq__lado { position: sticky; top: calc(var(--cr-cab-alto) + 24px); }
.cr-faq__lado h2 { font-size: clamp(32px, 3.6vw, 48px); letter-spacing: -.045em; margin-top: 0; }
.cr-faq__lado p:not(.cr-ante-mono) { color: var(--cr-tinta-s); }

/* ---------- Llamada final gigante ---------- */
.cr-cta-xl { padding-block: clamp(80px, 12vw, 160px) !important; text-align: center; background: var(--cr-noche); }
.cr-cta-xl > * { margin-inline: auto !important; max-width: 1200px; }
.cr-cta-xl__l1, .cr-cta-xl__l2 { margin: 0 !important; font-size: clamp(44px, 7.4vw, 120px); line-height: 1; font-weight: 800; letter-spacing: -.06em; color: #fff !important; }
.cr-cta-xl__l1 { color: rgba(255, 255, 255, .5) !important; }
.cr-cta-xl__texto { margin-top: 28px !important; font-size: clamp(17px, 1.5vw, 20px); }
.cr-cta-xl .wp-block-buttons { margin-top: 36px; gap: 12px; }
.cr-sello--grande { border-width: .06em; }

/* ---------- Pie con logotipo gigante ---------- */
.cr-pie { padding-bottom: 0 !important; overflow: hidden; }
.cr-logo-gigante { margin: 48px auto -2.5vw !important; line-height: 0; opacity: .9; }
.cr-logo-gigante svg { width: 100%; height: auto; }
.cr-logo-gigante svg path, .cr-logo-gigante svg circle { fill: none !important; stroke: rgba(255, 255, 255, .1); stroke-width: .6; }
.cr-logo-gigante svg path[stroke] { stroke: rgba(255, 255, 255, .1) !important; }

/* Cabeceras de landing un poco más grandes en la v2 */
.cr-landing-cabeza h1 { font-size: clamp(38px, 5vw, 72px) !important; line-height: 1 !important; letter-spacing: -.05em !important; }
.cr-landing-cabeza .cr-antetitulo, .cr-cabeza .cr-antetitulo { font-family: var(--cr-mono); }
.cr-landing-cabeza, .cr-cabeza { background-color: var(--cr-noche); }

/* Ajustes tras revisión */
.cr-cabecera-seccion:not(.is-centrado) { max-width: var(--wp--style--global--wide-size) !important; }
.cr-anat__paso { min-height: 42vh; }
.cr-sello-grande { top: auto; bottom: 92px; right: 22px; }
.cr-v-ubic { grid-template-rows: repeat(4, 1fr); }
.cr-v-ubic i { aspect-ratio: auto; }
.cr-hero__titulo { font-size: clamp(44px, 6vw, 88px) !important; }
@media (prefers-reduced-motion: reduce) {
	.cr-v-ia__l, .cr-v-ia__r, .cr-v-filtro span, .cr-v-ticket__papel, .cr-anuncio__coste { opacity: 1 !important; transform: none !important; animation: none !important; }
	.cr-cinta__pista, .cr-motivos__pista, .cr-v-ips__pista { animation: none !important; }
}
.cr-cta-xl__l1, .cr-cta-xl__l2 { font-size: clamp(40px, 6.4vw, 104px); text-align: center; }
:root { --cr-cab-alto: 122px; }
@media (max-width: 781px) { :root { --cr-cab-alto: 122px; } }
@media (max-width: 600px) {
	.cr-ficha-sosp { padding: 22px !important; }
	.cr-ficha-sosp .cr-icono-caja { position: static; margin-bottom: 10px; }
	.cr-ficha-sosp::after { top: 22px; }
	.cr-ficha-sosp:nth-child(n) { transform: none; }
}
@media (max-width: 860px) {
	.cr-campo { grid-template-columns: 108px 1fr; }
	.cr-campo dt { font-size: 10px; }
	.cr-sello-grande { bottom: auto; top: 54px; right: 14px; }
}
/* Desplegable: sin hueco entre el botón y el menú, para que no se cierre al bajar el ratón */
.cr-nav .wp-block-navigation__submenu-container { margin-top: 0 !important; top: 100% !important; }
.cr-nav .wp-block-navigation-item.has-child::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 14px; }
.cr-nav .has-child > .wp-block-navigation__submenu-container { transform: translateY(10px); }
.cr-nav .has-child > .wp-block-navigation__submenu-container::before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }

/* ---------- Calculadora de ahorro ---------- */
.cr-calc { border-radius: 22px !important; }
.cr-calc__paso { grid-column: 1 / -1; margin: 6px 0 -6px; font: 700 11.5px var(--cr-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--cr-verde-t); }
.cr-calc__paso--claro { color: var(--cr-verde); margin: 0; grid-column: 1 / -1; }
.cr-calc input[type=range] { appearance: none; -webkit-appearance: none; height: 8px; border-radius: 99px; background: var(--cr-elev); border: 1px solid var(--cr-linea); }
.cr-calc input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 26px; height: 26px; border-radius: 50%; background: var(--cr-noche); border: 4px solid var(--cr-verde); cursor: grab; box-shadow: 0 4px 12px rgba(11,18,32,.25); }
.cr-calc input[type=range]::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--cr-noche); border: 4px solid var(--cr-verde); cursor: grab; }
.cr-calc__escala { display: flex; justify-content: space-between; font: 11px var(--cr-mono); color: var(--cr-tinta-s); margin-top: 6px; }
.cr-calc label output { font-weight: 800; color: var(--cr-tinta); font-size: 18px; margin-left: 4px; }
.cr-calc__escenarios { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.cr-calc__escenarios button { font: 700 15px var(--wp--preset--font-family--sans); border: 1.5px solid var(--cr-linea); background: #fff; border-radius: 12px; padding: 10px; cursor: pointer; color: var(--cr-tinta); transition: border-color .2s, background-color .2s; }
.cr-calc__escenarios button small { display: block; font: 600 12px var(--cr-mono); color: var(--cr-tinta-s); margin-top: 2px; }
.cr-calc__escenarios button.is-activo { border-color: var(--cr-noche); background: var(--cr-noche); color: #fff; }
.cr-calc__escenarios button.is-activo small { color: var(--cr-verde); }
.cr-calc__n--verde { color: var(--cr-verde) !important; }
.cr-calc__neto { grid-column: 1 / -1; padding: 18px; border-radius: 14px; background: rgba(18,183,106,.08); border: 1px solid rgba(18,183,106,.3); }
.cr-calc__neto .cr-calc__n { font-size: 40px; }
.cr-calc__barra { height: 6px; border-radius: 99px; background: rgba(255,255,255,.1); margin-top: 10px; overflow: hidden; }
.cr-calc__barra i { display: block; height: 100%; background: var(--cr-verde); transition: width .4s var(--cr-ease); }
.cr-calc__resultado { align-content: start !important; }
.cr-calculo-seccion .cr-calc { box-shadow: 0 30px 80px rgba(11,18,32,.12); }

/* =========================================================
   Blog: portadas generadas, destacado, rejilla y artículo
   ========================================================= */
.cr-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 28px 0 0; }
.cr-chips li { margin: 0; }
.cr-chips a, .cr-chips.wp-block-post-terms a {
	display: inline-block; padding: 7px 14px; border-radius: 999px; font: 600 14px/1.2 var(--wp--preset--font-family--sans);
	text-decoration: none; border: 1px solid var(--cr-linea-oscura); color: #fff; background: rgba(255,255,255,.04); transition: background .2s, border-color .2s, color .2s;
}
.cr-chips a:hover, .cr-chips .current-cat a { background: var(--cr-verde) !important; border-color: var(--cr-verde) !important; color: var(--cr-noche) !important; }
.cr-chips--claro { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 40px; }
.cr-chips--claro .wp-block-post-terms__separator { display: none; }
.cr-chips--claro a { color: var(--cr-tinta); border-color: var(--cr-linea); background: transparent; }
.cr-chips--claro a::before { content: "#"; color: var(--cr-verde-t); margin-right: 2px; }

.cr-portada {
	position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 10px;
	aspect-ratio: 16 / 10; padding: clamp(18px, 3vw, 28px); border-radius: var(--cr-radio-l); overflow: hidden;
	text-decoration: none; color: #fff; background: var(--cr-noche); isolation: isolate;
	transition: transform .35s var(--cr-ease), box-shadow .35s var(--cr-ease);
}
.cr-portada::before { /* papel cuadriculado */
	content: ""; position: absolute; inset: 0; z-index: -1; opacity: .5;
	background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
	background-size: 22px 22px;
}
.cr-portada::after { /* cursor de marca */
	content: ""; position: absolute; z-index: -1; width: 46%; aspect-ratio: 1; right: -6%; top: -10%; opacity: .14;
	background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 9.5-7 1.6-3.6 6.9z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 9.5-7 1.6-3.6 6.9z'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform .5s var(--cr-ease);
}
.cr-portada--v0 { background: radial-gradient(120% 90% at 100% 0, #0f3d2a 0, var(--cr-noche) 60%); }
.cr-portada--v0::after { color: var(--cr-verde); }
.cr-portada--v1 { background: radial-gradient(120% 90% at 0 0, #3b1d0c 0, var(--cr-noche) 62%); }
.cr-portada--v1::after { color: var(--cr-naranja); right: auto; left: 52%; top: 18%; transform: rotate(18deg); }
.cr-portada--v2 { background: linear-gradient(160deg, #10203a 0, var(--cr-noche) 70%); }
.cr-portada--v2::after { color: #7dd3fc; top: auto; bottom: -18%; }
.cr-portada:hover { transform: translateY(-4px); box-shadow: 0 24px 50px -24px rgba(5,10,19,.6); }
.cr-portada:hover::after { transform: translate(-6px, 6px) rotate(-6deg); }
.cr-portada__cat { font: 600 12px/1 var(--cr-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--cr-verde); }
.cr-portada--v1 .cr-portada__cat { color: var(--cr-naranja); }
.cr-portada--v2 .cr-portada__cat { color: #7dd3fc; }
.cr-portada__titulo { font: 800 clamp(19px, 2vw, 24px)/1.15 var(--wp--preset--font-family--sans); letter-spacing: -.02em; max-width: 18ch; text-wrap: balance; }
.cr-portada__ref { position: absolute; top: clamp(18px, 3vw, 28px); left: clamp(18px, 3vw, 28px); font: 500 11px/1 var(--cr-mono); color: rgba(255,255,255,.45); letter-spacing: .06em; }
.cr-portada__sello {
	position: absolute; top: clamp(16px, 3vw, 26px); right: clamp(16px, 3vw, 26px); font: 800 13px/1 var(--wp--preset--font-family--sans);
	text-transform: uppercase; letter-spacing: .06em; color: var(--cr-verde); border: 2px solid currentColor; border-radius: 4px; padding: 5px 7px 4px; transform: rotate(6deg);
}
.cr-portada--v1 .cr-portada__sello { color: var(--cr-peligro); }
.cr-portada--v2 .cr-portada__sello { color: var(--cr-aviso); }
.cr-portada--grande { aspect-ratio: 16 / 9; }
.cr-portada--grande .cr-portada__titulo { font-size: clamp(26px, 3.6vw, 44px); max-width: 16ch; }
.cr-portada--grande .cr-portada__sello { font-size: clamp(14px, 1.6vw, 20px); }
.cr-portada--foto { padding: 0; }
.cr-portada--foto img { width: 100%; height: 100%; object-fit: cover; display: block; }

.cr-post-meta { gap: 6px 14px !important; align-items: center; font-size: 14px; }
.cr-categoria { font: 600 12px/1 var(--cr-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--cr-verde-t); text-decoration: none; }
.cr-categoria:hover { text-decoration: underline; }
.cr-lectura { color: var(--cr-tinta-c); font-size: 14px; }
.cr-lectura::before { content: "·"; margin-right: 14px; color: var(--cr-tinta-c); }
.cr-post-fecha { color: var(--cr-tinta-c); font-size: 14px; margin-top: 14px; }
.is-style-oscuro .cr-categoria { color: var(--cr-verde); }
.is-style-oscuro .cr-lectura, .is-style-oscuro .cr-lectura::before { color: rgba(255,255,255,.6); }

.cr-blog { padding-block: clamp(48px, 7vw, 96px) !important; }
.cr-destacado { margin-bottom: clamp(48px, 6vw, 80px) !important; }
.cr-destacado .wp-block-post-template { margin: 0; }
.cr-post-destacado { display: grid; grid-template-columns: 1.35fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: center; }
.cr-post-destacado__texto > * { margin-block: 0 14px; }
.cr-post-destacado .wp-block-post-title { font-size: clamp(28px, 3.4vw, 42px); line-height: 1.08; letter-spacing: -.03em; margin-block: 8px 16px; }
.cr-post-destacado .wp-block-post-title a, .cr-post-tarjeta .wp-block-post-title a { text-decoration: none; color: inherit; background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat; transition: background-size .35s var(--cr-ease); }
.cr-post-destacado .wp-block-post-title a:hover, .cr-post-tarjeta .wp-block-post-title a:hover { background-size: 100% 2px; }
.cr-post-destacado .wp-block-post-excerpt { color: var(--cr-tinta-s); font-size: 18px; }

.cr-rejilla-posts { gap: clamp(28px, 3vw, 40px) !important; }
.cr-post-tarjeta { display: flex; flex-direction: column; gap: 18px; height: 100%; }
.cr-post-tarjeta__texto > * { margin-block: 0 10px; }
.cr-post-tarjeta .wp-block-post-title { font-size: 21px; line-height: 1.22; letter-spacing: -.015em; margin-block: 6px 10px; }
.cr-post-tarjeta .wp-block-post-excerpt { color: var(--cr-tinta-s); font-size: 16px; }
.cr-post-tarjeta .wp-block-post-excerpt__more-text { display: none; }

.cr-cabeza--post .cr-cabeza__titulo { font-size: clamp(34px, 5vw, 60px); line-height: 1.04; letter-spacing: -.035em; text-wrap: balance; }
.cr-cabeza--post .cr-post-meta { margin-top: 20px; }
.cr-cabeza--post { padding-bottom: clamp(120px, 14vw, 200px) !important; }
.cr-post-portada { margin-top: calc(-1 * clamp(90px, 11vw, 160px)) !important; position: relative; z-index: 2; }
.cr-post-portada .cr-portada { box-shadow: 0 30px 70px -30px rgba(5,10,19,.55); }
.cr-post-portada .cr-portada:hover { transform: none; }
.cr-articulo { padding-block: clamp(40px, 6vw, 72px) clamp(48px, 7vw, 96px) !important; font-size: 19px; line-height: 1.7; }
.cr-articulo h2 { font-size: clamp(25px, 2.6vw, 32px); letter-spacing: -.025em; margin-top: 1.8em; }
.cr-articulo .cr-resumen { border-left: 4px solid var(--cr-verde); background: var(--cr-verde-s); padding: 20px 24px; border-radius: 0 var(--cr-radio) var(--cr-radio) 0; font-size: 18px; }
.cr-articulo .cr-resumen .cr-antetitulo { font: 700 12px/1 var(--cr-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--cr-verde-t); margin: 0 0 8px; }
.cr-articulo .cr-resumen p:last-child { margin-bottom: 0; }
.cr-relacionados h2 { margin-bottom: 32px; }

@media (max-width: 860px) {
	.cr-post-destacado { grid-template-columns: 1fr; }
	.cr-rejilla-posts { grid-template-columns: 1fr !important; }
}
@media (min-width: 600px) and (max-width: 860px) { .cr-rejilla-posts { grid-template-columns: repeat(2, 1fr) !important; } }
@media (prefers-reduced-motion: reduce) { .cr-portada, .cr-portada::after { transition: none; } }

/* =========================================================
   Contacto
   ========================================================= */
.cr-contacto { background: var(--cr-elev); border: 1px solid var(--cr-linea); border-radius: var(--cr-radio-l); padding: clamp(22px, 4vw, 40px); box-shadow: var(--cr-sombra); }
.cr-contacto__form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.cr-contacto__form > .cr-contacto__acepto, .cr-contacto__form > button { grid-column: 1 / -1; }
.cr-contacto select, .cr-contacto textarea { flex: 1; min-width: 0; border: 0; padding: 12px 14px; font: 500 17px/1.5 var(--wp--preset--font-family--sans); color: var(--cr-tinta); outline: none; background: transparent; }
.cr-contacto .cr-calc__entrada input { font-weight: 500; font-size: 17px; }
.cr-contacto textarea { resize: vertical; min-height: 140px; }
.cr-contacto label small { color: var(--cr-tinta-c); font-weight: 400; }
.cr-contacto__trampa { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.cr-contacto__acepto { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; color: var(--cr-tinta-s); }
.cr-contacto__acepto input { margin-top: 4px; width: 18px; height: 18px; accent-color: var(--cr-verde-t); flex: none; }
.cr-contacto button[type=submit] { justify-self: start; border: 0; cursor: pointer; padding: 15px 26px; border-radius: 999px; background: var(--cr-verde); color: var(--cr-noche); font: 700 17px/1 var(--wp--preset--font-family--sans); transition: transform .2s, box-shadow .2s; }
.cr-contacto button[type=submit]:hover { transform: translateY(-2px); box-shadow: 0 12px 26px -12px var(--cr-verde); }
.cr-contacto__error { background: var(--cr-peligro-s); color: var(--cr-peligro); border-radius: var(--cr-radio); padding: 12px 16px; font-weight: 600; margin: 0 0 20px; }
.cr-contacto__ok { text-align: center; padding: 32px 8px; }
.cr-contacto__ok .cr-sello { font: 800 28px/1 var(--wp--preset--font-family--sans); text-transform: uppercase; margin-bottom: 20px; }
.cr-contacto__notas { padding-left: 1.1em; color: var(--cr-tinta-s); }
.cr-contacto__notas li { margin-bottom: 8px; }
@media (max-width: 640px) { .cr-contacto__form { grid-template-columns: 1fr; } }
.cr-cabeza--blog .cr-cabeza__entradilla { max-width: 1200px !important; margin-inline: auto !important; }
.cr-cabeza--post .cr-cabeza__entradilla { max-width: 860px !important; margin-inline: auto !important; font-size: clamp(18px, 1.6vw, 21px); }

/* =========================================================
   Selector de idioma (WPML)
   ========================================================= */
.cr-idiomas { position: relative; }
.cr-idiomas summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; padding: 8px 10px; border-radius: 999px; font: 600 13px/1 var(--wp--preset--font-family--sans); color: inherit; border: 1px solid transparent; transition: background .2s, border-color .2s; }
.cr-idiomas summary::-webkit-details-marker { display: none; }
.cr-idiomas summary::after { content: ""; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); opacity: .7; }
.cr-idiomas summary:hover, .cr-idiomas[open] summary { background: rgba(255,255,255,.08); border-color: var(--cr-linea-oscura); }
.cr-idiomas__lista { position: absolute; z-index: 60; right: 0; top: calc(100% + 8px); min-width: 190px; list-style: none; margin: 0; padding: 6px; background: var(--cr-noche); border: 1px solid var(--cr-linea-oscura); border-radius: 14px; box-shadow: 0 24px 50px -20px rgba(0,0,0,.6); }
.cr-idiomas__lista a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 12px; border-radius: 9px; color: #fff; text-decoration: none; font-size: 14.5px; }
.cr-idiomas__lista a:hover { background: rgba(255,255,255,.07); }
.cr-idiomas__lista a[aria-current] { color: var(--cr-verde); }
.cr-idiomas__lista small { font: 500 11px var(--cr-mono); opacity: .55; }
.cr-idiomas--pie summary { border-color: var(--cr-linea-oscura); }
.cr-idiomas--pie .cr-idiomas__lista { top: auto; bottom: calc(100% + 8px); left: 0; right: auto; }
.cr-capsula .cr-idiomas { flex: none; }
@media (max-width: 781px) {
	.cr-capsula .cr-idiomas summary { padding: 8px; }
	.cr-capsula .cr-idiomas__actual { font-size: 12px; }
}
.cr-capsula__acciones, .cr-capsula__acciones .wp-block-button__link { white-space: nowrap; flex: none; }
.cr-capsula .cr-logo { flex: none; }
/* Menú desplegable (hamburguesa) también en tablet: el menú completo no cabe en la cápsula. */
@media (min-width: 600px) and (max-width: 1100px) {
	.cr-capsula .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.cr-capsula .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
	.cr-capsula .cr-nav { order: 9; }
}
@media (max-width: 1100px) {
	.cr-capsula { gap: 8px; }
	.cr-capsula .cr-logo { margin-right: auto; }
}
@media (max-width: 599px) {
	.cr-capsula .cr-nav { order: 9; }
	.cr-capsula .cr-idiomas summary::after, .cr-capsula .cr-idiomas__actual { display: none; }
	.cr-capsula .cr-idiomas summary { padding: 8px 6px; }
}
@media (max-width: 380px) {
	.cr-capsula .cr-idiomas { display: none; }
	.cr-capsula { padding-left: 12px; }
	.cr-capsula .cr-logo__svg { height: 22px; }
	.cr-capsula__acciones .wp-block-button__link { padding: 9px 12px !important; font-size: 13.5px; }
}
/* Formularios: que nunca desborden en móvil */
.cr-calc__form > *, .cr-calc__resultado > *, .cr-contacto__form > *, .cr-calc__campo, .cr-calc__entrada { min-width: 0; }
.cr-calc__entrada input, .cr-calc__entrada select, .cr-calc__entrada textarea { width: 100%; min-width: 0; }
.cr-contacto select { text-overflow: ellipsis; }
@media (max-width: 520px) {
	.cr-calc__resultado { grid-template-columns: 1fr 1fr; gap: 18px; }
	.cr-calc__escenarios button { padding-inline: 4px; }
	.cr-contacto { padding: 18px; }
}
.wp-block-table { overflow-x: auto; }
/* Menú abierto: el desenfoque de la cápsula atrapaba el panel fijo dentro de ella. */
.cr-capsula:has(.is-menu-open), .cr-capsula-zona:has(.is-menu-open), .cr-cabecera-sitio:has(.is-menu-open) { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transform: none !important; filter: none !important; }
.cr-capsula .wp-block-navigation__responsive-container.is-menu-open {
	position: fixed; inset: 0; z-index: 100000; background: var(--cr-noche) !important; color: #fff !important;
	padding: calc(24px + env(safe-area-inset-top, 0px)) 24px 32px; overflow-y: auto;
}
.cr-capsula .is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start !important; gap: 4px; padding-top: 48px; }
.cr-capsula .is-menu-open .wp-block-navigation__container { flex-direction: column; align-items: flex-start !important; gap: 2px !important; width: 100%; }
.cr-capsula .is-menu-open .wp-block-navigation-item__content { font-size: 22px; font-weight: 700; letter-spacing: -.02em; padding: 10px 0 !important; color: #fff !important; }
.cr-capsula .is-menu-open .wp-block-navigation__submenu-container { position: static !important; opacity: 1 !important; visibility: visible !important; width: auto !important; height: auto !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 0 8px 14px !important; margin: 0 !important; transform: none !important; }
.cr-capsula .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 17px; font-weight: 500; color: #C9D1DC !important; padding: 7px 0 !important; }
.cr-capsula .is-menu-open .wp-block-navigation__submenu-container::before { display: none; }
.cr-capsula .is-menu-open .wp-block-navigation-submenu__toggle { display: none; }
.cr-capsula .wp-block-navigation__responsive-container-close { color: #fff; top: calc(20px + env(safe-area-inset-top, 0px)); right: 20px; }
.cr-capsula .wp-block-navigation__responsive-container-close svg { width: 28px; height: 28px; }
.cr-capsula .is-menu-open .wp-block-navigation-item, .cr-capsula .is-menu-open .wp-block-navigation__submenu-container, .cr-capsula .is-menu-open .has-child { align-items: flex-start !important; text-align: left !important; width: 100%; }
.cr-capsula .is-menu-open .has-child > .wp-block-navigation-item__content { padding-left: 0 !important; }
.cr-capsula .is-menu-open .wp-block-navigation__submenu-container { padding-left: 0 !important; border-left: 2px solid rgba(255,255,255,.12) !important; margin-left: 2px !important; padding-left: 16px !important; }

/* Menú móvil: cuenta, «Recursos» plegable y tamaños más compactos */
.cr-nav .cr-nav-cuenta { display: none !important; }
.cr-capsula .is-menu-open .cr-nav-cuenta { display: flex !important; width: 100%; }
.cr-capsula .is-menu-open .cr-nav-entrar { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); }
.cr-capsula .is-menu-open .cr-nav-cuenta > .wp-block-navigation-item__content { display: flex !important; justify-content: center; width: 100%; border-radius: 999px; padding: 14px 18px !important; font-size: 17px !important; }
.cr-capsula .is-menu-open .cr-nav-entrar > .wp-block-navigation-item__content { border: 1px solid rgba(255,255,255,.25); }
.cr-capsula .is-menu-open .cr-nav-prueba { margin-top: 10px; }
.cr-capsula .is-menu-open .cr-nav-prueba > .wp-block-navigation-item__content { background: var(--cr-verde); color: var(--cr-noche) !important; font-weight: 700; }
.cr-capsula .is-menu-open .wp-block-navigation-item__content { font-size: 19px; padding: 9px 0 !important; }
.cr-capsula .is-menu-open .has-child > .wp-block-navigation-item__content { display: flex !important; align-items: center; gap: 10px; }
.cr-capsula .is-menu-open .has-child > .wp-block-navigation-item__content::after { content: ""; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-3px); transition: transform .2s; }
.cr-capsula .is-menu-open .has-child.cr-abierto > .wp-block-navigation-item__content::after { transform: rotate(-135deg) translateY(-1px); }
.cr-capsula .is-menu-open .has-child:not(.cr-abierto) > .wp-block-navigation__submenu-container { display: none !important; }
.cr-capsula .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 16px !important; padding: 6px 0 !important; }
.cr-capsula .is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 40px !important; }

/* Pie en móvil: bloques plegables */
.cr-pie__boton { all: unset; cursor: default; }
@media (max-width: 781px) {
	.cr-js .cr-pie__columnas { gap: 0 !important; }
	.cr-js .cr-pie__columnas > .wp-block-column:not(.cr-pie__marca) { border-top: 1px solid var(--cr-linea-oscura); }
	.cr-js .cr-pie__marca { margin-bottom: 24px; }
	.cr-js .cr-pie__titulo { margin: 0 !important; }
	.cr-js .cr-pie__boton { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 16px 0; cursor: pointer; font: inherit; color: inherit; }
	.cr-js .cr-pie__boton::after { content: "+"; font-size: 22px; font-weight: 400; line-height: 1; opacity: .7; }
	.cr-js .cr-pie__boton[aria-expanded="true"]::after { content: "−"; }
	.cr-js .cr-pie__lista { display: none; padding-bottom: 14px !important; }
	.cr-js .cr-pie__lista.cr-abierta { display: block; }
	.cr-js .cr-pie__columnas > .wp-block-column:not(.cr-pie__marca) .cr-pie__titulo ~ .cr-pie__titulo { border-top: 1px solid var(--cr-linea-oscura); }
}

/* =========================================================
   Comparativa ClicReal vs herramienta externa
   ========================================================= */
.cr-cmp { position: relative; display: grid; grid-template-columns: 1.1fr 1fr 1fr; border-radius: 22px; background: #fff; border: 1px solid var(--cr-linea); box-shadow: 0 30px 70px -40px rgba(11,18,32,.35); overflow: hidden; }
.cr-cmp__cab, .cr-cmp__fila { display: contents; }
.cr-cmp__cab > * { padding: 22px 22px 18px; }
.cr-cmp__col { display: flex; flex-direction: column; gap: 2px; font-weight: 700; font-size: 16px; color: var(--cr-tinta-s); background: var(--cr-elev); }
.cr-cmp__col small, .cr-cmp__col--cr small { font: 600 11px var(--cr-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--cr-tinta-c); }
.cr-cmp__col--cr { background: var(--cr-noche); color: #fff; position: relative; }
.cr-cmp__col--cr small { color: var(--cr-verde); }
.cr-cmp__col--cr::before { content: "Recomendado"; position: absolute; top: 14px; right: 14px; font: 700 10px var(--cr-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--cr-noche); background: var(--cr-verde); padding: 3px 7px; border-radius: 99px; }
.cr-cmp__marca { font-size: 20px; font-weight: 800; letter-spacing: -.02em; }
.cr-cab-vacia { background: transparent; }
.cr-cmp__cab > :first-child { background: var(--cr-elev); }
.cr-cmp__que, .cr-cmp__cel { padding: 18px 22px; border-top: 1px solid var(--cr-linea); display: flex; align-items: flex-start; gap: 10px; font-size: 15.5px; line-height: 1.45; }
.cr-cmp__que { font-weight: 700; color: var(--cr-tinta); }
.cr-cmp__cel { color: var(--cr-tinta-s); }
.cr-cmp__cel--cr { background: rgba(18,183,106,.06); color: var(--cr-tinta); font-weight: 600; box-shadow: inset 2px 0 0 var(--cr-verde), inset -2px 0 0 var(--cr-verde); }
.cr-cmp__fila:last-child .cr-cmp__cel--cr { box-shadow: inset 2px 0 0 var(--cr-verde), inset -2px 0 0 var(--cr-verde), inset 0 -2px 0 var(--cr-verde); }
.cr-cmp__ico { flex: none; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; margin-top: 1px; }
.cr-cmp__ico--ok { background: var(--cr-verde); color: var(--cr-noche); }
.cr-cmp__ico--mal { background: var(--cr-peligro-s); color: var(--cr-peligro); }
.cr-cmp__ico--medio { background: var(--cr-aviso-s); color: var(--cr-aviso); }
.cr-cmp__etq { display: none; }
@media (max-width: 760px) {
	.cr-cmp { grid-template-columns: 1fr 1fr; border-radius: 18px; }
	.cr-cmp__cab > :first-child { display: none; }
	.cr-cmp__cab > * { padding: 16px 14px 14px; }
	.cr-cmp__col--cr::before { position: static; align-self: flex-start; margin-bottom: 6px; }
	.cr-cmp__marca { font-size: 17px; }
	.cr-cmp__col { font-size: 14px; }
	.cr-cmp__que { grid-column: 1 / -1; padding: 14px 14px 4px; font-size: 13px; font-family: var(--cr-mono); text-transform: uppercase; letter-spacing: .06em; color: var(--cr-tinta-c); font-weight: 600; background: #fff; }
	.cr-cmp__cel { border-top: 0; padding: 6px 14px 16px; font-size: 14.5px; flex-direction: column; gap: 6px; }
	.cr-cmp__cel--cr { box-shadow: none; background: rgba(18,183,106,.08); border-radius: 0; }
}
.vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }