/*!
Theme Name: myjewelboxes
Theme URI: http://underscores.me/
Author: Alvaro Rubioc
Author URI: https://www.alvarorubioc.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: my-jewel-boxes
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

myjewelboxes is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


.grid-wrapper{
	display: grid;
	grid-gap: 1rem;
	max-width: 1170px;
	margin: 0 auto;
}

.grid-wrapper{
	grid-template-columns: [start] 70% [main] minmax(200px, 30%) [end];
	grid-template-rows: [header] auto [main] auto  [footer] auto [end];
}
.site-header{
	grid-column: start / end;
	padding: 20px;
}
.site-footer{
	grid-column: start / end;
}

@media screen and (max-width: 720px) {
	.grid-wrapper{
		grid-template-columns: [start] 100% [end];
	}
}

.grid-footer {
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: 2fr 1fr 0.75fr 1.25fr;
	background: #CD2D75;
    color: #fff;
    padding: 2rem;
}

@media screen and (max-width: 720px) {
	.grid-footer{
		grid-template-columns: 1fr;
	}
}

.sub-footer{
	border-top: 1px solid #FF0073;
	background: #CD2D75;
	color: #fff;
	text-align: center;
	padding: .5rem 0;
}

.site-branding {
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
    padding: 27px;
}

.content-area, .widget-area{
	padding: 20px;
}

aside #secondary {
	border-left: 1px #cfe9e5 solid;
}

.grid-entry{
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: 0.80fr 1.20fr;
	-ms-grid-template-columns: 0.80fr 1.20fr;
	grid-template-areas: "image header" "image content";
	-ms-grid-template-areas: "image header" "image content";
}

@media screen and (max-width: 720px) {
	.grid-entry{
		grid-template-columns: 1fr;
		grid-template-areas: "header header" "image image" "content content";
	}
}

.entry-image {
	grid-area: image;
}

.entry-header{
	grid-area: header;
}

.entry-content {
	grid-area: content;
}

.entry-title { margin: 0; }

.h1-homepage {
	margin: 0 0 0.8em 0;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
	text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@font-face {
	font-family: 'Conv_Bariol_Regular';
	src: url('fonts/Bariol_Regular.eot');
	src: local('?'), url('font/Bariol_Regular.woff') format('woff'), url('font/Bariol_Regular.ttf') format('truetype'), url('font/Bariol_Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 'Conv_Bariol_Regular', sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 300;
	letter-spacing: 0.6px;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em .3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.btn{
	border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    overflow: hidden;
    padding: 8px 2rem;
}  

.btn-readmore{
	background-color: #cfe9e5;
	color: #222;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

a .btn-readmore{
	color: #222;
}  

.air {
	margin: 2rem 0;
}

.breadcrumbs {
    background: #cfe9e5;
    padding: 10px 30px 1px;
    text-align: right;
    color: #000;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.header-fixed {
    background: #fff;
    transition: all 400ms ease 0s;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    animation: fixedmenu 1s ease 0s normal both 1 running;
    -webkit-animation: fixedmenu 1s ease 0s normal both 1 running;
    -moz-animation: fixedmenu 1s ease 0s normal both 1 running;
    -o-animation: fixedmenu 1s ease 0s normal both 1 running;
    position: fixed !important;
    width: auto;
    z-index: 99;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
    left: 0;
    right: 0;
    top: 0;
}

@-webkit-keyframes fixedmenu {
    0% {
        top: -100%;
    }
    100% {
        top: 0;
    }
}
@-moz-keyframes fixedmenu {
    0% {
        top: -100%;
    }
    100% {
        top: 0;
    }
}
@keyframes fixedmenu {
    0% {
        top: -100%;
    }
    100% {
        top: 0;
    }
}

.header-fixed .nav-menu{
	max-width: 1170px;
	margin: 0 auto;
	padding: 0 20px;
}

#site-navigation button {
	border: none;
	background-color: #fff;
	font-size: 18px;
	padding: 20px 0;
	font-weight: bold;
}

.toogled div {
	text-align: center;
}

.toogled ul li a {
	padding: 10px 0;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #2396b5;
}

a:visited {
	color: #CD2D75;
}

a:hover, a:focus, a:active {
	color: #FF0073;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	text-decoration: none;
	display: block;
	padding: 22px 26px 22px 0;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
	font-size: 16px;
	color: #414141;
}
.main-navigation a:hover {
	color: #000;
}

/* Small menu. */

@media screen and (max-width: 720px) {

.main-navigation #menu-mobile{
	overflow: hidden;
	max-height:0;
    transition: max-height 0.7s ease-in;
}

