@charset "UTF-8";
/*
Theme Name: Plantilla
Description: Used to style blocks.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 General Block Styles
2.0 Blocks - Common Blocks
3.0 Blocks - Formatting
4.0 Blocks - Layout Elements
5.0 Blocks - Widgets
6.0 Blocks - Plugins
7.0 Blocks - Classes
8.0 Blocks - Editor Colors
9.0 Blocks - Wide and Full Alignments
--------------------------------------------------------------*/
/* colores por defecto */
/* Paleta de colores PERSONALIZADA del tema */
/* Paleta de colores específica (los colores logo x ej.) */
/* Colores de los enlaces y sus estados (color de texto y de subrayado) */
/* colors-dark Palette */
/* revisar los colores de la paleta DARK,
para ver si se pueden cambiar por el complementario del color que se trate */
/* degradado image-header */
/* Blocks - Colors */
/* Anchos de página */
/* Anchuras por defecto del tema */
/* la anchura x defecto de las functions */
/* Altura del navigation-top.site-navigation-fixed*/
/*--------------------------------------------------------------
1.0 General Block Styles
--------------------------------------------------------------*/
/* Captions */
[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
  font-style: italic;
  margin-bottom: 1.5rem;
  text-align: left;
}

.rtl [class^="wp-block-"]:not(.wp-block-gallery) figcaption {
  text-align: right;
}

/*--------------------------------------------------------------
2.0 Blocks - Common Blocks
--------------------------------------------------------------*/
/* Paragraph */
p.has-drop-cap:not(:focus)::first-letter {
  font-size: 5rem;
  margin-top: 0.075rem;
}

/* Image */
.wp-block-image {
  margin-bottom: 1.5rem;
  max-width: 100vw;
}

.wp-block-image figure {
  margin-bottom: 0;
  margin-top: 0;
}

.wp-block-image figure.alignleft {
  margin-right: 1.5rem;
}

.wp-block-image figure.alignright {
  margin-left: 1.5rem;
}

/* Gallery */
.wp-block-gallery {
  margin-bottom: 1.5rem;
}

.wp-block-gallery figcaption {
  font-style: italic;
}

.wp-block-gallery.aligncenter {
  display: flex;
  margin: 0 -8px;
}

/* Quote */
.wp-block-quote:not(.is-large):not(.is-style-large) {
  border: 0;
  padding: 0;
}

.wp-block-quote.alignleft p:last-of-type,
.wp-block-quote.alignright p:last-of-type {
  margin-bottom: 0;
}

.wp-block-quote cite {
  color: inherit;
  font-size: inherit;
}

/* Audio */
.wp-block-audio audio {
  display: block;
  width: 100%;
}

/* Cover */
.wp-block-cover-image.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.aligncenter,
.wp-block-cover.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.aligncenter {
  display: flex;
}

/* File */
.wp-block-file .wp-block-file__button {
  background-color: #222;
  border-radius: 2px;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  margin-top: 2rem;
  padding: 0.7rem 2rem;
  transition: background-color 0.2s ease-in-out;
  white-space: nowrap;
}

.wp-block-file .wp-block-file__button:hover,
.wp-block-file .wp-block-file__button:focus {
  background-color: #767676;
  box-shadow: none;
}

/*--------------------------------------------------------------
3.0 Blocks - Formatting
--------------------------------------------------------------*/
/* Code */
.wp-block-code {
  background: transparent;
  border: 0;
  padding: 0;
}

/* Pullquote */
.wp-block-pullquote {
  border: 0;
}

.wp-block-pullquote__citation,
.wp-block-pullquote cite {
  font-size: inherit;
  text-transform: none;
}

/* Table */
.wp-block-table thead th {
  border-bottom: 2px solid #bbb;
  padding-bottom: 0.5rem;
}

.wp-block-table tr {
  border-bottom: 1px solid #eee;
}

.wp-block-table th, .wp-block-table td {
  border: 0;
}

.rtl .wp-block-table th, .rtl .wp-block-table td {
  text-align: right;
}

