@charset "UTF-8";
/*!
Theme Name: DOO Gamifp
Author: DOOWEBS DEV, S.L.
Author URI: https://doowebs.es
Theme URI: https://doowebs.es
Description: DOO Gamifp es un tema personalizado para gamifp electrónicas aplicadas a la FP digital.
Tags: FP, FP digital
Text Domain: doo
Requires at least: 6.7
Requires PHP: 8.2
Tested up to: 6.7
Version: 1.0.0
*/
/* Mixins
--------------------------------------------- */
/* General
--------------------------------------------- */
body {
  overflow-x: hidden;
}

header {
  display: contents;
}

.mobile {
  display: none !important;
}

@media (max-width: 768px) {
  .mobile {
    display: block !important;
  }
}
:root :where(.is-layout-constrained) > * {
  margin-block-end: 16px;
}

main .entry-content > .wp-block-group, main .entry-content > .wp-block-cover {
  padding-top: 140px;
  padding-bottom: 140px;
  margin-block-end: 0;
  margin-block-start: 0;
}

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

input[type=radio],
input[type=checkbox] {
  accent-color: #171616;
}

.wp-block-columns {
  margin: 0;
}

.nowrap {
  white-space: nowrap;
}

ul li {
  padding-bottom: 0.5rem;
}

.wp-block-button .wp-block-button__link {
  transition: 0.2s;
  border-radius: 16px;
}
.wp-block-button .wp-block-button__link:hover {
  background-color: #056879;
  color: var(--wp--preset--color--default);
}
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--gami-secondary);
  border: 1px solid var(--wp--preset--color--gami-secondary);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: #056879;
  color: var(--wp--preset--color--default);
  border: 1px solid #056879;
}

.boton-recursos .wp-block-button__link {
  transition: 0.2s;
  border-radius: 16px;
  background: transparent;
  color: var(--wp--preset--color--default);
  border: 1px solid var(--wp--preset--color--default);
}
.boton-recursos .wp-block-button__link:hover {
  background-color: #FFFFFF;
  color: var(--wp--preset--color--gami-secondary);
  border: 1px solid var(--wp--preset--color--gami-secondary);
}

.wp-block-cover {
  padding: 0;
}

.mobile {
  display: none;
}

input,
select,
option,
button {
  font-family: "Roboto" !important;
}

.wp-block-doo-block-doo-shortcode {
  max-width: 1312px;
  margin: auto;
}

.wp-block-group-is-layout-constrained {
  scrollbar-color: #056879 #D1D1D6;
}

/* Home */
.home h1 {
  font-size: 56px;
}

.home-introduccion {
  padding-bottom: 80px !important;
}