.main-navigation.toggled #menu-mobile{
	max-height:999px;
}

.main-navigation.toggled ul {
	display: inline-grid;	
}

.menu-toggle,
.main-navigation.toggled ul li a{
	padding: 10px 0;
}

.toggled .menu-menu-1-container {
	text-align: center;
}

}

.main-navigation .menu-toggle::after {
    content: "+";
    font-family: 'Material Icons';
    font-size: 20px;
    cursor: pointer;
    z-index: 1;
    padding-left: 8px;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

.widget-title {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: 0.6px;
}

#footer-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer-list li a{
    color: #fff;
    text-decoration: none;
}

.redes ul {
    float: none;
    margin: 0 auto;
    display: inline-block;
    padding: 0;
    list-style: none;
	width: 80%;
	margin-bottom:20px;
}
.redes ul li {
    float: left;
	/*width: 80px; height: 80px;*/
	margin: 0 15px 0 0;
    cursor: pointer;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 3em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.single-post .post-thumbnail {
	margin: 2rem 0;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/* =========================================================
   LISTADO DEL BLOG EN 3 COLUMNAS
========================================================= */

/* El listado del blog ocupa todo el ancho disponible */
body.blog .grid-wrapper,
body.home .grid-wrapper,
body.archive .grid-wrapper {
	grid-template-columns: 1fr;
}

/* Contenedor principal */
body.blog #primary,
body.home #primary,
body.archive #primary {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 55px 20px 70px;
}

/* Cuadrícula de entradas */
body.blog .site-main,
body.home .site-main,
body.archive .site-main {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
	align-items: stretch;
}

/* Los títulos generales y la navegación ocupan todo el ancho */
body.blog .site-main > h1,
body.blog .site-main > header,
body.blog .site-main > nav,
body.blog .site-main > .navigation,
body.blog .site-main > .posts-navigation,
body.blog .site-main > .pagination,
body.home .site-main > h1,
body.home .site-main > header,
body.home .site-main > nav,
body.home .site-main > .navigation,
body.home .site-main > .posts-navigation,
body.home .site-main > .pagination,
body.archive .site-main > h1,
body.archive .site-main > header,
body.archive .site-main > nav,
body.archive .site-main > .navigation,
body.archive .site-main > .posts-navigation,
body.archive .site-main > .pagination {
	grid-column: 1 / -1;
}

/* Tarjeta de cada entrada */
body.blog .site-main article,
body.home .site-main article,
body.archive .site-main article {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 0;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 4px;
	box-shadow: 0 8px 26px rgba(0, 0, 0, 0.06);
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease;
}

body.blog .site-main article:hover,
body.home .site-main article:hover,
body.archive .site-main article:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.1);
}

/* Anula el diseño antiguo de imagen y texto en dos columnas */
body.blog .grid-entry,
body.home .grid-entry,
body.archive .grid-entry {
	display: flex;
	flex-direction: column;
	gap: 0;
	height: 100%;
}

/* Imagen destacada */
body.blog .entry-image,
body.home .entry-image,
body.archive .entry-image {
	width: 100%;
	overflow: hidden;
	background: #f5f5f5;
}

body.blog .entry-image img,
body.home .entry-image img,
body.archive .entry-image img,
body.blog .post-thumbnail img,
body.home .post-thumbnail img,
body.archive .post-thumbnail img {
	display: block;
	width: 100%;
	height: 245px;
	margin: 0;
	object-fit: cover;
	transition: transform 0.35s ease;
}

body.blog article:hover .entry-image img,
body.home article:hover .entry-image img,
body.archive article:hover .entry-image img,
body.blog article:hover .post-thumbnail img,
body.home article:hover .post-thumbnail img,
body.archive article:hover .post-thumbnail img {
	transform: scale(1.035);
}

/* Cabecera de la entrada */
body.blog .entry-header,
body.home .entry-header,
body.archive .entry-header {
	padding: 24px 24px 8px;
}

/* Título */
body.blog .entry-title,
body.home .entry-title,
body.archive .entry-title {
	margin: 0;
	font-family: "Poppins", Arial, sans-serif;
	font-size: 21px;
	font-weight: 500;
	line-height: 1.35;
}

body.blog .entry-title a,
body.home .entry-title a,
body.archive .entry-title a {
	color: #252525;
	text-decoration: none;
	transition: color 0.2s ease;
}

body.blog .entry-title a:hover,
body.home .entry-title a:hover,
body.archive .entry-title a:hover {
	color: #d52879;
}

