/* ============================================================
   ResumenFP Study Tool — rfp-style.css v5.0
   Scoped: .rfp-wrap — sin conflictos con el tema WordPress

   FIX CRÍTICO v5.0:
   .rfp-article-body p { margin-bottom: 1.2em !important }
   El !important es necesario para sobreponer resets del tema.

   Mejoras v5.0:
   - min-height en anuncios → previene CLS (Core Web Vitals)
   - Breadcrumbs
   - User progress bar
   - Hint en tarjeta
   - Tiempo de lectura
   - Dark mode media query
   - Better responsive (mobile-first)
   ============================================================ */

/* ── Variables CSS ───────────────────────────────────────── */
:root {
	--rfp-primary : #f97316;
	--rfp-dark    : #1a1a1a;
	--rfp-white   : #ffffff;
	--rfp-gray1   : #f5f5f5;
	--rfp-gray2   : #e8e8e8;
	--rfp-gray3   : #6b7280;
	--rfp-green   : #16a34a;
	--rfp-green2  : #14532d;
	--rfp-red     : #dc2626;
	--rfp-amber   : #92400e;
	--rfp-blue    : #2563eb;
	--rfp-purple  : #8b5cf6;
	--rfp-radius  : 12px;
	--rfp-shadow  : 0 4px 20px rgba(0,0,0,.10);
	--rfp-font    : -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* ── Reset scoped ────────────────────────────────────────── */
.rfp-wrap, .rfp-wrap *, .rfp-wrap *::before, .rfp-wrap *::after {
	box-sizing: border-box !important;
}
.rfp-wrap {
	font-family : var(--rfp-font) !important;
	font-size   : 16px !important;
	line-height : 1.65 !important;
	color       : var(--rfp-dark) !important;
	max-width   : 860px;
	margin      : 0 auto;
	padding     : 0 16px 56px;
}
.rfp-hidden { display: none !important; }
.rfp-error  { color:var(--rfp-red);font-size:.9rem;padding:12px 16px;background:#fee2e2;border-radius:8px;border-left:4px solid var(--rfp-red); }
.rfp-empty  { color:var(--rfp-gray3);font-size:.9rem;padding:20px;text-align:center;background:var(--rfp-gray1);border-radius:var(--rfp-radius); }

/* ── Breadcrumbs ─────────────────────────────────────────── */
.rfp-breadcrumbs {
	display    : flex;
	align-items: center;
	flex-wrap  : wrap;
	gap        : 4px;
	font-size  : .82rem;
	color      : var(--rfp-gray3);
	margin-bottom: 20px;
	padding    : 8px 12px;
	background : var(--rfp-gray1);
	border-radius: 8px;
}
.rfp-bc-link  { color: var(--rfp-primary); text-decoration: none; }
.rfp-bc-link:hover { text-decoration: underline; }
.rfp-bc-current { font-weight: 700; color: var(--rfp-dark); }
.rfp-bc-sep { color: var(--rfp-gray3); }

/* ── Artículo ────────────────────────────────────────────── */
.rfp-article { margin-bottom: 36px; }

.rfp-article-header { margin-bottom: 20px; }

.rfp-article-title {
	font-size    : clamp(1.4rem,4vw,2rem) !important;
	font-weight  : 800 !important;
	color        : var(--rfp-dark) !important;
	margin-bottom: 8px !important;
	line-height  : 1.2 !important;
}
.rfp-article-meta {
	display    : flex;
	align-items: center;
	gap        : 16px;
	font-size  : .82rem;
	color      : var(--rfp-gray3);
}
.rfp-read-time, .rfp-updated {
	display    : flex;
	align-items: center;
	gap        : 4px;
}

/*
 * FIX CRÍTICO v5.0: párrafos del artículo sin separación.
 *
 * PROBLEMA: Los temas WP aplican `p { margin: 0 }` o similar.
 * SOLUCIÓN: !important aquí + wpautop() en PHP garantizan
 *           párrafos separados independientemente del tema.
 */
.rfp-article-body { font-size: 1rem; line-height: 1.8; }

.rfp-article-body p {
	margin-bottom: 1.2em !important; /* ← FIX CRÍTICO */
	margin-top   : 0     !important;
}

.rfp-article-body h2,
.rfp-article-body h3,
.rfp-article-body h4 {
	color        : var(--rfp-dark);
	font-weight  : 700;
	margin-top   : 1.6em !important;
	margin-bottom: .5em  !important;
	line-height  : 1.3;
}
.rfp-article-body h2 { font-size: 1.35rem !important; border-bottom: 2px solid var(--rfp-gray2); padding-bottom: .3em; }
.rfp-article-body h3 { font-size: 1.15rem !important; }
.rfp-article-body h4 { font-size: 1rem    !important; }

.rfp-article-body ul,
.rfp-article-body ol { margin: .8em 0 1.2em 1.5em !important; padding: 0; }
.rfp-article-body li { margin-bottom: .4em; }

.rfp-article-body strong, .rfp-article-body b { font-weight: 700; color: var(--rfp-dark); }
.rfp-article-body em, .rfp-article-body i     { font-style: italic; }

.rfp-article-body table   { width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.95rem; }
.rfp-article-body th,
.rfp-article-body td      { border:1px solid var(--rfp-gray2);padding:8px 12px;text-align:left; }
.rfp-article-body th      { background:var(--rfp-dark);color:var(--rfp-white);font-weight:700; }
.rfp-article-body tr:nth-child(even) td { background: var(--rfp-gray1); }

.rfp-article-body blockquote {
	border-left:4px solid var(--rfp-primary);padding:10px 16px;margin:1em 0;
	background:#fff8f0;border-radius:0 var(--rfp-radius) var(--rfp-radius) 0;
	font-style:italic;color:#555;
}
.rfp-article-body img { max-width:100%;height:auto;border-radius:8px;margin:1em 0; }

/* ── User Progress Bar ───────────────────────────────────── */
.rfp-user-progress {
	background   : var(--rfp-gray1);
	border       : 1px solid var(--rfp-gray2);
	border-radius: 10px;
	padding      : 12px 16px;
	margin-bottom: 20px;
}
.rfp-up-header {
	display        : flex;
	justify-content: space-between;
	align-items    : center;
	flex-wrap      : wrap;
	gap            : 8px;
	font-size      : .84rem;
	margin-bottom  : 8px;
}
.rfp-up-label { font-weight: 700; color: var(--rfp-dark); }
.rfp-up-stats { color: var(--rfp-gray3); }
.rfp-up-bar   { height:8px;background:var(--rfp-gray2);border-radius:10px;overflow:hidden; }
.rfp-up-fill  { height:100%;border-radius:10px;transition:width .6s ease; }

/* ── Secciones ───────────────────────────────────────────── */
.rfp-section { margin-top: 44px; }
.rfp-section-title {
	font-size    : 1.35rem !important;
	font-weight  : 800 !important;
	color        : var(--rfp-dark) !important;
	margin-bottom: 6px !important;
	display      : flex;
	align-items  : center;
	gap          : 10px;
}
.rfp-section-title::after { content:'';flex:1;height:3px;background:var(--rfp-primary);border-radius:2px; }
.rfp-section-sub { color:var(--rfp-gray3);font-size:.9rem;margin-bottom:22px; }

/* ── Tabs ────────────────────────────────────────────────── */
.rfp-tabs { display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px; }
.rfp-tab {
	background   : var(--rfp-gray1);
	border       : 2px solid var(--rfp-gray2);
	border-radius: 30px;
	padding      : 8px 20px;
	font-size    : .88rem;
	font-weight  : 700;
	cursor       : pointer;
	transition   : all .18s;
	color        : #555;
	font-family  : var(--rfp-font);
}
.rfp-tab:hover          { border-color:var(--rfp-primary);color:var(--rfp-primary); }
.rfp-tab.rfp-active     { background:var(--rfp-dark);border-color:var(--rfp-dark);color:var(--rfp-primary); }
.rfp-tab:focus-visible  { outline:3px solid var(--rfp-primary);outline-offset:2px; }

/* ── Flashcard Stats ─────────────────────────────────────── */
.rfp-fc-stats { display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;font-size:.86rem;color:#555; }
.rfp-fc-stats strong { color:var(--rfp-dark);font-size:.95rem; }
.rfp-pill-green { background:var(--rfp-green);color:#fff;border-radius:20px;padding:3px 11px;font-size:.8rem;font-weight:700; }
.rfp-pill-amber { background:var(--rfp-amber);color:#fff;border-radius:20px;padding:3px 11px;font-size:.8rem;font-weight:700; }

.rfp-btn-sm {
	background:var(--rfp-gray1);border:1px solid var(--rfp-gray2);border-radius:20px;
	padding:4px 12px;font-size:.8rem;font-weight:600;cursor:pointer;color:#555;
	transition:all .15s;font-family:var(--rfp-font);
}
.rfp-btn-sm:hover { border-color:var(--rfp-primary);color:var(--rfp-primary); }

/* ── Progress Bar ────────────────────────────────────────── */
.rfp-prog-bar  { height:6px;background:var(--rfp-gray2);border-radius:10px;margin-bottom:22px;overflow:hidden; }
.rfp-prog-fill { height:100%;background:linear-gradient(90deg,var(--rfp-primary),#fb923c);border-radius:10px;transition:width .4s ease;width:0%; }

/* ── Tarjeta flip ────────────────────────────────────────── */
.rfp-card-wrap {
	perspective  : 1200px;
	height       : 240px;
	margin-bottom: 18px;
	cursor       : pointer;
	outline      : none;
}
.rfp-card-wrap:focus-visible { outline:3px solid var(--rfp-primary);outline-offset:4px;border-radius:var(--rfp-radius); }

.rfp-card-inner {
	position        : relative;
	width           : 100%;
	height          : 100%;
	transform-style : preserve-3d;
	transition      : transform .48s cubic-bezier(.4,0,.2,1);
}
.rfp-card-wrap.rfp-flipped .rfp-card-inner { transform: rotateY(180deg); }

.rfp-card-front,
.rfp-card-back {
	position            : absolute;
	inset               : 0;
	backface-visibility : hidden;
	-webkit-backface-visibility: hidden;
	border-radius       : var(--rfp-radius);
	display             : flex;
	flex-direction      : column;
	justify-content     : center;
	align-items         : center;
	text-align          : center;
	padding             : 26px 28px;
}
.rfp-card-front { background:var(--rfp-dark);border:2px solid #333; }
.rfp-card-back  { background:linear-gradient(135deg,#fff8f0,#fff3e0);border:2px solid var(--rfp-primary);transform:rotateY(180deg); }

.rfp-card-number    { font-size:.7rem;color:#666;position:absolute;top:10px;left:14px; }
.rfp-card-front-text { font-size:1.1rem !important;color:var(--rfp-white) !important;font-weight:700 !important;line-height:1.4 !important;margin:0 0 8px !important; }
.rfp-card-back-text  { font-size:1rem   !important;color:var(--rfp-dark)  !important;line-height:1.6 !important;margin:0 !important; }
.rfp-hint-text       { font-size:.78rem;color:#aaa;font-style:italic;margin-top:6px; }
.rfp-card-ex         { margin-top:10px !important;font-size:.83rem !important;color:#888 !important;font-style:italic;border-top:1px solid #f0c080;padding-top:8px;width:100%; }
.rfp-hint            { font-size:.72rem;color:#888;position:absolute;bottom:10px;right:14px; }

/* ── Botones de acción ───────────────────────────────────── */
.rfp-actions { display:flex;gap:10px;justify-content:center;margin-bottom:24px;flex-wrap:wrap; }
.rfp-btn {
	border:none;border-radius:30px;padding:10px 22px;font-size:.9rem;font-weight:700;
	cursor:pointer;transition:all .18s;font-family:var(--rfp-font);line-height:1.4;
}
.rfp-btn:focus-visible { outline:3px solid var(--rfp-primary);outline-offset:3px; }
.rfp-btn-know   { background:var(--rfp-green);color:#fff; }
.rfp-btn-know:hover   { background:var(--rfp-green2);transform:translateY(-1px); }
.rfp-btn-review { background:var(--rfp-gray1);color:#555;border:2px solid var(--rfp-gray2); }
.rfp-btn-review:hover { border-color:var(--rfp-amber);color:var(--rfp-amber); }
.rfp-btn-flip   { background:var(--rfp-primary);color:#fff; }
.rfp-btn-flip:hover   { opacity:.88;transform:translateY(-1px); }

/* ── Completado ──────────────────────────────────────────── */
.rfp-done { text-align:center;padding:32px 20px;background:linear-gradient(135deg,#fff8f0,#fff3e0);border-radius:var(--rfp-radius);border:2px solid var(--rfp-primary);display:none; }
.rfp-done.rfp-show { display: block; }
.rfp-done-icon  { font-size:3rem;line-height:1;margin-bottom:8px; }
.rfp-done h3    { color:var(--rfp-primary);font-size:1.2rem !important;margin-bottom:8px !important; }
.rfp-done p     { color:#666;margin-bottom:16px; }

/* ── Gamificación ────────────────────────────────────────── */
.rfp-gamif-bar { display:flex;gap:20px;align-items:center;background:var(--rfp-dark);color:var(--rfp-white);border-radius:8px;padding:10px 18px;font-size:.88rem;font-weight:600;margin-top:18px; }
.rfp-gamif-bar span { display:flex;align-items:center;gap:5px; }

/* ── Quiz ────────────────────────────────────────────────── */
.rfp-qz-meta   { display:flex;justify-content:space-between;align-items:center;font-size:.84rem;color:#666;margin-bottom:8px; }
.rfp-qz-pos    { font-weight:600;color:var(--rfp-dark); }
.rfp-qz-prog   { height:5px;background:var(--rfp-gray2);border-radius:10px;overflow:hidden;margin-bottom:10px; }
.rfp-qz-prog-fill { height:100%;background:linear-gradient(90deg,var(--rfp-primary),#fb923c);border-radius:10px;transition:width .4s ease; }

/* ── Timer ───────────────────────────────────────────────── */
.rfp-timer     { display:flex;align-items:center;gap:10px;margin-bottom:12px; }
.rfp-timer-num { font-size:.9rem;font-weight:800;min-width:36px;color:#16a34a;transition:color .3s;font-variant-numeric:tabular-nums; }
.rfp-timer-bar { flex:1;height:6px;background:#e8e8e8;border-radius:10px;overflow:hidden; }
.rfp-timer-bar-fill { height:100%;background:#16a34a;border-radius:10px;transition:width 1s linear,background .3s; }

/* ── Pregunta ────────────────────────────────────────────── */
.rfp-q-text { font-size:1.04rem !important;font-weight:700 !important;color:var(--rfp-dark) !important;margin-bottom:18px !important;background:var(--rfp-gray1);border-left:4px solid var(--rfp-primary);padding:14px 16px;border-radius:0 var(--rfp-radius) var(--rfp-radius) 0;line-height:1.5 !important; }

/* ── Opciones ────────────────────────────────────────────── */
.rfp-opts { list-style:none !important;display:flex;flex-direction:column;gap:9px;margin-bottom:14px;padding:0 !important; }
.rfp-opt-btn {
	width:100%;text-align:left;background:var(--rfp-white);border:2px solid var(--rfp-gray2);border-radius:10px;
	padding:12px 15px;font-size:.95rem;cursor:pointer;transition:all .16s;color:var(--rfp-dark);
	line-height:1.4;font-family:var(--rfp-font);display:flex;align-items:flex-start;gap:10px;
}
.rfp-opt-btn:hover:not(:disabled) { border-color:var(--rfp-primary);background:#fff8f0; }
.rfp-opt-btn:focus-visible { outline:3px solid var(--rfp-primary);outline-offset:2px; }
.rfp-opt-btn.rfp-ok  { background:#dcfce7;border-color:var(--rfp-green);color:var(--rfp-green2);font-weight:700; }
.rfp-opt-btn.rfp-err { background:#fee2e2;border-color:var(--rfp-red);color:var(--rfp-red); }
.rfp-opt-btn:disabled { cursor:default; }
.rfp-opt-letter { display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:var(--rfp-gray1);border-radius:6px;font-weight:800;font-size:.82rem;flex-shrink:0;color:var(--rfp-dark);transition:all .15s; }
.rfp-opt-btn:hover:not(:disabled) .rfp-opt-letter { background:var(--rfp-primary);color:#fff; }
.rfp-opt-btn.rfp-ok  .rfp-opt-letter { background:var(--rfp-green);color:#fff; }
.rfp-opt-btn.rfp-err .rfp-opt-letter { background:var(--rfp-red);color:#fff; }
.rfp-opt-text { flex:1;line-height:1.45; }

/* ── Feedback ────────────────────────────────────────────── */
.rfp-fb { padding:12px 15px;border-radius:10px;font-size:.9rem;margin-bottom:14px;display:none;line-height:1.5; }
.rfp-fb.rfp-show { display: block; }
.rfp-fb.ok  { background:#dcfce7;color:var(--rfp-green2);border:1px solid #86efac; }
.rfp-fb.err { background:#fee2e2;color:var(--rfp-red);border:1px solid #fca5a5; }

/* ── Siguiente ───────────────────────────────────────────── */
.rfp-next-btn { background:var(--rfp-dark) !important;color:var(--rfp-primary) !important;border:none !important;border-radius:30px !important;padding:10px 26px !important;font-size:.92rem !important;font-weight:700 !important;cursor:pointer !important;display:none;margin-top:10px !important;transition:opacity .18s !important;font-family:var(--rfp-font) !important; }
.rfp-next-btn:hover { opacity:.85 !important;transform:translateY(-1px) !important; }

/* ── Resultado ───────────────────────────────────────────── */
.rfp-result { text-align:center;padding:40px 20px;border-radius:var(--rfp-radius);border:2px solid var(--rfp-gray2);background:var(--rfp-gray1);display:none; }
.rfp-result.rfp-show { display: block; }
.rfp-score-big    { font-size:3.2rem;font-weight:800;line-height:1;margin-bottom:8px; }
.rfp-score-detail { font-size:1.05rem !important;margin:10px 0 6px !important;display:flex;gap:16px;justify-content:center;flex-wrap:wrap; }
.rfp-score-detail span { font-weight:700; }
.rfp-score-msg    { font-size:1rem;color:#555;margin-bottom:18px;max-width:420px;margin-left:auto;margin-right:auto; }
.rfp-retry { background:var(--rfp-dark);color:var(--rfp-primary);border:none;border-radius:30px;padding:11px 28px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .18s;margin-top:8px;font-family:var(--rfp-font); }
.rfp-retry:hover { opacity:.85; }

/* ── Repaso header ───────────────────────────────────────── */
.rfp-repaso-header { background:var(--rfp-dark);color:var(--rfp-white);border-radius:var(--rfp-radius);padding:28px 32px;margin-bottom:32px; }
.rfp-repaso-header h2 { color:var(--rfp-primary) !important;font-size:1.4rem !important;margin-bottom:6px !important; }
.rfp-repaso-header p  { opacity:.8;font-size:.95rem; }

/* ── Anuncios (min-height previene CLS) ──────────────────── */
.rfp-ad, .rfp-ad-ph {
	width:100%;text-align:center;margin:24px 0;overflow:hidden;
	min-height:90px;
	display:flex;align-items:center;justify-content:center;clear:both;
}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 600px) {
	.rfp-card-wrap { height: 270px; }
	.rfp-card-front, .rfp-card-back { padding: 18px 16px; }
	.rfp-card-front-text { font-size: .97rem !important; }
	.rfp-actions { gap: 7px; }
	.rfp-btn { padding: 9px 14px; font-size: .84rem; }
	.rfp-repaso-header { padding: 20px 16px; }
	.rfp-score-big { font-size: 2.4rem; }
	.rfp-tabs { gap: 6px; }
	.rfp-tab { padding: 6px 14px; font-size: .82rem; }
	.rfp-breadcrumbs { font-size: .76rem; }
	.rfp-up-header { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 400px) {
	.rfp-wrap { padding-left: 10px; padding-right: 10px; }
	.rfp-card-wrap { height: 290px; }
	.rfp-section-title { font-size: 1.1rem !important; }
}

/* ── Dark mode ───────────────────────────────────────────── */
@media (prefers-color-scheme: dark) {
	.rfp-wrap { color: #f1f5f9 !important; background: #0f172a !important; }
	.rfp-article-body p, .rfp-article-body li { color: #e2e8f0 !important; }
	.rfp-article-body h2, .rfp-article-body h3, .rfp-article-body h4 { color: #f1f5f9 !important; }
	.rfp-section-title { color: #f1f5f9 !important; }
	.rfp-q-text { background: #1e293b !important; color: #f1f5f9 !important; }
	.rfp-opt-btn { background: #1e293b !important; border-color: #334155 !important; color: #f1f5f9 !important; }
	.rfp-result  { background: #1e293b !important; border-color: #334155 !important; }
	.rfp-breadcrumbs { background: #1e293b !important; }
	.rfp-user-progress { background: #1e293b !important; border-color: #334155 !important; }
}

/* ═══════════════════════════════════════════════════════════
   v5.2 ADDITIONS
═══════════════════════════════════════════════════════════ */

/* ── Quiz Start Screen ───────────────────────────────────── */
.rfp-qz-start {
	text-align    : center;
	padding       : 40px 20px;
}
.rfp-qz-start-inner {
	max-width     : 480px;
	margin        : 0 auto;
	background    : #fff;
	border        : 2px solid var(--rfp-gray2);
	border-radius : var(--rfp-radius);
	padding       : 36px 32px;
	box-shadow    : var(--rfp-shadow);
}
.rfp-qz-start-icon {
	font-size     : 3.5rem;
	line-height   : 1;
	margin-bottom : 12px;
}
.rfp-qz-start-title {
	font-size     : 1.3rem !important;
	font-weight   : 800 !important;
	color         : var(--rfp-dark) !important;
	margin-bottom : 16px !important;
}
.rfp-qz-start-meta {
	display       : flex;
	justify-content: center;
	gap           : 16px;
	flex-wrap     : wrap;
	font-size     : .85rem;
	color         : var(--rfp-gray3);
	margin-bottom : 20px;
	font-family   : var(--rfp-font);
}
.rfp-qz-start-meta span {
	display       : flex;
	align-items   : center;
	gap           : 4px;
	background    : var(--rfp-gray1);
	padding       : 4px 12px;
	border-radius : 20px;
	font-weight   : 600;
}
.rfp-qz-start-rules {
	list-style    : none !important;
	padding       : 0 !important;
	margin        : 0 0 24px !important;
	text-align    : left;
}
.rfp-qz-start-rules li {
	padding       : 6px 0;
	font-size     : .88rem;
	color         : #555;
	border-bottom : 1px solid var(--rfp-gray2);
	font-family   : var(--rfp-font);
}
.rfp-qz-start-rules li:last-child { border-bottom: none; }

.rfp-start-btn {
	background    : var(--rfp-dark);
	color         : var(--rfp-primary);
	border        : none;
	border-radius : 30px;
	padding       : 14px 36px;
	font-size     : 1rem;
	font-weight   : 800;
	cursor        : pointer;
	transition    : all .2s;
	font-family   : var(--rfp-font);
	letter-spacing: .5px;
}
.rfp-start-btn:hover {
	transform     : translateY(-2px);
	box-shadow    : 0 6px 20px rgba(0,0,0,.2);
}
.rfp-start-btn:focus-visible {
	outline       : 3px solid var(--rfp-primary);
	outline-offset: 4px;
}

/* ── PDF Button ──────────────────────────────────────────── */
.rfp-pdf-btn {
	display       : inline-flex;
	align-items   : center;
	gap           : 4px;
	background    : transparent;
	border        : 1.5px solid var(--rfp-gray2);
	border-radius : 20px;
	padding       : 3px 12px;
	font-size     : .78rem;
	font-weight   : 700;
	cursor        : pointer;
	color         : var(--rfp-gray3);
	transition    : all .15s;
	font-family   : var(--rfp-font);
}
.rfp-pdf-btn:hover {
	border-color  : var(--rfp-primary);
	color         : var(--rfp-primary);
	background    : #fff8f0;
}
.rfp-pdf-btn.loading {
	opacity       : .6;
	cursor        : wait;
}

/* ── Cascade Delete Confirm ──────────────────────────────── */
.rfp-cascade-btn {
	color         : #dc2626 !important;
	font-size     : .82rem;
	cursor        : pointer;
}
.rfp-cascade-btn:hover { text-decoration: underline; }