/*--------------------------------------------------------------
4.0 Blocks - Layout Elements
--------------------------------------------------------------*/
/* Buttons */
.wp-block-button .wp-block-button__link {
  box-shadow: none;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.66;
  padding: 0.7rem 2rem;
  transition: background-color 0.2s ease-in-out;
}

.entry-content .wp-block-button__link {
  background-color: #222;
  color: #fff;
}

.entry-content .wp-block-button__link:hover, .entry-content .wp-block-button__link:focus {
  background-color: #767676;
  box-shadow: none;
  color: #fff;
}

.entry-content .is-style-outline .wp-block-button__link:not(.has-background) {
  background-color: transparent;
}

.entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover, .entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus {
  background-color: #767676;
  box-shadow: none;
  color: #fff;
}

.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
  color: #222;
}

.colors-dark .wp-block-button__link {
  background-color: #fff;
  color: #000;
}

.colors-dark .entry-content .wp-block-button__link:hover, .colors-dark .entry-content .wp-block-button__link:focus {
  background-color: #bbb;
  color: #000;
}

.colors-dark .entry-content .wp-block-button__link:link, .colors-dark .entry-content .wp-block-button__link:hover, .colors-dark .entry-content .wp-block-button__link:focus {
  box-shadow: none;
}

.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover, .colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus {
  background-color: #bbb;
  color: #000;
}

.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
  color: #fff;
}

.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover, .colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus {
  color: #222;
}

.colors-custom .entry-content .wp-block-button__link:link, .colors-custom .entry-content .wp-block-button__link:hover, .colors-custom .entry-content .wp-block-button__link:focus {
  box-shadow: none;
}

.colors-custom .entry-content .wp-block-button__link:hover, .colors-custom .entry-content .wp-block-button__link:focus {
  color: #fff;
}

/* Separator */
.wp-block-separator {
  border: 0;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  max-width: 100px;
}

/* Media & Text */
.wp-block-media-text {
  margin-bottom: 1.5rem;
}

.wp-block-media-text *:last-child {
  margin-bottom: 0;
}

/* Columns */
.has-1-columns .wp-block-column {
  flex-basis: 100%;
  margin: 0;
}

/*--------------------------------------------------------------
5.0 Blocks - Widgets
--------------------------------------------------------------*/
/* Archives, Categories & Latest Posts */
.wp-block-archives.aligncenter,
.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter {
  list-style-position: inside;
  text-align: center;
}

/* Comments */
.wp-block-latest-comments article {
  margin-bottom: 4rem;
}

.blog:not(.has-sidebar) #primary .wp-block-latest-comments article,
.archive:not(.page-one-column):not(.has-sidebar) #primary .wp-block-latest-comments article,
.search:not(.has-sidebar) #primary .wp-block-latest-comments article {
  float: none;
  width: 100%;
}

.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
  border-radius: 0;
}

.wp-block-latest-comments a {
  box-shadow: inset 0 -1px 0 white;
}

.wp-block-latest-comments__comment-meta {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 0.4rem;
}

.wp-block-latest-comments__comment-author,
.wp-block-latest-comments__comment-link {
  font-weight: 700;
  text-decoration: none;
}

.wp-block-latest-comments__comment-date {
  color: #767676;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 800;
  letter-spacing: 0.1818em;
  margin-top: 0.4rem;
  text-transform: uppercase;
}

.editor-block-list__block .wp-block-latest-comments__comment-excerpt p {
  font-size: 14px;
  font-size: 0.875rem;
}

/*--------------------------------------------------------------
6.0 Blocks - Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
7.0 Blocks - Clases
--------------------------------------------------------------*/
/*--------------------------------------------------------------
8.0 Blocks - Editor Colors
--------------------------------------------------------------*/
/* Colores por defecto de Twenty Seventeen */
/* Colores del tema hijo */
.entry-content .has-black-color {
  color: #000;
}

.entry-content .has-black-background-color {
  background-color: #000;
}

.entry-content .has-dark-gray-color {
  color: #555;
}