/* Fecha y metadatos */
body.blog .entry-meta,
body.home .entry-meta,
body.archive .entry-meta {
	margin-top: 10px;
	color: #888888;
	font-size: 12px;
}

/* Resumen de la entrada */
body.blog .entry-content,
body.home .entry-content,
body.archive .entry-content,
body.blog .entry-summary,
body.home .entry-summary,
body.archive .entry-summary {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin: 0;
	padding: 8px 24px 25px;
	color: #666666;
	font-family: "Poppins", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.7;
}

body.blog .entry-content p,
body.home .entry-content p,
body.archive .entry-content p,
body.blog .entry-summary p,
body.home .entry-summary p,
body.archive .entry-summary p {
	margin-top: 0;
}

/* Botón Leer más */
body.blog .btn-readmore,
body.home .btn-readmore,
body.archive .btn-readmore,
body.blog .more-link,
body.home .more-link,
body.archive .more-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	margin-top: auto;
	padding: 10px 21px;
	border: 0;
	border-radius: 25px;
	background: #d52879;
	color: #ffffff;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	transition:
		background-color 0.2s ease,
		transform 0.2s ease;
}

body.blog .btn-readmore:hover,
body.home .btn-readmore:hover,
body.archive .btn-readmore:hover,
body.blog .more-link:hover,
body.home .more-link:hover,
body.archive .more-link:hover {
	background: #b92063;
	color: #ffffff;
	transform: translateY(-2px);
}

/* Oculta la barra lateral únicamente en listados */
body.blog #secondary,
body.home #secondary,
body.archive #secondary {
	display: none;
}

/* =========================================================
   TABLET: 2 COLUMNAS
========================================================= */

@media screen and (max-width: 980px) {

	body.blog .site-main,
	body.home .site-main,
	body.archive .site-main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 25px;
	}

	body.blog .entry-image img,
	body.home .entry-image img,
	body.archive .entry-image img,
	body.blog .post-thumbnail img,
	body.home .post-thumbnail img,
	body.archive .post-thumbnail img {
		height: 230px;
	}
}

/* =========================================================
   MÓVIL: 1 COLUMNA
========================================================= */

@media screen and (max-width: 650px) {

	body.blog #primary,
	body.home #primary,
	body.archive #primary {
		padding: 38px 18px 55px;
	}

	body.blog .site-main,
	body.home .site-main,
	body.archive .site-main {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	body.blog .entry-image img,
	body.home .entry-image img,
	body.archive .entry-image img,
	body.blog .post-thumbnail img,
	body.home .post-thumbnail img,
	body.archive .post-thumbnail img {
		height: 235px;
	}

	body.blog .entry-header,
	body.home .entry-header,
	body.archive .entry-header {
		padding: 21px 20px 7px;
	}

	body.blog .entry-content,
	body.home .entry-content,
	body.archive .entry-content,
	body.blog .entry-summary,
	body.home .entry-summary,
	body.archive .entry-summary {
		padding: 8px 20px 23px;
	}

	body.blog .entry-title,
	body.home .entry-title,
	body.archive .entry-title {
		font-size: 19px;
	}
}
/* =========================================================
   LISTADO DEL BLOG EN 3 COLUMNAS
========================================================= */

/* El listado del blog ocupa todo el ancho disponible */
body.blog .grid-wrapper,
body.home .grid-wrapper,
body.archive .grid-wrapper {
	grid-template-columns: 1fr;
}

/* Contenedor principal */
body.blog #primary,
body.home #primary,
body.archive #primary {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 55px 20px 70px;
}

/* Cuadrícula de entradas */
body.blog .site-main,
body.home .site-main,
body.archive .site-main {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
	align-items: stretch;
}

/* Los títulos generales y la navegación ocupan todo el ancho */
body.blog .site-main > h1,
body.blog .site-main > header,
body.blog .site-main > nav,
body.blog .site-main > .navigation,
body.blog .site-main > .posts-navigation,
body.blog .site-main > .pagination,
body.home .site-main > h1,
body.home .site-main > header,
body.home .site-main > nav,
body.home .site-main > .navigation,
body.home .site-main > .posts-navigation,
body.home .site-main > .pagination,
body.archive .site-main > h1,
body.archive .site-main > header,
body.archive .site-main > nav,
body.archive .site-main > .navigation,
body.archive .site-main > .posts-navigation,
body.archive .site-main > .pagination {
	grid-column: 1 / -1;
}

/* Tarjeta de cada entrada */
body.blog .site-main article,
body.home .site-main article,
body.archive .site-main article {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin: 0;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #eeeeee;
	border-radius: 4px;
	box-shadow: 0 8px 26px rgba(0, 0, 0, 0.06);
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease;
}

