/*
 Theme Name: GeneratePress Child
 Theme URI: https://generatepress.com
 Description: Tema hijo de GeneratePress para American Language Academy
 Author: José Carmona Zúñiga
 Author URI: https://netcarmona.es
 Template: generatepress
 Version: 1.0.0
*/

/* ESTILOS GENERALES */

* {
  --background-white: #fff;
  --shadow-suave: 0 2px 4px rgba(0, 0, 0, 0.1);
  --color-footer: #c4c4c4;
  --color-footer-hover: #a8a8a8;
  --color-texto: #222222;
  --color-primario-blue: #03a9f4;
  --color-gradiante-blue: linear-gradient(145deg, #f8b34c 0, #e94763 33%, #4656a1 66%, #a44894 100%);
  --color-texto-hover-green: #2e8b57;
  --color-texto-hover-rojo: #fc514e;
  --color-texto-hover-white: #f0f0f0;
  --mot: -1438px;
}

body {
  font-family: "Gotham Rounded", sans-serif;
  background-color: var(--background-white);
  color: var(--color-texto);
}

/* Scrollbar visible */
html {
  scrollbar-color: #b3b8c4 #f2f4f8;
  scrollbar-width: auto;
}

body::-webkit-scrollbar {
  width: 12px;
}

body::-webkit-scrollbar-track {
  background: #f2f4f8;
}

body::-webkit-scrollbar-thumb {
  background: #b3b8c4;
  border-radius: 10px;
  border: 3px solid #f2f4f8;
}

/* HEADER */
#masthead {
  position: sticky;
  top: 0;
  z-index: 999;
  background: var(--background-white);
  box-shadow: var(--shadow-suave);
}

.inside-header {
  padding: 0;
}

.site-main {
  margin: 30px !important;
  margin-left: 50px !important;
}

/* FOOTER GENERAL */
/* Elimina el copyright de la etiqueta footer */
.copyright-bar {
  display: none;
}

.footer-bar {
  width: 100%;
  font-weight: 700;
  align-items: center;
  justify-content: center;
}

.inside-site-info {
  padding: 14px 40px;
}

#block-10 p {
  margin: 0;
}

#block-10 a {
  color: var(--color-footer);
  font-size: 11pt;
  text-decoration: none;
  transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
}

#block-10 a:hover {
  color: var(--color-footer-hover);
}

/* Estilos  FOOTER*/
.footer-widgets {
  background-color: var(--color-primario-blue);
  background-image: var(--color-gradiante-blue);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#03A9F4", endColorStr="#2196F3");
  -ms-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.1);
}

.footer-widgets-container {
  position: relative;
  padding-top: 45px;
}

.site-footer .footer-widgets-container .inner-padding {
  padding: 0 0 0 0px;
}

.grid-container {
  max-width: 1450px;
}

.footer-widgets .widget {
  margin-bottom: 0px;
}

.inside-footer-widgets {
  flex-direction: column-reverse;
}

.footer-widget-2 {
  display: flex;
  justify-content: space-between;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

/* estilos widget-bloque-20 */
.widgets-bloque-20 {
  display: flex;
  flex-direction: column-reverse;
}

.widget ul li {
  margin-bottom: 0;
}

#footer-social {
  position: relative;
  top: -5px;
  left: 25%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 300px;
  text-align: center;
  font-size: 22pt;
  display: flex;
  justify-content: space-evenly;
}

#footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#footer-social img {
  width: 24px;
  height: 24px;
  display: block;
}

#footer-social i,
#footer-social svg,
#footer-social .footer-social-icon {
  color: #fff;
  fill: #fff;
  font-size: 24px;
}

#footer-social .footer-social-icon {
  width: 24px;
  height: 24px;
  display: block;
}


.fa-brands:before,
.fa-regular:before,
.fa-solid:before,
.fa:before,
.fab:before,
.far:before,
.fas:before {
  color: #fff;
}

