/*
 * CSS de los 6 shortcodes absorbidos de Shortcodes Ultimate 7.8.4
 * (includes/css/shortcodes.css), solo las reglas de `su_note`, `su_table`,
 * `su_box`, `su_highlight`, `su_button` y `su_quote`, tal cual.
 *
 * No esta en css/piezas/ a proposito: la pieza `shortcodes` lo encola en el
 * PIE y solo si la pagina ha pintado un shortcode, igual que hacia el plugin.
 * Ver la cabecera de inc/piezas/shortcodes.php.
 *
 * Fuera quedan los estilos `soft`, `glass`, `bubbles`, `noise`, `stroked`,
 * `3d`, `flat` y `ghost` de caja y boton, que tiran de imagenes del plugin y
 * no se usan en ninguna entrada (medido el 2026-09-16: todo es `default`).
 */

.su-u-clearfix::after {
	content: "";
	display: table;
	clear: both;
}

.su-u-trim > :first-child {
	margin-top: 0;
}

.su-u-trim > :last-child {
	margin-bottom: 0;
}

/* su_box */

.su-box {
	margin: 0 0 1.5em;
	border-width: 2px;
	border-style: solid;
}

.su-box-title {
	display: block;
	padding: .5em 1em;
	font-weight: 700;
	font-size: 1.1em;
}

.su-box-content {
	background-color: #fff;
	color: #444;
	padding: 1em;
}

/* su_button */

.su-button {
	display: inline-block !important;
	text-align: center;
	text-decoration: none !important;
	box-sizing: content-box !important;
	transition: all .2s;
}

.su-button-wide {
	display: block !important;
	margin: 1em 0;
}

.su-button-center {
	text-align: center;
}

.su-button span {
	display: block !important;
	text-decoration: none !important;
	box-sizing: content-box !important;
	transition: all .2s;
}

.su-button img {
	border: none !important;
	vertical-align: middle !important;
	margin: -.2em .4em 0 -.3em !important;
	box-shadow: none !important;
}

.su-button i {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 .5em 0 0 !important;
	text-align: center;
	line-height: 1em;
}

.su-button.su-button-float-icon img {
	margin: 0 .5em !important;
}

.su-button small {
	display: block;
	margin: -.2em 0 0;
	color: inherit;
	text-align: center;
	font-style: normal;
	font-size: .8em;
	line-height: 1;
	opacity: .7;
}

@media screen and (max-width: 768px) {
	.su-button span {
		padding-top: .25em !important;
		padding-bottom: .25em !important;
		line-height: 1.2 !important;
	}

	.su-button small {
		margin-top: .2em !important;
	}
}

.su-button-style-default {
	border-width: 1px;
	border-style: solid;
}

.su-button-style-default:hover {
	opacity: .7;
}

.su-button-style-default span {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
}

/* su_highlight */

.su-highlight {
	display: inline;
	padding: 1px 0;
}

/* su_note */

.su-note {
	margin: 0 0 1.5em;
	border-width: 1px;
	border-style: solid;
}

.su-note-inner {
	padding: 1em;
	border-width: 1px;
	border-style: solid;
}

/* su_quote */

.su-quote-style-default {
	position: relative;
	margin-bottom: 1.5em;
	padding: .5em 3em;
	font-style: italic;
}

.su-quote-style-default:after,
.su-quote-style-default:before {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../img/su-quote.png);
	content: "";
}

.su-quote-style-default:before {
	top: 0;
	left: 0;
	background-position: 0 0;
}

.su-quote-style-default:after {
	right: 0;
	bottom: 0;
	background-position: -20px 0;
}

.su-quote-style-default .su-quote-cite {
	display: block;
	text-align: right;
	font-style: normal;
}

.su-quote-style-default .su-quote-cite:before {
	content: "\2014\a0";
}

.su-quote-style-default .su-quote-cite a {
	text-decoration: underline;
}

/* su_table */

.su-table {
	width: 100%;
	margin-bottom: 1.5em;
}

.su-table table {
	width: 100% !important;
	margin: 0 !important;
	border-collapse: collapse !important;
	font-size: 1em !important;
	border: 1px solid #ccc !important;
	table-layout: auto !important;
}

.su-table table th {
	text-align: center !important;
	padding: 1em !important;
	font-size: 1em !important;
	font-weight: 700 !important;
	color: #333 !important;
	border: 1px solid #ccc !important;
	background: #f0f0f0 !important;
}

.su-table table td {
	padding: .5em 1em !important;
	border: 1px solid #ccc !important;
	background: #fff !important;
}

.su-table-responsive {
	overflow-x: auto;
}

.su-table-responsive table {
	width: auto !important;
	min-width: 100% !important;
}

.su-table-responsive table td,
.su-table-responsive table th {
	word-break: initial !important;
}

.su-table-alternate table tr:nth-child(even) td {
	background-color: #f7f7f7 !important;
}

.su-table-fixed table {
	table-layout: fixed !important;
}