body.blog .site-main article:hover,
body.home .site-main article:hover,
body.archive .site-main article:hover {
	transform: translateY(-5px);
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.1);
}

/* Anula el diseño antiguo de imagen y texto en dos columnas */
body.blog .grid-entry,
body.home .grid-entry,
body.archive .grid-entry {
	display: flex;
	flex-direction: column;
	gap: 0;
	height: 100%;
}

/* Imagen destacada */
body.blog .entry-image,
body.home .entry-image,
body.archive .entry-image {
	width: 100%;
	overflow: hidden;
	background: #f5f5f5;
}

body.blog .entry-image img,
body.home .entry-image img,
body.archive .entry-image img,
body.blog .post-thumbnail img,
body.home .post-thumbnail img,
body.archive .post-thumbnail img {
	display: block;
	width: 100%;
	height: 245px;
	margin: 0;
	object-fit: cover;
	transition: transform 0.35s ease;
}

body.blog article:hover .entry-image img,
body.home article:hover .entry-image img,
body.archive article:hover .entry-image img,
body.blog article:hover .post-thumbnail img,
body.home article:hover .post-thumbnail img,
body.archive article:hover .post-thumbnail img {
	transform: scale(1.035);
}

/* Cabecera de la entrada */
body.blog .entry-header,
body.home .entry-header,
body.archive .entry-header {
	padding: 24px 24px 8px;
}

/* Título */
body.blog .entry-title,
body.home .entry-title,
body.archive .entry-title {
	margin: 0;
	font-family: "Poppins", Arial, sans-serif;
	font-size: 21px;
	font-weight: 500;
	line-height: 1.35;
}

body.blog .entry-title a,
body.home .entry-title a,
body.archive .entry-title a {
	color: #252525;
	text-decoration: none;
	transition: color 0.2s ease;
}

body.blog .entry-title a:hover,
body.home .entry-title a:hover,
body.archive .entry-title a:hover {
	color: #d52879;
}

/* Fecha y metadatos */
body.blog .entry-meta,
body.home .entry-meta,
body.archive .entry-meta {
	margin-top: 10px;
	color: #888888;
	font-size: 12px;
}

/* Resumen de la entrada */
body.blog .entry-content,
body.home .entry-content,
body.archive .entry-content,
body.blog .entry-summary,
body.home .entry-summary,
body.archive .entry-summary {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	margin: 0;
	padding: 8px 24px 25px;
	color: #666666;
	font-family: "Poppins", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.7;
}

body.blog .entry-content p,
body.home .entry-content p,
body.archive .entry-content p,
body.blog .entry-summary p,
body.home .entry-summary p,
body.archive .entry-summary p {
	margin-top: 0;
}

/* Botón Leer más */
body.blog .btn-readmore,
body.home .btn-readmore,
body.archive .btn-readmore,
body.blog .more-link,
body.home .more-link,
body.archive .more-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	margin-top: auto;
	padding: 10px 21px;
	border: 0;
	border-radius: 25px;
	background: #d52879;
	color: #ffffff;
	font-size: 12px;
	font-weight: 500;
	text-decoration: none;
	transition:
		background-color 0.2s ease,
		transform 0.2s ease;
}

body.blog .btn-readmore:hover,
body.home .btn-readmore:hover,
body.archive .btn-readmore:hover,
body.blog .more-link:hover,
body.home .more-link:hover,
body.archive .more-link:hover {
	background: #b92063;
	color: #ffffff;
	transform: translateY(-2px);
}

/* Oculta la barra lateral únicamente en listados */
body.blog #secondary,
body.home #secondary,
body.archive #secondary {
	display: none;
}

/* =========================================================
   TABLET: 2 COLUMNAS
========================================================= */

@media screen and (max-width: 980px) {

	body.blog .site-main,
	body.home .site-main,
	body.archive .site-main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 25px;
	}

	body.blog .entry-image img,
	body.home .entry-image img,
	body.archive .entry-image img,
	body.blog .post-thumbnail img,
	body.home .post-thumbnail img,
	body.archive .post-thumbnail img {
		height: 230px;
	}
}

/* =========================================================
   MÓVIL: 1 COLUMNA
========================================================= */