.home-responsables {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.home-grp-tags .wp-block-post-template {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px 32px;
}
.home-grp-tags .wp-block-post-template .type-etiqueta {
  padding: 0;
  width: 280px;
}

.row-gap-40 {
  row-gap: 40px;
}

.home-obj .wp-block-group h3 {
  margin-bottom: 8px !important;
}

.home-prj-image {
  position: relative;
  overflow-x: hidden;
}

.home-prj-image .wp-block-column:last-child img {
  position: absolute;
  width: 930px;
  height: calc(100% - 140px);
  object-fit: cover;
  max-width: 49vw;
  bottom: -5px;
}

.number-size {
  font-size: 60px !important;
}

.how-to-div {
  overflow: auto;
  padding-bottom: 32px;
}

/*Resultados*/
.resultados-img img {
  max-width: 123%;
  width: 100vw;
  object-fit: cover;
}

.div-testimonials {
  padding-top: 64px;
  position: relative;
  margin-bottom: 140px;
}

.img-premios {
  margin-top: 64px;
  margin-bottom: 64px;
}

/*Proyecto*/
.div-proyecto {
  height: 527px;
  background-size: auto 100% !important;
  background-repeat: no-repeat;
  background-position: right;
}

.grp-socios {
  padding-bottom: 80px !important;
}

.grp-col-socios {
  gap: 80px;
}
.grp-col-socios .col-socios .prj-socios-1 div p {
  margin-block-end: 0px;
}
.grp-col-socios .col-socios .prj-socios-2 div p {
  margin-block-end: 0px;
}

.grp-colaboradores {
  padding-top: 80px !important;
}

/*Borde del video de youtube*/
.wp-embed-responsive .wp-has-aspect-ratio iframe {
  border-radius: 24px;
}

.fila-proceso {
  overflow: auto;
}

.fila-proceso > * {
  min-width: 280px;
}

/*Familias de etiquetas*/
.div-categories { /* Engloba las categorías y el "Ver todos" */
  margin: 10px auto;
  border: solid 1px #E9EAEB;
  border-radius: 24px;
  background-color: #FAFAFA;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
.div-categories ul li {
  padding-bottom: 0px;
}
.div-categories .block-categories { /* Solo se encuentran las categorías */
  list-style-type: none;
  display: flex;
  background-color: transparent;
  gap: 10px;
  padding: 0;
  justify-content: center;
}
.div-categories .block-categories a { /* Los enlaces de las categorías */
  text-decoration: none;
  color: #6F6F6F;
  font-weight: bold;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.div-categories .p-show-all {
  display: flex;
  color: black;
  font-weight: bold;
  border: 1px solid gray;
  border-radius: 24px;
  background-color: white;
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  padding: 10px 12px;
}
.div-categories .p-show-all a {
  text-decoration: none;
}

.loop-etiquetas ul {
  column-gap: 32px;
  row-gap: 48px;
}
.loop-etiquetas ul li {
  border-radius: 24px;
  background-color: #3F3F46;
  padding-top: 0px;
  padding-bottom: 0px;
}

/*Familia de etiquetas detalle*/
.tag a {
  border: solid 1px #51525C;
  border-radius: 24px;
  background: #6F6F6F;
  font-weight: bold;
  color: #FFFFFF;
  padding: 2px 10px;
  text-decoration: none;
  justify-content: center;
}

.single-etiqueta .entry-content h2 {
  margin-top: 40px;
  margin-bottom: 32px;
}
.single-etiqueta .entry-content h2:first-child {
  margin-top: 0px;
}
.single-etiqueta .entry-content h3 {
  margin-top: 48px;
  margin-bottom: 32px;
}
.single-etiqueta .entry-content figure {
  margin-bottom: 56px;
  margin-top: 56px;
}
.single-etiqueta .entry-content p {
  margin-bottom: 24px;
  line-height: 150%;
}

/*Blog */
.wp-block-query > ul > li {
  cursor: pointer;
}

.tax-blog a {
  text-decoration: none;
}

.wp-block-post-excerpt__excerpt {
  min-height: 72px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
  background-image: url(/gamifp/wp-content/uploads/2025/03/arrow-left.svg);
  background-repeat: no-repeat;
  color: transparent;
  background-position: center;
  width: 20px;
}
.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
  background-image: url(/gamifp/wp-content/uploads/2025/03/arrow-right-1.svg);
  background-repeat: no-repeat;
  color: transparent;
  background-position: center;
}
.wp-block-query-pagination a {
  text-decoration: none;
  color: #6F6F6F;
  font-weight: bold;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers {
  display: flex;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers span.page-numbers.current {
  border: 1px solid transparent;
  border-radius: 50%;
  background-color: white;
  padding: 8px 15px;
  font-weight: bold;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers a.page-numbers {
  padding: 8px 15px;
}

/*Blog archivo de categorias*/
.div-categories-archive {
  margin: 10px auto;
  border: solid 1px #E9EAEB;
  border-radius: 24px;
  background-color: #FAFAFA;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
.div-categories-archive .block-categories-archive {
  list-style-type: none;
  display: flex;
  gap: 10px;
  padding: 0;
  justify-content: center;
}
.div-categories-archive .block-categories-archive li {
  padding-bottom: 0px;
  align-items: center;
  justify-content: center;
}
.div-categories-archive .block-categories-archive li a {
  text-decoration: none;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 24px;
  align-items: center;
  justify-content: center;
  display: flex;
  font-weight: bold;
  color: #717680;
}
.div-categories-archive .block-categories-archive li.current-cat a {
  display: flex;
  color: black;
  font-weight: bold;
  border: 1px solid gray;
  border-radius: 24px;
  background-color: white;
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  padding: 10px 12px;
  text-decoration: none;
}
.div-categories-archive .p-show-all-not-current {
  text-decoration: none;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.div-categories-archive .p-show-all-not-current a {
  text-decoration: none;
  color: #6F6F6F;
  font-weight: bold;
}

/*Single post blog */
.single-post-blog .post-entry-content h2 {
  margin-top: 40px;
  margin-bottom: 32px;
}
.single-post-blog .post-entry-content h2:first-child {
  margin-top: 0px;
}
.single-post-blog .post-entry-content h3 {
  margin-top: 48px;
  margin-bottom: 32px;
}
.single-post-blog .post-entry-content figure {
  margin-bottom: 56px;
  margin-top: 56px;
}
.single-post-blog .post-entry-content p {
  margin-bottom: 24px;
  line-height: 150%;
}

.first-tag-blog a:not(:first-child) {
  display: none;
}
.first-tag-blog a {
  text-decoration: none;
  color: #B9DFDB;
  font-weight: bold;
}

.tag-blog a {
  text-decoration: none;
  border: 1px solid #42B5BA;
  border-radius: 24px;
  background-color: #EBF5F4;
  font-weight: bold;
  color: #056879;
  padding: 2px 10px;
  align-items: center;
  justify-content: center;
}

.loop-entradas ul {
  column-gap: 32px;
  row-gap: 48px;
}
.loop-entradas ul li {
  border-radius: 24px;
  background-color: var(--wp--preset--color--gami-azuloscuro);
  padding-top: 0px;
  padding-bottom: 0px;
}

.loop-entradas-responsive ul {
  column-gap: 32px;
  row-gap: 48px;
}
.loop-entradas-responsive ul li {
  border-radius: 24px;
  background-color: var(--wp--preset--color--gami-azuloscuro);
  padding-top: 0px;
  padding-bottom: 0px;
}

/*Contact*/
.div-mail-telf a {
  text-decoration: none;
  word-break: break-all;
}

.div-contact {
  background-color: #FFFFFF;
  border-radius: 16px;
  padding: 32px;
}
.div-contact .div-name {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
.div-contact label {
  font-weight: bold;
}
.div-contact label input {
  border: 1px solid #D5D7DA;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  padding: 8px 12px;
  width: 100%;
  max-width: calc(100% - 24px);
  margin-top: 6px;
  font-size: 16px;
}
.div-contact label textarea {
  border: 1px solid #D5D7DA;
  border-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  padding: 8px 12px;
  width: 100%;
  max-width: calc(100% - 24px);
  margin-top: 6px;
  font-family: "Roboto";
  font-size: 16px;
}
.div-contact label .asterisco {
  color: #6F6F6F;
}
.div-contact .checkbox-accept {
  display: flex;
  gap: 12px;
}
.div-contact .checkbox-accept .accept-box {
  display: flex;
}
.div-contact .checkbox-accept input[type=checkbox] {
  width: 20px;
  height: 20px;
  min-width: 20px;
}
.div-contact .checkbox-accept span {
  font-weight: normal;
}
.div-contact .button-submit {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Header footer
--------------------------------------------- */
header > .wp-block-group {
  top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));
  position: sticky;
  z-index: 10;
}
header nav .wp-block-pages-list__item__link {
  font-family: var(--wp--preset--font-family--roboto);
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
}

header .wp-block-navigation__container a::after, footer .wp-block-navigation__container a::after, footer p a::after {
  content: "";
  height: 1px;
  background-color: #FFF;
  display: flex;
  transition: 0.4s;
  width: 0;
}

header .wp-block-navigation__container li:hover > a::after, footer .wp-block-navigation__container li:hover > a::after, footer a:hover::after, header .wp-block-navigation__container .current-menu-item a::after {
  width: 100%;
}

.nav-ul {
  gap: 32px;
}
.nav-ul li span {
  font-size: 16px !important;
}
.nav-ul .inicio-nav {
  display: none;
}
.nav-ul .logo-nav {
  display: none;
}

.content-menu {
  flex-wrap: nowrap;
  gap: 8px;
}
.content-menu .title {
  font-weight: 600;
  margin-bottom: 4px;
}
.content-menu div.title {
  text-align: left;
  margin-bottom: 4px;
  line-height: 16px;
  padding: 2px 0;
}
.content-menu .navigation-menu {
  min-width: 157px;
}
.content-menu nav a {
  padding: 2px 0;
}
.content-menu nav a span.wp-block-navigation-item__label {
  padding: 0 0 0.5rem 0;
}

#footer-login,
#footer-register {
  cursor: pointer;
}

footer a:visited {
  color: #FFFFFF;
}

.nav-footer-resp ul {
  gap: 24px;
}
.nav-footer-resp ul li span {
  font-size: 16px;
}

.nav-footer-legal ul {
  gap: 24px;
}
.nav-footer-legal ul li span {
  font-size: 16px;
}

.menu {
  text-align: center;
}

/*Icono header responsive*/
.wp-block-navigation__responsive-container-open svg {
  fill: var(--wp--preset--color--gami-mint);
}

.wp-block-navigation__responsive-container-close svg {
  fill: var(--wp--preset--color--gami-mint);
}

/* Page legal-emplate
--------------------------------------------- */
.page-template-wp-custom-template-p-ginas-legales h1 {
  margin-bottom: 40px;
}
.page-template-wp-custom-template-p-ginas-legales h2 {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.page-template-wp-custom-template-p-ginas-legales p {
  margin: 0.5rem 0 0;
}

/* Form (wpcf7)
--------------------------------------------- */
/* Contact Form */
.wpcf7-form {
  display: grid;
  gap: 16px;
  color: #000;
  max-width: 100%;
}

.wpcf7-form p {
  margin: 0;
}

.wpcf7-form label {
  font-size: 16px;
}

.wpcf7-submit {
  background-color: #A7D9D4;
  border: 1px solid #A7D9D4;
  color: #16263F;
  font-weight: bold;
  width: fit-content;
  padding: 12px 24px;
  border-radius: 16px;
  cursor: pointer;
}
.wpcf7-submit:hover {
  color: white;
  background-color: var(--wp--preset--color--gami-azuloscuro);
}

.check:last-child,
.check,
.wpcf7-list-item-label {
  font-size: 14px;
}

.check p {
  display: block;
}

.wpcf7-list-item.first.last,
.wpcf7-list-item {
  margin-left: 0;
}

.check a {
  color: #b9261f;
}

.color-red {
  font-weight: 600;
}

.wpcf7-spinner {
  visibility: hidden;
  display: none;
}

.fs-32-24-res {
  font-size: 32px;
  display: block !important;
  line-height: 1;
}

.label-incidencias {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400;
  color: #0b0401;
}

.label-incidencias select {
  padding: 12px;
  border-radius: 8px;
  width: 100%;
  background: #FFF;
}

.label-incidencias textarea {
  width: 100%;
  border: 1px solid #e5e1e1;
  border-radius: 8px;
}

.form-incidencias {
  background-color: #faf7f7;
  padding: 24px;
  border-radius: 16px;
}

#enviarIncidencias {
  justify-self: end;
}

.imagen-incidencias-movil {
  display: none;
}

.container-form {
  padding: 0 !important;
}

.imagen-incidencias-movil {
  display: none !important;
}

.wpcf7 textarea {
  height: 100px;
}
.wpcf7 input[type=checkbox] {
  width: 20px;
  height: 20px;
}

.checkbox-accept {
  font-size: 14px;
}

/* Responsive
--------------------------------------------- */
@media (max-width: 768px) {
  .mobile {
    display: block;
  }
  .desktop {
    display: none !important;
  }
  footer .wp-block-doo-block-copyright {
    order: 3;
  }
  footer .is-content-justification-right {
    justify-content: flex-start;
  }
  .imagen-incidencias-movil {
    display: block !important;
  }
  .imagen-incidencias {
    display: none;
  }
  .wpcf7-submit {
    width: 100%;
  }
}
@media (max-width: 800px) {
  main .entry-content > .wp-block-group, main .entry-content > .wp-block-cover {
    padding-top: 64px;
    padding-bottom: 64px;
    margin-block-end: 0;
    margin-block-start: 0;
  }
  /*Home responsive*/
  .home-gami {
    min-height: 469px !important;
  }
  .home-obj {
    margin-top: 48px;
    row-gap: 64px;
  }
  .p-home-cover {
    font-size: 16px !important;
  }
  .home-introduccion {
    padding-bottom: 56px !important;
  }
  .home-responsables {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .home-grp-etiqueta {
    min-width: 137px;
  }
  .home-prj-objectives {
    padding-top: 72px;
  }
  .home-how-to {
    width: max-content;
  }
  .home-col-intro {
    gap: 56px;
  }
  .home-col-intro .column-server {
    order: 2;
  }
  .column-server {
    order: 2;
  }
  .img-meeting {
    display: block;
    margin: auto;
  }
  .home-recursos {
    flex-wrap: wrap;
  }
  .home-grp-tags {
    padding-top: 149px !important;
  }
  .div-colaboradores .home-colaboradores {
    flex-wrap: wrap;
  }
  .home-estadisticas .wp-block-group {
    display: block;
    margin: auto;
  }
  .home-project-info {
    order: 2;
  }
  .home-project-info h2 {
    padding-top: 40px !important;
  }
  .home-project-info .home-txt-prj {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .home-prj-image {
    overflow-x: hidden;
  }
  .home-prj-image .wp-block-column:last-child img {
    position: relative;
    width: 930px;
    height: calc(100% - 140px);
    object-fit: cover;
    max-width: 100vw;
    bottom: 0px;
    right: -5px;
    aspect-ratio: 434/361;
  }
  .number-size {
    font-size: 50px !important;
  }
  .grp-txt-etiquetas {
    margin-top: 32px !important;
  }
  .buttons-margin {
    margin-top: 48px !important;
  }
  .grp-row-responsables {
    row-gap: 16px;
  }
  .img-separacion {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 48px !important;
  }
  .grp-socios {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .grp-obj {
    margin-top: 48px;
    row-gap: 64px;
  }
  /*Proyecto responsive*/
  .div-proyecto {
    height: 477px !important;
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .grp-antecedentes .col-antecedentes {
    column-gap: 56px;
  }
  .columns-adaptaciones {
    row-gap: 48px;
  }
  .div-prj-objectives {
    margin-top: 48px !important;
  }
  .div-prj-objectives .prj-objectives {
    order: 2;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .div-prj-objectives .prj-objectives .prj-objectives-1 {
    flex-wrap: wrap;
    gap: 48px;
  }
  .div-prj-objectives .prj-objectives .prj-objectives-2 {
    flex-wrap: wrap;
    padding-top: 48px !important;
    gap: 48px;
  }
  .col-antecedentes {
    gap: 56px !important;
  }
  .col-antecedentes .antecedentes-h2 {
    padding-bottom: 32px !important;
  }
  .div-adaptaciones {
    padding-bottom: 48px !important;
  }
  .prj-adaptaciones {
    order: 2;
  }
  .fila-proceso {
    justify-content: start;
  }
  .div-socios {
    padding-top: 48px !important;
  }
  .div-socios .grp-col-socios {
    gap: 48px !important;
  }
  .div-socios .grp-col-socios .h3-socios {
    margin-bottom: 24px !important;
  }
  .grp-colaboradores {
    padding-top: 64px !important;
  }
  .grp-colaboradores .txt-socios {
    padding-bottom: 48px !important;
  }
  .grp-colaboradores .prj-socios-1 {
    row-gap: 48px;
    grid-template-columns: repeat(2, 1fr);
  }
  .grp-colaboradores .prj-socios-2 {
    row-gap: 48px;
    grid-template-columns: repeat(2, 1fr);
  }
  .grp-col-socios {
    gap: 48px !important;
  }
  .img-ediciones {
    margin-top: 48px !important;
  }
  .grp-beneficios {
    padding-top: 48px !important;
  }
  .grp-team h2 {
    margin-bottom: 48px !important;
  }
  .grp-team .cols-team {
    gap: 48px !important;
  }
  .grp-team .cols-team .prj-equipo {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    order: 2 !important;
  }
  /*Resultados responsive*/
  .resultados-img img {
    max-width: 100%;
  }
  .resultados-div {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
    row-gap: 48px;
  }
  .resultados-div .resultados-heading {
    order: 2;
  }
  .img-premios {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .col-gap-48 {
    row-gap: 48px !important;
  }
  .pad-48 {
    padding-top: 48px !important;
  }
  .margin-48 {
    margin-top: 48px !important;
  }
  .resultados-premios {
    flex-wrap: wrap;
    row-gap: 48px;
  }
  .res-eventos-1 {
    flex-wrap: wrap;
    gap: 48px;
  }
  .res-eventos-2 {
    flex-wrap: wrap;
    padding-top: 48px !important;
    gap: 48px;
  }
  .div-testimonials {
    padding-top: 48px;
  }
  .div-testimonials .res-testimonials {
    order: 2;
    padding-top: 48px;
  }
  .div-testimonials .testimonials-container {
    position: relative;
  }
  .div-testimonials .testimonials-container .testimonial-occupation {
    max-width: calc(100% - 130px);
  }
  .div-testimonials .testimonials-container .testimonial-navigation {
    bottom: 0;
    right: 0;
  }
  .barra-etiquetas {
    overflow: auto;
  }
  .barra-etiquetas .div-categories {
    min-width: max-content;
  }
  .barra-etiquetas .div-categories-archive {
    min-width: max-content;
  }
  /*Footer responsive*/
  .div-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .div-footer .div-nav-footer {
    order: 2;
    flex-basis: inherit;
  }
  .div-footer .div-nav-footer .div-col-footer {
    gap: 56px;
  }
  .div-footer .div-nav-footer .div-col-footer .nav-footer-resp {
    align-items: center;
  }
  .div-footer .div-nav-footer .div-col-footer .nav-footer-resp ul {
    align-items: center;
  }
  .div-footer .div-nav-footer .div-col-footer .nav-footer-legal {
    align-items: center;
  }
  .div-footer .div-nav-footer .div-col-footer .nav-footer-legal ul {
    align-items: center;
  }
  .div-footer img {
    max-width: 100px !important;
    padding-bottom: 48px;
  }
  /*Header responsive*/
  header .wp-block-buttons > .contact-button {
    display: none;
  }
  header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
  header .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  header .custom-logo {
    width: 55px;
    height: 51px;
  }
  header .wp-block-site-logo.is-default-size img {
    width: 86px;
  }
  header .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #056879 !important;
    align-items: center;
    color: white;
  }
  header .wp-block-navigation.items-justified-right {
    --navigation-layout-justification-setting: center;
    --navigation-layout-justify: flex-end;
  }
  header .wp-block-navigation__responsive-container-close {
    right: 15px;
    top: 29px;
  }
  header .nav-ul .li-proyecto {
    padding-top: 24px;
  }
  header .nav-ul .logo-nav {
    display: block;
    position: fixed;
    left: 0px;
    top: 0px;
    min-width: 100%;
    background-color: #16263F;
    padding: 16px 0px 16px 16px;
  }
  /*Recursos responsive*/
  .recurso-responsive {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .div-shortcode-recursos {
    padding-bottom: 64px !important;
  }
  .recursos-container .file-icon img {
    width: 24px !important;
  }
  .recursos-container .file-recursos {
    align-items: center;
    grid-template-columns: 72px 1fr 100px;
  }
  .recursos-container .file-action a {
    margin: auto;
  }
  .recursos-container .file-action a span {
    display: none;
  }
  /*Familia de etiquetas responsive*/
  .row-etiquetas {
    margin-bottom: 64px !important;
  }
  /*Blog responsive*/
  .div-blog-archive {
    padding-bottom: 64px !important;
  }
  .div-blog-archive-sc {
    padding-bottom: 64px !important;
    padding-top: 64px !important;
  }
  .div-blog-archive-sc .archive-margin {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .single-post-blog .post-entry-content figure {
    margin-bottom: 40px !important;
    margin-top: 40px !important;
  }
  /*Contacto responsive*/
  .cols-contacto {
    row-gap: 48px;
  }
  .contact-block {
    padding-bottom: 64px !important;
  }
  .contact-block .div-contact {
    padding-bottom: 32px !important;
  }
  .contact-block .div-contact .div-name {
    gap: 16px;
  }
  .contact-block .div-contact label input {
    font-size: 14px;
  }
}
@media (max-width: 450px) {
  .loop-entradas-responsive {
    overflow: auto;
    padding-bottom: 64px;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .loop-entradas-responsive ul {
    display: flex;
    width: max-content;
    max-width: inherit;
  }
  .loop-entradas-responsive ul li {
    width: calc(100vw - 56px);
  }
}
/* Recursos styles
--------------------------------------------- */
/*Recursos styles*/
.recursos-buscar {
  display: grid;
  grid-template-columns: 2.15fr 1fr;
}
.recursos-buscar .recursos-archivos {
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 0px !important;
}
.recursos-buscar input {
  box-shadow: 0px 1px 2px 0px rgba(10, 13, 18, 0.0509803922);
  border: 1px solid #D5D7DA;
  padding: 8px 0px 8px 30px;
  border-radius: 8px;
  font-size: 16px;
  width: calc(100% - 30px);
  background-image: url(/gamifp/wp-content/uploads/2025/04/search-lg.svg);
  background-size: 16px;
  background-position: 10px center;
  background-repeat: no-repeat;
}

.recursos-container {
  width: 100%;
  margin: 20px auto;
  overflow: hidden;
}
.recursos-container .recursos-hd {
  width: 100%;
  background: var(--wp--preset--color--gami-azuloscuro);
  color: white;
  font-size: 15px;
  display: grid;
  grid-template-columns: 72px 1fr 145px;
  padding: 16px 20px;
  font-family: "Roboto";
}
.recursos-container .file-recursos {
  width: 100%;
  background: white;
  display: grid;
  grid-template-columns: 72px 1fr 145px;
  border-bottom: 1px solid #EEEEEE;
  padding: 16px;
}
.recursos-container .file-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.recursos-container .file-icon img {
  width: 40px;
  height: 40px;
}
.recursos-container .file-size {
  font-size: 14px;
  color: gray;
}
.recursos-container .file-action {
  display: flex;
  align-items: center;
}
.recursos-container .file-action a {
  display: flex;
  align-items: center;
  font-weight: bold;
  padding-left: 8px;
}
.recursos-container .file-action img {
  align-items: right;
  width: 24px;
  height: 24px;
  margin-right: 5px;
}

/* Testimonials styles
--------------------------------------------- */
/*Testimonials styles*/
.testimonials-container {
  text-align: left;
  max-width: 600px;
  margin: auto;
  position: relative;
}
.testimonials-container .testimonial-item p {
  margin-bottom: 24px;
}
.testimonials-container .testimonial-item .testimonial-text {
  font-size: 1.2em;
  font-style: italic;
  margin-bottom: 15px;
}
.testimonials-container .testimonial-item .testimonial-author {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 2px;
}
.testimonials-container .testimonial-item .testimonial-occupation {
  color: #666;
  font-size: 0.9em;
  margin: 2px;
}
.testimonials-container .testimonial-navigation {
  display: flex;
  justify-content: right;
  gap: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 16px;
}
.testimonials-container .testimonial-navigation button {
  width: 50px;
  height: 50px;
  border: 2px solid #ddd;
  border-radius: 50%;
  background-color: transparent;
  font-size: 24px;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
  align-items: center;
  justify-content: center;
}
.testimonials-container .testimonial-navigation button span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 20px;
  line-height: 1;
}
.testimonials-container .testimonial-navigation button:hover {
  background-color: #f0f0f0;
  border-color: #bbb;
  color: #000;
}

/*# sourceMappingURL=style.css.map */