
/* BLOQUES BÁSICOS */

.wp-block-paragraph {
	font-family: var(--fuente-texto);
	color: var(--color-principal-oscuro);
	line-height: 160%;
	font-size: 1.125rem;
	margin-bottom: 48px;
}

/* LINKS */

a{
	text-decoration: underline;
	color: var(--color-principal-oscuro);
}

a:hover{
	color: var(--color-principal-claro);
}

.wp-block-heading {
	font-family: var(--fuente-texto);
	color: var(--color-principal-oscuro);
    font-weight: 700;
}

.wp-block-heading h1,
.wp-block-heading h2,
.wp-block-heading h3,
.wp-block-heading h4,
.wp-block-heading h5,
.wp-block-heading h6 {
	font-family: var(--fuente-texto);
	font-size: var(--tamano-titulo-h3);
	margin: 0;
}

h1.wp-block-heading {
	font-size: clamp(1.75rem, 2.5vw + 1rem, 2.5rem);
}

h2.wp-block-heading {
	font-size: clamp(1.5rem, 2vw + 1rem, 2.25rem);
}


h3.wp-block-heading {
	font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);
}

/* BLOQUE DE LISTA */

.wp-block-list {
	padding-left: 1.5em;
	margin-bottom: 1.5em;
	color: var(--color-principal-oscuro);
	font-family: var(--fuente-texto);
}
  
  .wp-block-list li::marker {
	color: var(--color-principal-base);
  }



/* BLOQUE DE CITA */

.wp-block-quote {
	color: var(--color-principal-base);
	font-family: var(--fuente-texto);
	font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);
	line-height: 120%;
}

/* BLOQUE DE BOTÓN */

.wp-block-button .wp-block-button__link {
	background-color: var(--color-principal-oscuro);
	color: white;
	font-family: var(--fuente-texto);
	font-weight: 600;
	padding: 0.75em 1.5em;
	border-radius: 100px;
	text-decoration: none;
    padding: 16px 24px;
	transition: background-color 0.3s ease;
	width: auto;
	font-size: var(--tamano-p2);
	margin: 12px 0;
}

.wp-block-button .wp-block-button__link:hover {
	background-color: var(--color-principal-claro);
}

/* BLOQUE DE IMAGEN */

.wp-block-image {
	margin: 2em 0;
}

.wp-block-image :where(figcaption){
	font-size: 0.75rem;
}

/* THUMBNAIL */
.wp-block-post-featured-image {
	max-width: 100%;
	border-radius: 20px;
	margin-bottom: 2rem;
}

.wp-block-image img {
	max-width: 100%;
	height: auto;
	border-radius: 20px;
}



/* BLOQUE DE SEPARADOR */
.wp-block-separator {
	border: none;
	border-top: 2px solid var(--color-principal-base);
	margin: 2em 0;
	width: 100px;
}

/* BLOQUE DE COLUMNA */
.wp-block-columns {
	margin-top: 2em;
	margin-bottom: 2em;
}

.wp-block-column {
	padding: 1em;
}

/* BLOQUE DE CÓDIGO */
.wp-block-code {
	font-family: monospace;
	background-color: var(--color-fondo-claro);
	padding: 1em;
	border-radius: 4px;
	color: var(--color-principal-oscuro);
	overflow-x: auto;
}

/* BLOQUE DE TABLA */
.wp-block-table {
	width: 100%;
	border-collapse: collapse;
	font-family: var(--fuente-texto);
	margin-bottom: 2em;
}

.wp-block-table th,
.wp-block-table td {
	border: 1px solid var(--color-fondo-medio);
	padding: 0.75em;
}

.wp-block-table th {
	background-color: var(--color-fondo-claro);
	font-weight: 600;
}