@media screen and (max-width: 650px) {

	body.blog #primary,
	body.home #primary,
	body.archive #primary {
		padding: 38px 18px 55px;
	}

	body.blog .site-main,
	body.home .site-main,
	body.archive .site-main {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	body.blog .entry-image img,
	body.home .entry-image img,
	body.archive .entry-image img,
	body.blog .post-thumbnail img,
	body.home .post-thumbnail img,
	body.archive .post-thumbnail img {
		height: 235px;
	}

	body.blog .entry-header,
	body.home .entry-header,
	body.archive .entry-header {
		padding: 21px 20px 7px;
	}

	body.blog .entry-content,
	body.home .entry-content,
	body.archive .entry-content,
	body.blog .entry-summary,
	body.home .entry-summary,
	body.archive .entry-summary {
		padding: 8px 20px 23px;
	}

	body.blog .entry-title,
	body.home .entry-title,
	body.archive .entry-title {
		font-size: 19px;
	}
}
/* Ocultar el título "Blog" de la página principal */
.h1-homepage {
	display: none !important;
}

/* Reducir el espacio superior tras ocultar el título */
#primary {
	padding-top: 35px !important;
}
/* =========================================================
   DISEÑO MODERNO PARA ENTRADAS INDIVIDUALES
========================================================= */

/* Fondo general de las entradas */
body.single-post {
	background: #f7f7f7;
}

/* Evita que la estructura antigua genere dos columnas */
body.single-post .grid-wrapper {
	display: block !important;
	width: 100%;
	max-width: none;
	margin: 0;
}

/* Contenedor principal */
body.single-post #primary {
	width: 100% !important;
	max-width: 980px;
	margin: 0 auto;
	padding: 65px 24px 90px;
}

/* Ocultar barra lateral dentro de los artículos */
body.single-post #secondary,
body.single-post .widget-area {
	display: none !important;
}

/* Artículo */
body.single-post .site-main article {
	width: 100%;
	margin: 0;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #ececec;
	border-radius: 10px;
	box-shadow: 0 12px 38px rgba(0, 0, 0, 0.07);
}

/* =========================================================
   CABECERA DEL ARTÍCULO
========================================================= */

body.single-post .entry-header {
	max-width: 820px;
	margin: 0 auto;
	padding: 55px 55px 25px;
	text-align: center;
}

/* Título principal */
body.single-post .entry-title {
	margin: 0;
	color: #242424;
	font-family: "Poppins", Arial, sans-serif;
	font-size: clamp(34px, 4vw, 52px);
	font-weight: 500;
	line-height: 1.18;
	letter-spacing: -1px;
}

/* Metadatos */
body.single-post .entry-meta {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px 15px;
	margin-top: 20px;
	color: #888888;
	font-family: "Poppins", Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;
}

body.single-post .entry-meta a {
	color: #888888;
	text-decoration: none;
	transition: color 0.2s ease;
}

body.single-post .entry-meta a:hover {
	color: #d52879;
}

/* Separadores visuales */
body.single-post .entry-meta > span {
	position: relative;
}

body.single-post .entry-meta > span:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -9px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #d52879;
	transform: translateY(-50%);
}

/* =========================================================
   IMAGEN DESTACADA
========================================================= */

body.single-post .post-thumbnail,
body.single-post .entry-image {
	width: calc(100% - 70px);
	margin: 15px auto 0;
	overflow: hidden;
	border-radius: 8px;
	background: #f2f2f2;
}

body.single-post .post-thumbnail img,
body.single-post .entry-image img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 590px;
	margin: 0;
	object-fit: cover;
}

/* =========================================================
   CONTENIDO
========================================================= */

body.single-post .entry-content {
	max-width: 820px;
	margin: 0 auto;
	padding: 50px 55px 65px;
	color: #444444;
	font-family: "Poppins", Arial, sans-serif;
	font-size: 17px;
	font-weight: 300;
	line-height: 1.9;
}

/* Párrafos */
body.single-post .entry-content p {
	margin: 0 0 26px;
}

/* Primer párrafo algo más destacado */
body.single-post .entry-content > p:first-child {
	color: #333333;
	font-size: 19px;
	line-height: 1.8;
}

/* Enlaces */
body.single-post .entry-content a {
	color: #d52879;
	font-weight: 500;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	transition: color 0.2s ease;
}

body.single-post .entry-content a:hover {
	color: #a91e5f;
}

/* =========================================================
   TÍTULOS INTERNOS
========================================================= */

body.single-post .entry-content h2,
body.single-post .entry-content h3,
body.single-post .entry-content h4 {
	color: #252525;
	font-family: "Poppins", Arial, sans-serif;
	font-weight: 500;
	line-height: 1.35;
}

body.single-post .entry-content h2 {
	position: relative;
	margin: 58px 0 24px;
	padding-bottom: 14px;
	font-size: 30px;
	letter-spacing: -0.4px;
}

body.single-post .entry-content h2::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 54px;
	height: 3px;
	border-radius: 3px;
	background: #d52879;
}