#footer-companies {
  position: absolute;
  flex-wrap: wrap;
  top: 105px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 418px;
  display: flex;
  justify-content: space-between;
  gap: 15px;
}

/* Estilo del H3 */

.know-our-academies {
  color: var(--background-white);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 45px;
  text-align: center;
  font-size: 13pt;
  font-weight: 700;
}

.know-our-academies a {
  color: var(--background-white);
  text-decoration: none;
}

.know-our-academies a:hover {
  color: var(--color-texto-hover-white);
}

/* Imagenes de comanies */
.img-arbitraje-consumo,
.img-acedim,
.img-acade,
.img-atg {
  height: 35px;
}

.img-alg,
.img-fecei,
.img-american-test-center {
  height: 55px;
}

.img-american-business-center {
  height: 65px;
}

/* footer phone */
#footer-phone {
  position: absolute;
  text-align: center;
  top: 10px;
  right: -140px;
  width: 15%;
}

.fa-phone:before {
  font-size: 15px;
  color: #03a9f4;
}

/* addres */
.address-div {
  font-weight: 700;
  border: 3px solid #fff;
  margin-top: 20px;
  border-radius: 10px;
  padding: 10px;
}

.address-div p {
  align-self: center;
  justify-self: center;
  margin: auto;
  line-height: 14pt;
  color: #fff;
  font-size: 11pt;
}

/* Estilos del prefooter */
.pre-footer {
  background-color: #fff;
  padding: 0rem;
  text-align: center;
  margin-top: 1rem;
}

.pre-footer .block {
  padding-top: 20px;
}

.assistant-block {
  padding-bottom: 20px !important;
}

.pre-footer .header,
.pre-footer .call-block,
.pre-footer .assistant-block {
  line-height: 14pt;
}

.call-block p,
.assistant-block p {
  margin: 0;
  font-size: 11pt;
}

.header p {
  margin: 0;
  font-size: 10pt;
}

.text-large {
  font-size: 16pt;
}

.text-small {
  font-size: 10pt;
}

.bold {
  font-weight: 700;
}

.text-ala-blue {
  color: rgb(19, 61, 104);
}

/* botones */
/* Estilo para el boton */
.btn,
button,
.ala-block-search__button,
.read-more,
.pt-cv-wrapper .btn-success {
  padding: 6px 18px;
  margin: 5px 10px;
  border-radius: 1000px;
  font-size: 11pt;
  font-family: "Gotham Rounded", sans-serif;
  border: none;
  border-collapse: separate;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
}

/* Estilo común para todas las variantes */
.btn.white,
button.white,
.btn.green,
button.green,
.btn.yellow,
button.yellow,
.btn.red,
button.red,
.btn.pink,
button.pink,
.btn.orange,
button.orange,
.btn.blue,
button.blue,
.ala-block-search__button,
.read-more,
.pt-cv-wrapper .btn-success {
  cursor: pointer;
  text-decoration: none;
  transition: all 500ms ease-in-out;
}

/* White Button */
.btn.white,
button.white {
  background-color: #fff;
  background-image: linear-gradient(to right, #fff, #fff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFFFFF", endColorStr="#FFFFFF", gradientType="1");
  -ms-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.3);
  box-shadow: 0 5px 5px rgba(255, 255, 255, 0.3);
}

.btn.white:hover,
button.white:hover {
  border: unset;
  -ms-box-shadow: 0 5px 10px rgba(255, 255, 255, 0.8);
  -o-box-shadow: 0 5px 10px rgba(255, 255, 255, 0.8);
  box-shadow: 0 5px 10px rgba(255, 255, 255, 0.8);
}