.entry-content .has-dark-gray-background-color {
  background-color: #555;
}

.entry-content .has-light-gray-color {
  color: #bbb;
}

.entry-content .has-light-gray-background-color {
  background-color: #bbb;
}

.entry-content .has-white-color {
  color: #fafafa;
}

.entry-content .has-white-background-color {
  background-color: #fafafa;
}

.entry-content .has-cyan-color {
  color: #3bc9db;
}

.entry-content .has-cyan-background-color {
  background-color: #3bc9db;
}

.entry-content .has-green-color {
  color: #51cf66;
}

.entry-content .has-green-background-color {
  background-color: #51cf66;
}

.entry-content .has-orange-color {
  color: #ffa94d;
}

.entry-content .has-orange-background-color {
  background-color: #ffa94d;
}

.entry-content .has-red-color {
  color: #ff8787;
}

.entry-content .has-red-background-color {
  background-color: #ff8787;
}

.wp-block-button.is-style-outline .has-black-background-color:link {
  background-color: #000;
}

.wp-block-button.is-style-outline .has-dark-gray-background-color:link {
  background-color: #555;
}

.wp-block-button.is-style-outline .has-light-gray-background-color:link {
  background-color: #bbb;
}

.wp-block-button.is-style-outline .has-white-background-color:link {
  background-color: #fafafa;
}

.wp-block-button.is-style-outline .has-cyan-background-color:link {
  background-color: #3bc9db;
}

.wp-block-button.is-style-outline .has-green-background-color:link {
  background-color: #51cf66;
}

.wp-block-button.is-style-outline .has-orange-background-color:link {
  background-color: #ffa94d;
}

.wp-block-button.is-style-outline .has-red-background-color:link {
  background-color: #ff8787;
}

/*--------------------------------------------------------------
9.0 Blocks - Wide and Full Alignments
--------------------------------------------------------------*/
@media (min-width: 1000px) {
  .entry-content .alignwide {
    margin-left: calc( (700px - 1000px) / 2);
    margin-right: calc( (700px - 1000px) / 2);
  }
}

.entry-content .alignfull {
  margin-left: -2rem;
  margin-right: -2rem;
}

@media (min-width: 700px) {
  .entry-content .alignfull {
    margin-left: calc( ((-100vw + 100% + 2rem) / 2) - .33333rem);
    margin-right: calc( ((-100vw + 100% + 2rem) / 2) - .33333rem);
  }
  .entry-content .alignfull.wp-block-gallery {
    padding: 0 1rem;
  }
}

.entry-content .alignfull.has-1-columns {
  padding: 0 1rem;
}

.entry-content .alignfull.has-1-columns .alignright {
  margin-right: -1rem;
}

.entry-content .alignfull.has-1-columns .alignleft {
  margin-left: -1rem;
}

.entry-content .alignwide.wp-block-cover, .entry-content .alignfull.wp-block-cover {
  width: unset;
}

@media (min-width: 700px) {
  body.has-sidebar .entry-content .alignfull, body.has-sidebar.page-two-column .entry-content .alignfull {
    margin-right: 0;
  }
  body.has-sidebar .entry-content .alignfull .wp-block-cover-text, body.has-sidebar.page-two-column .entry-content .alignfull .wp-block-cover-text {
    max-width: 50vw;
  }
}

@media (min-width: 48.01em) {
  body.has-sidebar .entry-content .alignfull .wp-block-cover-text, body.has-sidebar.page-two-column .entry-content .alignfull .wp-block-cover-text {
    margin-left: 5rem;
  }
}

body.has-sidebar .entry-content .alignwide, body.has-sidebar.page-two-column .entry-content .alignwide {
  margin-right: 0;
}

@media (min-width: 48.01em) {
  body.page-two-column .entry-content .alignfull {
    margin-left: -15rem;
    margin-right: auto;
  }
  body.page-two-column .entry-content .alignwide {
    margin-left: -5rem;
    margin-right: auto;
  }
}
/*# sourceMappingURL=blocks.css.map */