body.single-post .entry-content h3 {
	margin: 42px 0 18px;
	font-size: 23px;
}

body.single-post .entry-content h4 {
	margin: 32px 0 15px;
	font-size: 19px;
}

/* =========================================================
   LISTAS
========================================================= */

body.single-post .entry-content ul,
body.single-post .entry-content ol {
	margin: 0 0 30px;
	padding-left: 0;
	list-style: none;
}

body.single-post .entry-content li {
	position: relative;
	margin-bottom: 13px;
	padding-left: 30px;
}

body.single-post .entry-content ul > li::before {
	content: "";
	position: absolute;
	top: 11px;
	left: 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #d52879;
}

body.single-post .entry-content ol {
	counter-reset: mjb-counter;
}

body.single-post .entry-content ol > li {
	counter-increment: mjb-counter;
	padding-left: 42px;
}

body.single-post .entry-content ol > li::before {
	content: counter(mjb-counter);
	position: absolute;
	top: 1px;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background: #d52879;
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
}

/* =========================================================
   IMÁGENES DEL CONTENIDO
========================================================= */

body.single-post .entry-content img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 38px auto;
	border-radius: 7px;
}

body.single-post .entry-content figure {
	margin: 40px 0;
}

body.single-post .entry-content figure img {
	margin: 0 auto;
}

body.single-post .entry-content figcaption,
body.single-post .wp-caption-text {
	margin-top: 10px;
	color: #8a8a8a;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}

/* =========================================================
   CITAS
========================================================= */

body.single-post .entry-content blockquote {
	position: relative;
	margin: 42px 0;
	padding: 30px 35px 30px 38px;
	border: 0;
	border-left: 4px solid #d52879;
	border-radius: 0 7px 7px 0;
	background: #faf3f6;
	color: #333333;
	font-size: 19px;
	font-style: italic;
	line-height: 1.7;
}

body.single-post .entry-content blockquote p:last-child {
	margin-bottom: 0;
}

/* =========================================================
   TABLAS
========================================================= */

body.single-post .entry-content table {
	width: 100%;
	margin: 38px 0;
	border-collapse: collapse;
	border-radius: 7px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

body.single-post .entry-content th,
body.single-post .entry-content td {
	padding: 15px 18px;
	border: 1px solid #e8e8e8;
	text-align: left;
}

body.single-post .entry-content th {
	background: #d52879;
	color: #ffffff;
	font-weight: 500;
}

body.single-post .entry-content tr:nth-child(even) td {
	background: #fafafa;
}

/* =========================================================
   BOTONES
========================================================= */

body.single-post .entry-content .wp-block-button__link,
body.single-post .entry-content .button,
body.single-post .entry-content .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 12px 25px;
	border: 0;
	border-radius: 28px;
	background: #d52879;
	color: #ffffff !important;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	box-shadow: 0 7px 18px rgba(213, 40, 121, 0.2);
	transition:
		transform 0.2s ease,
		background-color 0.2s ease,
		box-shadow 0.2s ease;
}

body.single-post .entry-content .wp-block-button__link:hover,
body.single-post .entry-content .button:hover,
body.single-post .entry-content .btn:hover {
	background: #b62066;
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(213, 40, 121, 0.27);
}

/* =========================================================
   PIE DE LA ENTRADA
========================================================= */

body.single-post .entry-footer {
	max-width: 820px;
	margin: 0 auto;
	padding: 0 55px 45px;
	color: #888888;
	font-family: "Poppins", Arial, sans-serif;
	font-size: 13px;
}

body.single-post .entry-footer a {
	color: #d52879;
	text-decoration: none;
}

/* Etiquetas */
body.single-post .tags-links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 15px;
}

body.single-post .tags-links a {
	display: inline-flex;
	align-items: center;
	padding: 7px 13px;
	border-radius: 20px;
	background: #f7e7ee;
	color: #b62066;
	font-size: 11px;
	font-weight: 500;
}

/* =========================================================
   NAVEGACIÓN ENTRE ARTÍCULOS
========================================================= */

body.single-post .post-navigation {
	max-width: 980px;
	margin: 32px auto 0;
	padding: 0;
}

body.single-post .post-navigation .nav-links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

body.single-post .post-navigation .nav-previous,
body.single-post .post-navigation .nav-next {
	width: 100%;
	float: none;
}

body.single-post .post-navigation a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 115px;
	padding: 22px 25px;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	background: #ffffff;
	color: #333333;
	text-decoration: none;
	box-shadow: 0 7px 22px rgba(0, 0, 0, 0.05);
	transition:
		transform 0.2s ease,
		border-color 0.2s ease;
}