/* Green Button */
.btn.green,
button.green,
.pt-cv-wrapper .btn-success {
  color: #fff;
  background-color: #8bc34a;
  background-image: linear-gradient(to right, #8bc34a, #4caf50);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#8BC34A", endColorStr="#4CAF50", gradientType="1");
  -ms-box-shadow: 0 5px 5px rgba(76, 175, 80, 0.3);
  -o-box-shadow: 0 5px 5px rgba(76, 175, 80, 0.3);
  box-shadow: 0 5px 5px rgba(76, 175, 80, 0.3);
}

.btn.green:hover,
button.green:hover,
.pt-cv-wrapper .btn-success:hover {
  border: unset;
  background-color: #8bc34a;
  background-image: linear-gradient(to right, #8bc34a, #4caf50);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#8BC34A", endColorStr="#4CAF50", gradientType="1");
  -ms-box-shadow: 0 5px 10px rgba(76, 175, 80, 0.8);
  -o-box-shadow: 0 5px 10px rgba(76, 175, 80, 0.8);
  box-shadow: 0 5px 10px rgba(76, 175, 80, 0.8);
}

/* Yellow Button */
.btn.yellow,
button.yellow {
  color: #fff;
  cursor: pointer;
  background-color: #fdd835;
  background-image: linear-gradient(to right, #fdd835, #fdce03);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FDD835", endColorStr="#fdce03", gradientType="1");
  -ms-box-shadow: 0 5px 5px rgba(253, 206, 3, 0.3);
  -o-box-shadow: 0 5px 5px rgba(253, 206, 3, 0.3);
  box-shadow: 0 5px 5px rgba(253, 206, 3, 0.3);
}

.btn.yellow:hover,
button.yellow:hover {
  border: unset;
  background-color: #fdd835;
  background-image: linear-gradient(to right, #fdd835, #fdce03);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FDD835", endColorStr="#fdce03", gradientType="1");
  -ms-box-shadow: 0 5px 10px rgba(253, 206, 3, 0.8);
  -o-box-shadow: 0 5px 10px rgba(253, 206, 3, 0.8);
  box-shadow: 0 5px 10px rgba(253, 206, 3, 0.8);
}

/* Red Button */
.btn.red,
button.red {
  color: #fff;
  cursor: pointer;
  background-color: #fc824e;
  background-image: linear-gradient(to right, #fc824e, #fc4e4e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FC824E", endColorStr="#FC4E4E", gradientType="1");
  -ms-box-shadow: 0 5px 5px rgba(252, 78, 78, 0.3);
  -o-box-shadow: 0 5px 5px rgba(252, 78, 78, 0.3);
  box-shadow: 0 5px 5px rgba(252, 78, 78, 0.3);
}

.btn.red:hover,
button.red:hover {
  border: unset;
  background-color: #fc824e;
  background-image: linear-gradient(to right, #fc824e, #fc4e4e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FC824E", endColorStr="#FC4E4E", gradientType="1");
  -ms-box-shadow: 0 5px 10px rgba(252, 78, 78, 0.8);
  -o-box-shadow: 0 5px 10px rgba(252, 78, 78, 0.8);
  box-shadow: 0 5px 10px rgba(252, 78, 78, 0.8);
}

/* Pink Button */
.btn.pink,
button.pink {
  color: #fff;
  cursor: pointer;
  background-color: #fd8080;
  background-image: linear-gradient(to right, #fd8080, #ff49b6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#fd8080", endColorStr="#FF49B6", gradientType="1");
  -ms-box-shadow: 0 5px 5px rgba(255, 73, 182, 0.3);
  -o-box-shadow: 0 5px 5px rgba(255, 73, 182, 0.3);
  box-shadow: 0 5px 5px rgba(255, 73, 182, 0.3);
}

.btn.pink:hover,
button.pink:hover {
  border: unset;
  background-color: #fd8080;
  background-image: linear-gradient(to right, #fd8080, #ff49b6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#fd8080", endColorStr="#FF49B6", gradientType="1");
  -ms-box-shadow: 0 5px 10px rgba(255, 73, 182, 0.8);
  -o-box-shadow: 0 5px 10px rgba(255, 73, 182, 0.8);
  box-shadow: 0 5px 10px rgba(255, 73, 182, 0.8);
}

/* Orange Button */
.btn.orange,
button.orange {
  color: #fff;
  cursor: pointer;
  background-color: #ffc107;
  background-image: linear-gradient(to right, #ffc107, #ff9800);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFC107", endColorStr="#FF9800", gradientType="1");
  -ms-box-shadow: 0 5px 5px rgba(255, 152, 0, 0.3);
  -o-box-shadow: 0 5px 5px rgba(255, 152, 0, 0.3);
  box-shadow: 0 5px 5px rgba(255, 152, 0, 0.3);
}

.btn.orange:hover,
button.orange:hover {
  border: unset;
  background-color: #ffc107;
  background-image: linear-gradient(to right, #ffc107, #ff9800);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#FFC107", endColorStr="#FF9800", gradientType="1");
  -ms-box-shadow: 0 5px 10px rgba(255, 152, 0, 0.8);
  -o-box-shadow: 0 5px 10px rgba(255, 152, 0, 0.8);
  box-shadow: 0 5px 10px rgba(255, 152, 0, 0.8);
}

/* Blue Button */
.btn.blue,
button.blue,
.ala-block-search__button,
.read-more,
.search-submit,
.close-comments-button:hover {
  color: #fff;
  cursor: pointer;
  background-color: #03a9f4;
  background-image: linear-gradient(to right, #03a9f4, #2196f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#03A9F4", endColorStr="#2196F3", gradientType="1");
  -ms-box-shadow: 0 5px 5px rgba(33, 150, 243, 0.3);
  -o-box-shadow: 0 5px 5px rgba(33, 150, 243, 0.3);
  box-shadow: 0 5px 5px rgba(33, 150, 243, 0.3);
}

.btn.blue:hover,
button.blue:hover,
.ala-block-search__button:hover,
.read-more:hover,
.search-submit:hover {
  border: unset;
  background-color: #03a9f4;
  background-image: linear-gradient(to right, #03a9f4, #2196f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#03A9F4", endColorStr="#2196F3", gradientType="1");
  -ms-box-shadow: 0 5px 10px rgba(33, 150, 243, 0.8);
  -o-box-shadow: 0 5px 10px rgba(33, 150, 243, 0.8);
  box-shadow: 0 5px 10px rgba(33, 150, 243, 0.8);
}

/* Enlaces dentro de botones */
.btn a {
  text-decoration: none;
  font-weight: 700;
  color: #03a9f4;
}

.btn.green a {
  color: white;
}

/* Enlace del boton de las tarjetas */
.blog-card-button {
  text-align: center;
  margin: 20px auto 0;
  width: 90%;
}

.blog-card-button a {
  text-decoration: none;
}

/* Estilos del Slider */
.custom-slider-wrapper {
  margin: 0;
  padding: 0;
  background-color: #fff;
}

.custom-slider-wrapper h2 {
  font-size: 16pt;
  font-weight: 700;
  margin-bottom: 10px;
}

.swiper {
  max-width: 1560px;
}

.swiper-slide.blog-card {
  margin: 30px;
  width: 305px !important;
  height: 195px;
  box-shadow: 2px 6px 10px 8px rgba(0, 0, 0, 0.1019607843);
  border-radius: 10px;
  padding: 15px;
}

.blog-card-content {
  display: flex;
  justify-content: space-evenly;
  height: 140px;
  overflow: hidden;
}

/* colores de los bordes de la imagenes de las tarjetas */
.blog-image.green {
  background: linear-gradient(to bottom, #3acfd5 0, #44d53a 100%);
}

.blog-image.blue {
  background: linear-gradient(to bottom, #3acfd5 0, #3a4cd5 100%);
}

.blog-image.red {
  background: linear-gradient(to bottom, #3acfd5 0, #d53a3a 100%);
}

.blog-image.pink {
  background: linear-gradient(to bottom, #3acfd5 0, #d53ac2 100%);
}

.blog-image.orange {
  background: linear-gradient(to bottom, #3acfd5 0, #d5823a 100%);
}

.blog-image.yellow {
  background: linear-gradient(to bottom, #3acfd5 0, #d5d03a 100%);
}

/* estilo para las imagenes de las tarjetas */
.blog-image {
  border-radius: 130px;
  overflow: hidden;
  margin: 5px;
  width: 130px;
  min-width: 130px;
  max-width: 130px;
  height: 130px;
  min-height: 130px;
  max-height: 130px;
  position: relative;
  border: 3px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}

.blog-info {
  display: table;
  width: 150px;
  text-align: center;
  margin: 0;
  padding: 0;
  border: 0;
}

.ng-tns-c11-5 {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  border: 0;
}

.blog-info .blog-name {
  font-size: 13pt;
  font-weight: 500;
  color: #133d68;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  line-height: 14pt;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  /* Máximo 6 líneas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* botones del swipper */
.custom-slider-wrapper {
  position: relative;
  padding: 0 60px;
}

.custom-swiper-buttons {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  z-index: 10;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-button-next {
  pointer-events: all;
  background-color: #2196f3;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 16pt;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 5px 10px rgba(33, 150, 243, 0.15);
  transition: transform 600ms ease-in-out;
  position: absolute;
  top: 65%;
  transform: translateY(-50%);
  z-index: 10;
  -webkit-transition: transform 600ms ease-in-out;
  -moz-transition: transform 600ms ease-in-out;
  -ms-transition: transform 600ms ease-in-out;
  -o-transition: transform 600ms ease-in-out;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #2196f3;
}

.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.swiper-button-prev {
  left: 15px;
}

.swiper-button-next {
  right: 15px;
}

/* Cuando están deshabilitados, se desplazan fuera del contenedor */
.swiper-button-prev.swiper-button-disabled {
  transform: translate(-150%, -50%);
  -webkit-transform: translate(-150%, -50%);
  -moz-transform: translate(-150%, -50%);
  -ms-transform: translate(-150%, -50%);
  -o-transform: translate(-150%, -50%);
}

.swiper-button-next.swiper-button-disabled {
  transform: translate(150%, -50%);
  -webkit-transform: translate(150%, -50%);
  -moz-transform: translate(150%, -50%);
  -ms-transform: translate(150%, -50%);
  -o-transform: translate(150%, -50%);
}

/* Cuando se vuelven a habilitar, vuelven a su sitio */
.swiper-button-prev:not(.swiper-button-disabled) {
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

.swiper-button-next:not(.swiper-button-disabled) {
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}

/* Estilo para el paginador de arriba */
/* Unificar estilo de paginadores (arriba y abajo) */
.nav-links,
.pagination-above .nav-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0;
}

.nav-links .page-numbers.current {
  background-color: #03a9f4 !important;
  border-color: #03a9f4 !important;
}

.nav-links .page-numbers,
.pagination-above ul.page-numbers li a,
.pagination-above ul.page-numbers li span {
  display: inline-block;
  padding: 8px 12px;
  border: 1px solid #ccc;
  color: #333;
  text-decoration: none;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}

.nav-links .page-numbers.current,
.pagination-above ul.page-numbers li span.current {
  background-color: #0073aa;
  color: #fff;
  font-weight: 700;
  border-color: #0073aa;
}

.nav-links .page-numbers:hover:not(.current),
.pagination-above ul.page-numbers li a:hover {
  background-color: #eee;
  border-color: #aaa;
}

.nav-links .page-numbers.dots {
  background: transparent;
  border: none;
  color: #999;
  padding: 8px 12px;
}

.navigation {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--base-3);
}

.separate-containers .paging-navigation {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Estilos de la información del Blog */
.final-article,
.inicial-article {
  max-width: 1248px;
  margin: 3rem auto;
  padding: 2rem 1.5rem;
  background-color: #fff;
}

/* texto general */
.final-article p,
.inicial-article p {
  margin-bottom: 1.25rem;
  line-height: 1.6;
  font-size: 11pt;
  color: #333;
}

/* títulos */
.final-article h4 {
  margin: 2rem 0 1rem;
  font-size: 13pt;
  color: #133d68;
  font-weight: 700;
}

.final-article h5 {
  margin: 1.5rem 0 0.75rem;
  font-size: 12pt;
  color: #133d68;
  font-weight: 600;
}

/* enlaces (no desactivar pointer-events: enlaces deben ser clicables) */
.final-article a {
  color: #0074cc;
  font-weight: 600;
  text-decoration: none;
  transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
}

.final-article a:hover {
  color: #2e8b57;
}

/* énfasis */
.final-article strong {
  color: #222;
  font-weight: 600;
}

/* espaciado utilitario heredado */
.space-text {
  margin-bottom: 1.25rem;
}

.space-title3 {
  margin-top: 2rem;
}

/* Buscador de post */
h2 .ala-block-search__label {
  display: none;
}

/* Estilos para los widgets y el listado de los posts */
.inside-article,
.widget_block,
.page-header {
  border-radius: 12px;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
}

.footer-widget-2 .widget_block,
.footer-bar .widget_block {
  border-radius: none;
  box-shadow: none;
}

/* Estilos para el listado de post */
.inside-article {
  display: flex;
  flex-direction: column;
  padding: 20px !important;
}

.entry-header .entry-title-post {
  font-size: 16pt;
  font-weight: 700;
  margin: 0;
}

.entry-title-post>a {
  color: #03a9f4;
  text-decoration: none;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}

.entry-title-post>a:hover {
  color: #2e8b57;
}

.post__content {
  display: flex;
  padding-top: 20px;
  gap: 20px;
}

/* Imagen alineada a la izquierda */
.post__image {
  flex: 0 0 400px;
  max-width: 400px;
  height: 300px;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.post__image a {
  display: block;
  width: 100%;
  height: 100%;
}

.post__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}

.post__image:hover img {
  transform: scale(1.05);
}

/* categorias del post */
.post-cat-links>ul,
.post-categories>ul {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: baseline;
  list-style: none;
  margin: 0;
  gap: 20px;
}

.post-categories li {
  padding: 5px 10px;
  border-radius: 200px;
  background-color: #7e57c2;
  color: #fff;
  border: 1px solid #7e57c2;
  font-size: 10pt;
  transition: all 0.1s ease-in-out;

}

/* Extrasto del post */
.entry-summario {
  font-size: 11pt;
  display: -webkit-box;
  margin: 0;
  -webkit-line-clamp: 7;
  /* Máximo 9 líneas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Autor y fecha del post */
.right-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.entry-meta {
  color: var(--color-texto);
}

.right-content .entry-meta {
  margin: 15px 0;
}

.right-content>p {
  margin-bottom: 0;
  margin-top: auto;
  text-align: center;
}

.author>a,
.entry-date {
  font-weight: 600;
  text-decoration: none;
  color: var(--color-texto);
  transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
}

.author>a:hover {
  color: #4caf50;
}

.entry-meta .separator {
  margin: 0 6px;
}

/* Estilos para el comentario */
.entry-meta .comment-count {
  text-decoration: none;
  color: inherit;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.comment-count .fa-comment:before,
.comment-count .num-comments {
  color: #133d68;
  font-weight: 600;
  font-size: 11pt;
}

.comment-count .fa-comment:before {
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

/* imagen de los post sugeridos */
.pt-cv-content-item {
  position: relative;
}

.pt-cv-content-item a {
  display: block;
  overflow: hidden;
  position: relative;
}

.pt-cv-content-item a img {
  max-height: 230px;
  object-fit: cover;
  object-position: center;
  transition: transform 0.4s ease;
  width: 100%;
  height: auto;
  display: block;
}

.pt-cv-content-item:hover a img {
  transform: scale(1.1);
}

/* Formulario de comentarios de post */
.comment-form input#url {
  display: none;
}

/* Widgets Categorias */
.ala-block-heading {
  font-size: 20pt;
  text-align: center;
  color: #03a9f4;
  font-weight: bold;
}

.ala-block-categories-list,
.entry-meta {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: baseline;
  gap: 5px;
}

.cat-links {
  font-size: 0;
}

.ala-block-categories-list .cat-item,
.cat-links a {
  padding: 5px 10px;
  border-radius: 200px;
  background-color: #fff;
  color: #7e57c2;
  border: 1px solid #7e57c2;
  font-size: 11pt;
  margin: 0 20px 15px 0;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
}

.ala-block-categories-list .cat-item:hover,
.cat-links a:hover {
  -ms-box-shadow: 5px 5px 15px rgba(126, 87, 194, 0.3);
  -o-box-shadow: 5px 5px 15px rgba(126, 87, 194, 0.3);
  box-shadow: 5px 5px 15px rgba(126, 87, 194, 0.3);
}

.cat-item a,
.cat-links a {
  color: #7e57c2;
  text-decoration: none;
}

.gp-icon.icon-categories {
  display: none;
}

.ala-block-search__label {
  display: none;
}

/* Estilos del AVATAR */
.avatar-logo {
  background-color: #2196f3;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.avatar-logo img {
  width: 80%;
  height: auto;
  display: block;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* El H1 de las páginas */
.page-title {
  justify-content: center;
  text-align: center;
}

.page-title>.vcard,
.page-title,
.entry-header .entry-title {
  font-size: 24pt;
  font-weight: 700;
  color: #133d68;
}

/* Estilos de la section despues del header */
/* Título */
.content-header-home>.blog {
  max-width: 65%;
  margin: auto;
}

.blog>h1 {
  font-size: 24pt;
  font-weight: 700;
  margin: 50px 0;
  width: 100%;
  text-align: center;
  color: #03a9f4;
}

/* Banner */
.banner {
  width: 80%;
  margin: 20px auto 80px;
  position: relative;
}

.background {
  height: 450px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

/* Imagen de fondo */
.with-bg {
  background-image: url("img/blog-para-aprender-ingles.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Gradiente azul encima a la derecha */
.gradient.blue {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #2196f3);
  height: 100%;
  width: 45%;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 50px;
  box-sizing: border-box;
}

/* Texto blanco sobre el gradiente */
.gradient>.bold {
  color: #fff;
  display: flex;
  flex-direction: column;
  text-align: center;
  line-height: 1.2;
  width: 33%;
  font-size: 16pt;
}

/* Icono learning experience */
.banner .icon-banner {
  position: absolute;
  top: 67%;
  left: -10%;
  height: 50%;
  width: 25%;
  text-align: center;
}

#post-loop {
  scroll-margin-top: 100px;
}

/* Contenedor sticky para la publicidad */
.module__body__sidebar {
  position: relative;
}

.js-sticky-sidebar-moving {
  position: sticky;
  top: 70px;
  margin-top: 50px;
}

.banner-promotional-container {
  padding: 5px;
  background-color: #f5f5f5;
  border-radius: 8px;
}

.banner-promotional__label-container {
  margin-bottom: 10px;
  text-align: left;
}

.banner-promotional__label {
  font-size: 12px;
  color: #888;
  text-transform: uppercase;
  font-weight: bold;
}

.banner-promotional__image img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}

.js-sticky-sidebar-moving>div:first-child {
  transform: translateY(var(--mot, 0px));
  transition: transform 0.3s ease;
}