/*
Theme Name:   Twenty Twenty-two Child-1
Theme URI:    https://www.wpxpo.com/
Description:  A Twenty Twenty-two child theme 
Author:       WPXPO
Author URI:   https://www.wpxpo.com
Template:     twentytwentytwo
Version:      1.0.0
Text Domain:  twentytwentytwochild
*/
@font-face {
    font-family: 'Goldplay';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/goldplay-400.eot'); /* IE9 Compat Modes */
    src: local('Goldplay Regular'), local('Goldplay-Regular'),
         url('./fonts/goldplay-400.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/goldplay-400.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/goldplay-400.woff') format('woff'), /* Modern Browsers */
         url('./fonts/goldplay-400.ttf') format('truetype'); /* Safari, Android, iOS */  
    font-display: swap;       
}  
@font-face {
    font-family: 'Goldplay';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/goldplay-700.eot'); /* IE9 Compat Modes */
    src: local('Goldplay Bold'), local('Goldplay-Bold'),
         url('./fonts/goldplay-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/goldplay-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/goldplay-700.woff') format('woff'), /* Modern Browsers */
         url('./fonts/goldplay-700.ttf') format('truetype'); /* Safari, Android, iOS */
    font-display: swap;
}
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/barlow-v5-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./fonts/barlow-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/barlow-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('./fonts/barlow-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('./fonts/barlow-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./fonts/barlow-v5-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
    font-display: swap;
}
@font-face {
    font-family: 'font_glob';
    src: url('./fonts/font_glob.eot?97148411');
    src: url('./fonts/font_glob.eot?97148411#iefix') format('embedded-opentype'),
         url('./fonts/font_glob.woff2?97148411') format('woff2'),
         url('./fonts/font_glob.woff?97148411') format('woff'),
         url('./fonts/font_glob.ttf?97148411') format('truetype'),
         url('./fonts/font_glob.svg?97148411#font_glob') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "font_glob";
    font-style: normal;
    font-weight: normal;
    speak: never;
  
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
  
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
  
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
  
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
  
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
  
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
  
/* FontIcons */
[class^="icon-"]:before, [class*=" icon-"]:before{font-family:"font_glob";font-style:normal;font-weight:normal;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-flecha-izquierda-2:before{content:'\e800';}.icon-linkedin:before{content:'\e801';}.icon-menu:before{content:'\e802';}.icon-punto:before{content:'\e803';}.icon-whatsapp:before{content:'\e804';}.icon-x:before{content:'\e805';}.icon-x-2:before{content:'\e806';}.icon-+:before{content:'\e807';}.icon-check:before{content:'\e808';}.icon-correo:before{content:'\e809';}.icon-facebook:before{content:'\e80a';}.icon-flecha-derecha:before{content:'\e80b';}.icon-flecha-abajo:before{content:'\e80c';}.icon-flecha-derecha-2:before{content:'\e80d';}.icon-flecha-izquierda:before{content:'\e80e';}.icon-instagram:before{content:'\e80f';}.icon-telefono:before{content:'\e810';}.icon-circulo-puntos:before{content:'\e811';}.icon-libro:before{content:'\e812';}.icon-aro:before{content:'\e813';}
/* Primary style */
*,*::after,*::before {-webkit-box-sizing: border-box;box-sizing: border-box;}
* {scrollbar-width: thin;scrollbar-color: #c5c5c5 #f6f6f6;}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {width: 8px;height: 8px;}
*::-webkit-scrollbar-track {background: #f6f6f6;}
*::-webkit-scrollbar-thumb {background-color: #c5c5c5;}
html {font-size: 62.5%;}
html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a {text-decoration: none;}
h1,h2,h3,h4,h5,h6 {font-family: "Goldplay", sans-serif;}
button {font-family: 'Goldplay', sans-serif;border: none;width: auto;background: none;}
.button-fill {background-color: #fdd0d0;color: #ff4646;padding: 0 25px;height: 45px;min-height: 45px;line-height: 45px;border-radius: 25px;display: inline-block;font-weight: 700;}
.button-fill-secundary {background-color: #ff4646;color: #ffffff;padding: 0 25px;height: 45px;min-height: 45px;line-height: 45px;border-radius: 25px;display: inline-block;font-weight: 700;}
.button-outline {color: #07006A;border: 2px inset #07006A;padding: 0 25px;height: 45px;min-height: 45px;line-height: 43px;border-radius: 25px;display: inline-block;font-weight: 700;font-size: 1.6rem;}
.button-outline:hover {background-color: #07006A;color: #fff;-webkit-box-shadow: 0 0 10px #e7e6ff;box-shadow: 0 0 10px #e7e6ff;}
.back-home {color: #07006A !important; margin-right:15px;font-family: 'Goldplay', sans-serif;}
.back-home:hover {color: #fff !important;-webkit-box-shadow: 0 0 10px #e7e6ff;box-shadow: 0 0 10px #e7e6ff;}
.entry-content.wp-block-post-content table{
    text-align: left;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 1rem;
}
.entry-content.wp-block-post-content table th{
    border-bottom: 1px solid #ccc;
    padding: 1em;
    font-size: 1.4em;
}
.entry-content.wp-block-post-content table a{
    text-decoration: none;
	transition: all 0.5s;
}
.entry-content.wp-block-post-content table a:hover{
    color: #ff4646;
	transition: all 0.5s;
}

.wp-block-post-title {
    font-size: 2.5rem!important;
    color: #333;
}
.wp-block-post-title a {
    display: inline-block;
    text-decoration: initial;
}
.wp-block-columns.cuerpo{
    width: 100%;
    max-width: 85%;
    margin: 0 auto;
    z-index: 15;
    position: relative;
}
.alignwide.menu-header{
    width: 100%;
    max-width: 85%!important;
    margin: 0 auto;
    z-index: 15;
    position: relative;
}
.cabecera{
    padding: 20px 0;

}
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
body {
    font-family: 'Barlow', sans-serif !important;
    color: #666666 !important;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    font-size: 16px !important;
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
    overflow-x: hidden;
}
/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
    text-decoration-thickness: 1px;
    text-underline-offset: 0.25ch;
    text-decoration: none !important;
}

a:hover,
a:focus {
    text-decoration-style: dashed;
}

a:active {
    text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
    text-decoration: underline;
    text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
    background-color: var(--wp--preset--color--primary);
    border-radius: 0;
    border: none;
    color: var(--wp--preset--color--background);
    font-size: var(--wp--preset--font-size--medium);
    padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
    opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks {
    padding-left: 0;
    padding-right: 0;
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {

}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
    margin-left: auto !important;
    margin-right: auto !important;
    width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
    padding-top: var(--wp--custom--spacing--outer);
    padding-bottom: var(--wp--custom--spacing--large);
    padding-right: var(--wp--custom--spacing--outer);
    padding-left: var(--wp--custom--spacing--outer);
}
.wp-block-site-logo img {
    width: 198px;
}
.svg-04 {
    height: 150px;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0;
    width: 100%;
    background-color: #e3eded;
    z-index: -1;
}
.svg-04.svg-interno{
    top: -30px;
    margin-bottom: -50px;
}
.nombre{
    font-weight: 400;
    font-size: 4.25rem!important;
    text-align: center;
    color: #333333;
    margin-bottom: 0.5rem;
    font-family: 'Goldplay', sans-serif;
    padding-top: 72px;
    padding-bottom: 20px;
}
.nombre>strong{
    font-weight: 400;
    color: #ff4646;
}
.nombre a{
    font-weight: 400;
    font-size: 4.25rem!important;
    text-align: center;
    color: #333333;
    margin-bottom: 0.5rem;
    font-family: 'Goldplay', sans-serif;
    padding-top: 72px;
    padding-bottom: 20px;
    text-decoration: none;
}
.nombre a>strong{
    font-weight: 400;
    color: #ff4646;
}
.sidebar .has-large-font-size{
    color: #333333;
    font-size: 2rem!important;
    font-weight: 700;
    margin-bottom: 30px;
    font-family: 'Goldplay', sans-serif;
}
.sidebar .categorias ul {
    padding-left: 0px;
}
.sidebar .categorias ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
    list-style: none;
}
.sidebar .categorias ul li a{
    text-decoration: none;
    color: #666666;
}
.sidebar .categorias ul li a:hover{
    color: #ff4646;
}
.sidebar .categorias ul li:before {
    position: absolute;
    content: "";
    z-index: 9;
    background-color: #ff4646;
    left: 0px;
    top: 6px;
    border-radius: 20px;
    width: 8px;
    height: 8px;
    transition: all 0.5;
}
.sidebar .wp-block-post-date a{
    text-decoration: none;
    color: #666;
    font-size: 1.6rem;
}
.articulos-sidebar .wp-block-post-featured-image{

    margin-top: 0px;
    margin-bottom: 0px;
}
.articulos-sidebar .wp-block-post-featured-image img {
    vertical-align: middle;
    height: 108px;
    object-fit: cover;
    object-position: center center;
    border-radius: 10px;
}
.articulos-sidebar h2{
    color: #666;
    font-size: 1.6rem!important;
    font-weight: 100;
    margin-bottom: 15px;

}
.articulos-sidebar .taxonomy-category a{
    color: #ff4646;
    font-size: 1.6rem;
    font-weight: 100;
    text-decoration: none;
}
.articulos-sidebar .col-02-contenido{
    margin-top: 0px;
}
.articulos-sidebar .wp-block-post.type-post{
    float: left;
    width: 100%;
    position: relative;
}
.titulo-blog.wp-block-post-title a {
    font-family: 'Goldplay' !important;
    display: inline-block !important;
    text-decoration: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.texto-blog .wp-block-post-excerpt__excerpt{
    display: inline-block;
    text-decoration: initial;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.contenido-blog-interno .wp-block-post-excerpt__more-link{
    font-family: 'Goldplay', sans-serif;
    font-size: 1.4rem;
    background-color: #fdd0d0;
    color: #ff4646;
    padding: 0 15px;
    height: 34px;
    min-height: 34px;
    line-height: 34px;
    border-radius: 25px;
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.5s;
}
.contenido-blog-interno .wp-block-post-excerpt__more-link:hover{
    background-color: #ff4646;
    color: #ffffff;
    transition: all 0.5s;
}
.contenido-blog-interno .wp-block-post-featured-image a {
    display: block;
    overflow: hidden;
    border-radius: 20px;
}
.contenido-blog-interno .wp-block-post .wp-block-post-featured-image img{
    border-radius: 20px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.contenido-blog-interno .wp-block-post:hover .wp-block-post-featured-image img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.contenido-blog-interno .wp-block-post{
    box-shadow: 0 0px 20px #00000033;
    transition: all 0.5s;
    border-radius: 20px;
}
.contenido-blog-interno .wp-block-post:hover{
    box-shadow: 0 0px 40px #00000052;
    transition: all 0.5s;
}
.contenido-blog-interno h1{
    color: #ff4646!important;
}
.contenido-blog-interno h1 span{
    color: #333333;
}


.contenido-blog {
    box-shadow: 0 0px 20px #00000033;
    transition: all 0.5s;
    border-radius: 20px;
}
.contenido-blog:hover{
    box-shadow: 0 0px 40px #00000052;
    transition: all 0.5s;
}
.contenido-interno{
    padding-right: 40px;
}
.contenido-blog .categorias,.contenido-interno .categorias{
    width: 100%;
    max-width: 100%;
}
.contenido-blog .fecha,.contenido-interno .fecha{
    width: 100%;
    max-width: 100%;
}
.contenido-blog .categorias a,.contenido-interno .categorias a{
    font-size: 1.6rem;
    color: #666666;
    text-decoration: none;
}
.contenido-blog .fecha a,.contenido-interno .fecha a{
    font-size: 1.6rem!important;
    color: #666666;
    font-weight: 600;
    text-decoration: none;
}
.contenido-blog .wp-block-post-title ,.contenido-interno .wp-block-post-title{
    margin-top: 0;
}
.contenido-blog .wp-block-post-excerpt__more-link{
    font-family: 'Goldplay', sans-serif;
    font-size: 1.4rem;
    background-color: #fdd0d0;
    color: #ff4646;
    padding: 0 15px;
    height: 34px;
    min-height: 34px;
    line-height: 34px;
    border-radius: 25px;
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.5s;
}
.contenido-blog .wp-block-post-excerpt__more-link:hover{
    background-color: #ff4646;
    color: #ffffff;
    transition: all 0.5s;
}
.contenido-blog .wp-block-post-featured-image a {
    display: block;
    overflow: hidden;
    border-radius: 20px;
}
.contenido-blog .wp-block-post-featured-image img{
    border-radius: 20px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.contenido-blog:hover .wp-block-post-featured-image img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.lista-de-categorias{
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    flex-wrap: wrap;
    gap: 15px;
}
.lista-de-categorias a{
    font-family: 'Goldplay' !important;
    text-decoration: none;
    transition: all 0.5s;
    height: 40px;
    min-height: 34px;
    line-height: 40px;
    padding: 0 20px;
    display: block;
    border-radius: 20px;
    border: 1px solid #fdd0d0;
    color: #333333;
    font-weight: 700;
}
.lista-de-categorias a:hover{
    color: #ff4646;
    transition: all 0.5s;
    font-weight: bold;
    background-color: #fdd0d0;
    
}
.footer-glob{
    width: 85%;
    max-width: 85%!important;
    margin-bottom: 0em;
}
.footer-glob .wp-block-image {
    margin: 0 0 0em;
}
.footer-glob a{
    text-decoration: none;
}
.footer-glob .wp-block-columns {
    margin-bottom: 0em;
}
.page-numbers{
    /* background-color: #fdd0d0; */
    /* color: #ff4646; */
    font-weight: 300;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
    margin: 0px 3px;
    text-align: center;
    position: relative;
    float: left;
    text-decoration: none;
}
.page-numbers{
    font-weight: 300;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
    margin: 0px 3px;
    text-align: center;
    position: relative;
    float: left;
    text-decoration: none;
}
.page-numbers.current{
    background-color: #fdd0d0; 
    color: #ff4646; 
}
.wp-block-query-pagination-next{
    font-size: 1.6rem!important;
    text-decoration: none;
    color: #666666;
}
.wp-block-query-pagination-next-arrow.is-arrow-arrow{
    color: #ff4646;
}
.interno > * {
    max-width: 100%;
    text-align: justify;
}
.interno h1{
    font-size: 2.6rem;
    color: #000;
}
.interno h2{
    font-size: 2.2rem;
    color: #000;
}

.interno h3{
    font-size: 1.8rem;
    color: #000;
}
.interno h4{
    font-size: 1.6rem;
    color: #000;
}
.interno h5,.interno h6{
    font-size: 1.3rem;
    font-weight: 600;
}
.interno a{
    text-decoration: none;
    color: #ff4646;
    transition: all 0.5s;

}
.interno a:hover{
    text-decoration: underline;
    color: #666;
    transition: all 0.5s;
}
.wp-block-post-comments input[type=submit] {
    border: none;
    background-color: #fdd0d0;
    color: #ff4646;
    padding: 0 15px;
    height: 34px;
    min-height: 34px;
    line-height: 34px;
    border-radius: 25px;
    display: inline-block;
    font-weight: 700;
    font-family: 'Goldplay', sans-serif;
    font-size: 1.4rem;
}
.wp-block-post-comments {
    padding-top: 0px;
    width: 100%;
    max-width: 100%;
}
.wp-block-post-comments a{
    text-decoration: none;
    color: #ff4646;
    transition: all 0.5s;
}
.wp-block-post-comments a:hover{
    text-decoration: underline;
    color: #666;
    transition: all 0.5s;
}
.wp-block-post-comments .comment-form textarea {
    border-radius: 20px;
}
.cuerpo-interno{
    margin-top: 0px!important;
}
.cuerpo-interno .wp-block-post-date{
    font-size: 1.6rem!important;
    color: #666666;
    font-weight: 600;
    text-decoration: none;
}
.categorias-buscar{
    margin-top: 0px;
}
.categorias-buscar .wp-block-post-title{
    font-size: 2.0rem!important;
}
.categorias-buscar .wp-block-post-featured-image img {
    border-radius: 10px;
}
.categorias-buscar .wp-block-post-excerpt__more-text a{
    font-family: 'Goldplay', sans-serif;
    font-size: 1.4rem;
    background-color: #fdd0d0;
    color: #ff4646;
    padding: 0 15px;
    height: 34px;
    min-height: 34px;
    line-height: 34px;
    border-radius: 25px;
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
}
/*
.categorias-buscar .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link{
    display: none;
}*/
.categorias-buscar .wp-block-post-excerpt__more-link:before{
    content: "Seguír leyendo";
}
.categorias-buscar .wp-block-post-excerpt__more-text a:nth-child(+2) {
    display: none;
}
#instafeed-container a {
    width: 50%;
    position: relative;
    display: inline-block;
}
#instafeed-container a img{
    padding: 5px;
    width: 100%;
}
.link-inst{
    text-decoration: none;
    transition: all 0.5s;
}
.link-inst:hover{
    color: #ff4646;
    transition: all 0.5s;
}
.menu{
    text-align: right;
}
.boton-cabecera-01 {
    color: #ff4646!important;
    border: 2px solid #ff4646;
    padding: 0 15px;
    min-height: 32px;
    line-height: 32px;
    border-radius: 25px;
    display: inline-block;
    font-weight: 700;
    background-color: transparent;
    font-size: 1.6rem;
    text-decoration: none;
    margin-right: 10px;
}
.boton-cabecera-02{
    background-color: #fdd0d0;
    color: #ff4646!important;
    padding: 0 15px;
    height: 34px;
    min-height: 34px;
    line-height: 34px;
    border-radius: 25px;
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
}
.wp-block-site-logo{
    text-align: left;
}
.grid {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px 0 -8px;
}
/* Header & Menú */
.header-branding {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
.header-branding.stick {display: -webkit-box;display: -ms-flexbox;display: flex;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;}
.logo-globdigital {max-width: 198px;height: auto;}
.logo-globdigital-mobile {display: none;}
.header-button {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.header-redes-sociales {margin: 0 25px;line-height: 36px;}
.header-redes-sociales a {font-size: 2rem;color: #ff4646;margin: 0 5px;}
.stick .header-button {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.button-hablemos {position: relative;z-index: 1000;-o-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;margin: 0 15px;}
.boton-google {background-color: #fff;border-color: #fff;color: #333;font-weight: 400;margin: 0px 0px;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.boton-google img {margin-left: 5px;vertical-align: text-bottom;}
.boton-google.button-outline:hover {background-color: #ffffff;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;color: #ff4646;}
.button-open-menu {font-family: "Goldplay", sans-serif;font-size: 1.6rem;position: relative;z-index: 1000;-o-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.button-open-menu:hover {background-color: #ff4646;color: #fff;}
.button-open-menu:active {background-color: #ff4646;color: #fff;}
.button-open-menu i {margin-left: 5px;font-size: 1.25rem;display:inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.button-close-menu {position: relative;z-index: 1000;-o-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;border-radius: 50px;width: 34px;padding: 0;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height: 34px;height: 34px;min-width: 34px;}
.button-close-menu::after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px solid #fdd0d0;border-radius: 50%;-webkit-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);transition: -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);transition: transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);}
.button-close-menu:hover::after {-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.button-close-menu .button-close-icon {-webkit-transition: -webkit-transform 1.1s cubic-bezier(0.23, 1, 0.32, 1);transition: -webkit-transform 1.1s cubic-bezier(0.23, 1, 0.32, 1);-o-transition: transform 1.1s cubic-bezier(0.23, 1, 0.32, 1);transition: transform 1.1s cubic-bezier(0.23, 1, 0.32, 1);transition: transform 1.1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.1s cubic-bezier(0.23, 1, 0.32, 1);display: inline-block;}
.button-close-menu:hover .button-close-icon {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);display: -webkit-box;display: -ms-flexbox;display: flex;}
.button-close-icon i {font-size: 1.2rem;}
.hovertext {position: relative;}
.hovertext:before {content: attr(data-hover);visibility: hidden;opacity: 0;width: -webkit-max-content;width: -moz-max-content;width: max-content;background-color: #fdd0d0;color: #ff4646;text-align: center;border-radius: 5px;padding: 5px 15px;-webkit-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;position: absolute;z-index: 1;left: 0;top: -50px;font-size: 1.6rem;}
.hovertext:hover:before {opacity: 1;visibility: visible;}
.menu-list .active:hover::before {-webkit-animation: circle 1.2s infinite;animation: circle 1.2s infinite;}
@-webkit-keyframes circle {from {-webkit-box-shadow: 0 0 0 0px #ff4646;box-shadow: 0 0 0 0px #ff4646;}to{-webkit-box-shadow: 0 0 0 6px rgba(61, 64, 91, 0);box-shadow: 0 0 0 6px rgba(61, 64, 91, 0);}}
@keyframes circle {from {-webkit-box-shadow: 0 0 0 0px #ff4646;box-shadow: 0 0 0 0px #ff4646;}to{-webkit-box-shadow: 0 0 0 6px rgba(61, 64, 91, 0);box-shadow: 0 0 0 6px rgba(61, 64, 91, 0);}}
.menu-home .active::before, .menu-list .active::before {content: "";margin-right: 10px;margin-left: -18px;font-size: 8px;color: #ff4646;border-radius: 20px;height: 8px;width: 8px;background-color: #ff4646;opacity: 1;-webkit-animation: circle 1.2s infinite;animation: circle 1.2s infinite;}
.menu-home li::before, .menu-list li::before {content: "";margin-right: 10px;margin-left: -18px;font-size: 8px;color: #ff4646;border-radius: 20px;height: 8px;width: 8px;background-color: #ff4646;opacity: 0;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.menu-home li:hover::before, .menu-list li:hover::before {-webkit-animation: circle 1.2s infinite;animation: circle 1.2s infinite;opacity: 1; -webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.menu-panel {width: 650px;height: 100vh;position: fixed;top: 0;right: 0;background-color: #ffffff;color: #333333;z-index: 1200;padding: 25px 80px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;overflow-y: auto;}
.menu-panel .grid ul {margin: 0;padding: 0;}
.slideOut {margin-right: -650px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.slideIn {margin-right: 0px;}
.overlay {background: rgba(77, 92, 116, 0.8);width: 100%;height: 100%;top: 0;left: 0;opacity: 1;position: fixed;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;z-index: 1150;}
.menu-panel-header {margin-bottom: 1rem;}
.menu-panel-header .grid {align-items: center;}
.menu-panel-header-right {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.menu-home li {line-height: 2;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.menu-home li a {font-family: "Goldplay", sans-serif;color: #333333;}
.menu-panel-content {font-family: "Goldplay", sans-serif;}
.menu-panel-content a {font-family: "Goldplay", sans-serif;color: #333333;}
.menu-list li {line-height: 2;margin-bottom: 1rem;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.menu-servicio li span,.menu-home li a,.menu-list li a {display: inline-block;font-size: 1.7rem;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.menu-servicio li.active span,.menu-home li.active a,.menu-list li.active a {font-weight: 700;}
.menu-home li a:hover,.menu-list li a:hover {font-weight: 700;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.menu-list-parent {margin-bottom: 1rem;}
.menu-service-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;padding: 5px 15px 5px 65px;height: 72px;border: 1px solid #666;border-radius: 15px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;margin-bottom: 1.5rem;}
.menu-service-box.active-service,.menu-service-box:hover {background-color: #fdd0d0;color: #ff4646;border-color: #fdd0d0;padding-left: 15px;padding-right: 65px;font-weight: 700;}
.menu-service-box .left-icon {display: inline-block;width: 40px;height: 40px;position: absolute;left: 15px;top: calc(50% - 20px);line-height: 40px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.menu-service-box .left-icon img {max-height: 40px;}
.menu-service-box.active-service .left-icon,.menu-service-box:hover .left-icon {opacity: 0;visibility: hidden;}
.menu-service-box .right-icon {display: inline-block;width: 40px;height: 40px;position: absolute;right: 10px;top: calc(50% - 20px);opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.menu-service-box .right-icon img {max-height: 40px;}
.menu-service-box.active-service .right-icon,.menu-service-box:hover .right-icon {color: #ff4646;opacity: 1;visibility: visible;}
.menu-list-service {margin-bottom: 1rem;}
.menu-panel-footer .col {margin-bottom: 2rem;}
.menu-panel-footer a {color: #333333;}
.menu-panel-social a {font-size: 2rem;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;float: left;}
.menu-panel-social a:hover {color: #ff4646;-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);}
.menu-panel-social a {margin-right: 1rem;}
.menu-panel-contact i {font-size: 2rem;}
.menu-panel-contact i.icon-correo {font-size: 1.6rem;margin-right: 5px;}
.menu-panel-contact a:hover {color: #ff4646;}

/* Grid */
.col {
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    max-width: 100%;
    min-width: 0;
    padding: 0 8px 0 8px;
}
.col-6 {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
}


.col-12 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
}
img.aligncenter {
    clear: both;
    text-align: center;
    margin: auto;
    display: block;
}
.wp-block-post-content h3{
	margin-bottom:0px;
	font-size: 2.2rem;
}
.wp-block-post-content p{
	margin-top:0px
}
.wp-block-post-content h2 {
    font-size: 2.8rem;
}
.wp-block-post-content ul li h4 {
    margin-top: 20px;
    margin-bottom: 0;
}

/* Tabla Comparativa */
.comparison-table {width: 100% !important;border-collapse: collapse !important; border: 0 !important;}
.comparison-table th, .comparison-table td {padding: 12px;text-align: left;vertical-align: top;border: 1px solid #ddd;}
.comparison-table th {background-color: #e6eded;font-weight: bold; font-size: 1em !important;}
.comparison-table th:first-child,.comparison-table td:first-child {background-color: #e6eded;font-weight: bold;}

@media (max-width: 768px) {
    .comparison-table {display: block;}
    .comparison-table thead {display: none;}
    .comparison-table tbody tr {display: block;margin-bottom: 15px;border: 1px solid #ddd;padding: 12px;border-radius: 6px;}
    .comparison-table tbody td {display: block;padding: 8px 0;border: none;}
    .comparison-table tbody td:first-child {font-weight: bold;margin-bottom: 8px;padding-top: 0;}     
    .comparison-table tbody td::before {font-weight: bold;display: inline-block;margin-right: 4px;}
    .comparison-table tbody td:nth-child(2)::before {content: "Diseño web tradicional: ";}
    .comparison-table tbody td:nth-child(3)::before {content: "Neurodiseño multisensorial: ";}
    .comparison-table tbody td:nth-child(4)::before {content: "Beneficio clave: ";}
    .comparison-table tbody td:first-child {background-color: #e6eded;padding: 5px 10px;;margin-bottom: 10px;border-radius: 4px;}
}

/* Tabla 2x2 */
.quadrant-grid{display: grid;grid-template-columns: 1fr 1fr;border: 1px solid #ddd;max-width: 1000px;margin: 0 auto;}    
.quadrant{border: 1px solid #ddd;display: flex;flex-direction: column;}
.quadrant-header{background-color: #e6eded;padding: 10px 15px;border-bottom: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center;font-weight: bold;}
.quadrant-content{padding: 15px 20px;flex-grow: 1;background-color: #ffffff;}
.quadrant-content ul{list-style-type: none;padding: 0;margin: 0;}
.quadrant-content li{position: relative;padding-left: 20px;margin-bottom: 12px;line-height: 1.4;}
.quadrant-content li:last-child{margin-bottom: 0;}
.quadrant-content li::before{content: "*";position: absolute;left: 0;top: 0;font-weight: bold;}
@media (max-width: 768px){.quadrant-grid{grid-template-columns: 1fr;}.quadrant-header{flex-direction: column;  align-items: flex-start;  gap: 4px;}}

@keyframes circle {
  from {
    box-shadow: 0 0 0 0px #ff4646;
  }
  to {
    box-shadow: 0 0 0 6px rgba(61, 64, 91, 0);
  }
}
.logo-globdigital img{
    width: 198px!important;
}

@media only screen and (max-width: 768px) {
    .menu-panel {max-width: 100%;padding: 25px;} 
    .lista-de-categorias {gap: 10px;}
}
@media only screen and (max-width: 599px){
    .wp-block-column.menu{
        text-align: center;
        margin-top: 20px;
    }
    .contenido-blog {
        padding-right: 0px;
    }
    .wp-block-post-title {
        font-size: 3.2rem!important;
    }
    .contenido-interno {
        padding-right: 0px;
    }
    .wp-container-12 > .alignwide {
        max-width: 85%!important;
    }
	:where(.wp-block-columns.has-background) {
		padding: 1.25em 1em;
	}
	.nombre {
		padding-top: 0px!important;
		padding-bottom: 0px!important;
	}
	.svg-04 {
		height: 80px!important;
	}
	.entry-content{
		padding:0 1em;
	}
	.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained{
		padding:0 1em;
	}
	
}