body.single-post .post-navigation a:hover {
	border-color: #d52879;
	transform: translateY(-3px);
}

body.single-post .post-navigation .nav-subtitle {
	margin-bottom: 6px;
	color: #d52879;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
}

body.single-post .post-navigation .nav-title {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}

/* =========================================================
   COMENTARIOS
========================================================= */

body.single-post .comments-area {
	max-width: 980px;
	margin: 32px auto 0;
	padding: 42px 50px;
	border: 1px solid #e8e8e8;
	border-radius: 9px;
	background: #ffffff;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.05);
}

body.single-post .comments-title,
body.single-post .comment-reply-title {
	margin-top: 0;
	color: #252525;
	font-family: "Poppins", Arial, sans-serif;
	font-size: 25px;
	font-weight: 500;
}

body.single-post .comment-form input,
body.single-post .comment-form textarea {
	width: 100%;
	padding: 13px 15px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	background: #ffffff;
}

body.single-post .comment-form input:focus,
body.single-post .comment-form textarea:focus {
	border-color: #d52879;
	outline: none;
	box-shadow: 0 0 0 3px rgba(213, 40, 121, 0.08);
}

body.single-post .comment-form input[type="submit"] {
	width: auto;
	padding: 13px 25px;
	border: 0;
	border-radius: 25px;
	background: #d52879;
	color: #ffffff;
	cursor: pointer;
}

/* =========================================================
   RESPONSIVE TABLET
========================================================= */

@media screen and (max-width: 850px) {

	body.single-post #primary {
		padding: 45px 20px 70px;
	}

	body.single-post .entry-header {
		padding: 42px 35px 22px;
	}

	body.single-post .entry-content {
		padding: 40px 35px 55px;
		font-size: 16px;
	}

	body.single-post .entry-footer {
		padding: 0 35px 38px;
	}

	body.single-post .post-thumbnail,
	body.single-post .entry-image {
		width: calc(100% - 45px);
	}

	body.single-post .entry-title {
		font-size: 38px;
	}
}

/* =========================================================
   RESPONSIVE MÓVIL
========================================================= */

@media screen and (max-width: 600px) {

	body.single-post #primary {
		padding: 28px 14px 50px;
	}

	body.single-post .site-main article {
		border-radius: 6px;
	}

	body.single-post .entry-header {
		padding: 32px 21px 20px;
		text-align: left;
	}

	body.single-post .entry-title {
		font-size: 29px;
		line-height: 1.25;
		letter-spacing: -0.4px;
	}

	body.single-post .entry-meta {
		justify-content: flex-start;
		font-size: 12px;
	}

	body.single-post .post-thumbnail,
	body.single-post .entry-image {
		width: calc(100% - 28px);
		margin-top: 5px;
		border-radius: 5px;
	}

	body.single-post .entry-content {
		padding: 32px 21px 42px;
		font-size: 15.5px;
		line-height: 1.8;
	}

	body.single-post .entry-content > p:first-child {
		font-size: 17px;
	}

	body.single-post .entry-content h2 {
		margin-top: 45px;
		font-size: 25px;
	}

	body.single-post .entry-content h3 {
		font-size: 21px;
	}

	body.single-post .entry-content blockquote {
		padding: 24px;
		font-size: 17px;
	}

	body.single-post .entry-footer {
		padding: 0 21px 30px;
	}

	body.single-post .post-navigation .nav-links {
		grid-template-columns: 1fr;
	}

	body.single-post .comments-area {
		padding: 30px 22px;
	}

	body.single-post .entry-content table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}
/* =========================================================
   TARJETAS DEL BLOG CON BOTÓN SIEMPRE ALINEADO ABAJO
========================================================= */

/* Todas las tarjetas ocupan la misma altura dentro de cada fila */
body.blog .site-main article,
body.home .site-main article,
body.archive .site-main article {
	display: flex !important;
	flex-direction: column;
	height: 100%;
}

/* Estructura interior de la tarjeta */
body.blog .grid-entry,
body.home .grid-entry,
body.archive .grid-entry {
	display: flex !important;
	flex-direction: column;
	flex: 1;
	height: 100%;
}

/* El contenido inferior crece para empujar el botón hacia abajo */
body.blog .entry-content,
body.blog .entry-summary,
body.home .entry-content,
body.home .entry-summary,
body.archive .entry-content,
body.archive .entry-summary {
	display: flex !important;
	flex-direction: column;
	flex: 1;
}

/* Limitar el título a 2 líneas */
body.blog .entry-title,
body.home .entry-title,
body.archive .entry-title {
	display: -webkit-box;
	min-height: 57px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

/* Limitar el resumen a 3 líneas */
body.blog .entry-content > p:first-child,
body.blog .entry-summary > p:first-child,
body.home .entry-content > p:first-child,
body.home .entry-summary > p:first-child,
body.archive .entry-content > p:first-child,
body.archive .entry-summary > p:first-child {
	display: -webkit-box;
	min-height: 72px;
	margin-bottom: 22px;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

/* El enlace o contenedor del botón se coloca siempre al final */
body.blog .entry-content > a:last-child,
body.blog .entry-summary > a:last-child,
body.home .entry-content > a:last-child,
body.home .entry-summary > a:last-child,
body.archive .entry-content > a:last-child,
body.archive .entry-summary > a:last-child,
body.blog .more-link,
body.home .more-link,
body.archive .more-link,
body.blog .btn-readmore,
body.home .btn-readmore,
body.archive .btn-readmore {
	margin-top: auto !important;
}

/* Si el botón está dentro de un párrafo */
body.blog .entry-content > p:last-child,
body.blog .entry-summary > p:last-child,
body.home .entry-content > p:last-child,
body.home .entry-summary > p:last-child,
body.archive .entry-content > p:last-child,
body.archive .entry-summary > p:last-child {
	margin-top: auto;
	margin-bottom: 0;
}
/* =========================================================
   ENTRADAS INDIVIDUALES SIN CAJA Y CON MENOS MÁRGENES
========================================================= */

/* Fondo general blanco */
body.single-post {
	background: #ffffff !important;
}

/* Contenedor principal más ancho y con menos margen superior */
body.single-post #primary {
	width: 100% !important;
	max-width: 1120px !important;
	margin: 0 auto !important;
	padding: 35px 24px 60px !important;
}

/* Quitar efecto de tarjeta */
body.single-post .site-main article {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Cabecera del artículo con menos espacio */
body.single-post .entry-header {
	max-width: 920px !important;
	margin: 0 auto !important;
	padding: 25px 20px 20px !important;
	text-align: center;
}

/* Título algo más compacto */
body.single-post .entry-title {
	margin: 0 !important;
	font-size: clamp(32px, 4vw, 50px) !important;
	line-height: 1.18 !important;
}

/* Imagen destacada más ancha y sin caja */
body.single-post .post-thumbnail,
body.single-post .entry-image {
	width: 100% !important;
	max-width: 920px !important;
	margin: 20px auto 0 !important;
	overflow: hidden;
	border-radius: 0 !important;
	background: transparent !important;
}

/* Imagen sin bordes ni sombras */
body.single-post .post-thumbnail img,
body.single-post .entry-image img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	object-fit: cover;
}

/* Contenido más ancho y con menos padding */
body.single-post .entry-content {
	max-width: 920px !important;
	margin: 0 auto !important;
	padding: 38px 20px 45px !important;
	background: transparent !important;
}

/* Menos separación entre párrafos */
body.single-post .entry-content p {
	margin-bottom: 20px !important;
}

/* Menos separación antes de los H2 */
body.single-post .entry-content h2 {
	margin-top: 42px !important;
}

/* Pie de entrada */
body.single-post .entry-footer {
	max-width: 920px !important;
	margin: 0 auto !important;
	padding: 0 20px 35px !important;
}

/* Ocultar barra lateral */
body.single-post #secondary,
body.single-post .widget-area {
	display: none !important;
}

/* =========================================================
   TABLET
========================================================= */

@media screen and (max-width: 850px) {

	body.single-post #primary {
		padding: 28px 20px 50px !important;
	}

	body.single-post .entry-header {
		padding: 20px 10px 18px !important;
	}

	body.single-post .entry-content {
		padding: 32px 10px 40px !important;
	}

	body.single-post .entry-footer {
		padding: 0 10px 30px !important;
	}
}

/* =========================================================
   MÓVIL
========================================================= */

@media screen and (max-width: 600px) {

	body.single-post #primary {
		padding: 22px 16px 42px !important;
	}

	body.single-post .entry-header {
		padding: 16px 0 16px !important;
		text-align: left !important;
	}

	body.single-post .entry-title {
		font-size: 28px !important;
		line-height: 1.25 !important;
	}

	body.single-post .post-thumbnail,
	body.single-post .entry-image {
		width: 100% !important;
		margin-top: 10px !important;
	}

	body.single-post .entry-content {
		padding: 28px 0 36px !important;
	}

	body.single-post .entry-footer {
		padding: 0 0 25px !important;
	}
}