/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://wordpress.org/themes/twentytwentythree
Template: twentytwentythree
Author: Kintek
Author URI: estudiokintek.com
Description: Twenty Twenty-Three Tema hijo
Version: 1.0.0
Updated: 2023-06-02 10:41:45

*/

/*NEW FONTS*/

/*FONT TYPES*/

html{
    font-family: "Poppins", sans-serif!important;
  scroll-behavior: smooth;
}

body {
 	background: #fafafa;
}


:root {
  scroll-padding-top: 100px !important;
}
p {
  font-size: 1rem; /* Ajustado a rem para consistencia */
}

h1 {
  font-size: 2.5rem;
  font-weight: 600;
}

h2 {
  font-size: 2rem; /* Convertido a rem */
  font-weight: 600;
}

h3 {
  font-size: 1.5rem; /* Convertido a rem */
  font-weight: 500;
}

h4 {
  font-size: 1.3rem; /* Convertido a rem */
  font-weight: 600;
}

h5 {
  font-size: 1.2rem; /* Convertido a rem */
  letter-spacing: 0.125rem;
}

/*ANIMACIÓN TOGGLE*/
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  transition: transform 0.5s ease;
}

.wp-block-site-logo {
  padding-bottom: 1%;
  padding-top: 1%;
}

/* Reset global */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*BOTON WHATSAPP*/

/* General Styles */
.imagen-foto {
  position: absolute;
  top: 50px;
  left: 100px;
}

main {
  margin-top: 50px !important;
}

.ocultar{
	display:none!important;
}

/*BANNER POP-UP*/

@keyframes latidos {
  from {
    transform: none;
  }
  50% {
    transform: scale(1.1);
  }
  to {
    transform: none;
  }
}

.popup a{
  animation: latidos 1s infinite;
  transform-origin: center;
}
.popup a:hover{
	background:white!important;
	border-radius:10px;
}
.popup-texto{
	flex-wrap: wrap;
    justify-content: center;
}
.medios {
  display: grid;
  justify-items: center;
}

.wp-block-media-text__media img,
.wp-block-media-text__media video {
  width: 1.375rem !important;
}

.wp-block-media-text > .wp-block-media-text__content {
  padding-left: 2% !important;
  padding-right: 5% !important;
}

.wp-element-button:hover {
  background-color: transparent !important;
  color: #680000 !important;
  border: 1px solid #680000 !important;
}

.wp-block-group {
  padding-right: 0;
  padding-left: 0;
}

.precio-descuento {
  padding: 0.8em !important;
  border-radius: 10px !important;
}

.bloque-marketing {
  text-align: center !important;
}
/* 
.wp-block-heading {
  margin-bottom: 0.625rem !important;
}
 */
/* .is-layout-constrained
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: none !important;
} */


/*PAGINA CURSOS*/

body div.wp-block-columns.alignfull.are-vertically-aligned-top.col-curso.is-layout-flex.wp-block-columns-is-layout-flex  {
  justify-content: center!important;
}
.div-medios-cursos{
	padding-left: 5rem!important;
}

.medios-cursos{
	display:flex!important;
	justify-content: center!important;
	gap:1.2rem;
}
.bg-ajustes {
    position: relative; /* Necesario para contener el fondo */
    overflow: hidden;   /* Evita que el fondo se salga si hay bordes redondeados */
}

.bg-ajustes::before {
    content: "";
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    
    /* Tu configuración de imagen */
    background-image: url(/wp-content/uploads/2026/01/vector-inicio.png);
    background-position: 110% 30%;
    background-repeat: no-repeat;
    background-size: contain;
    
    /* Ajusta aquí la opacidad (0.1 es muy transparente, 0.9 casi sólido) */
    opacity: 0.1!important; 
    
    z-index: 0; /* Se queda al fondo */
}

/* Asegura que el contenido se vea por encima de la imagen */
.tu-clase-de-fila > * {
    position: relative;
    z-index: 1;
}

/*entradas*/
#titulo-entrada{
	padding-top: 6vh!important;
    padding-bottom: 6vh!important;
}
#titulo-entrada-indiv{
	margin: 0 6rem 4rem 6rem!important
   
}
section.wp-block-group.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-11.wp-block-group-is-layout-constrained {

	padding: 6vh!important;
}
div.contenido-entrada{
	margin-bottom:5rem!important;
	max-width: 90% !important;
	padding: 1rem !important;
}

@media (min-width: 768px) {
	div.contenido-entrada{
		margin-bottom:5rem!important;
		max-width: 750px !important;
		padding: 3rem !important;
	}
}



/* Sticky sección cursos */

.sticky {
  position: sticky !important;
  height: 250px;
  top: 12vh !important;
  z-index: 10 !important;
  transition: top 0.3s ease-in-out;
}

.sticky-movil {
  display: none !important;
}

.sticky img {
  width: 2rem !important;
}

.icono-cursos {
  justify-content: normal;
}

.tutor-mt-auto {
  display: none !important;
}

.tutor-course-name a {
  color: #680000 !important;
  text-decoration: none;
}

.tutor-course-name a:hover {
  color: #ffd22e !important;
}

.wp-block-separator {
  width: 8rem !important;
}

.wc-blocks-pattern-header-essential .wc-blocks-header-pattern {
  position: sticky;
}

/*ESTILOS WOOCOMMERCE*/

.woocommerce {
  font-family: "Poppins", sans-serif !important;
}
.woocommerce-Input {
  border-color: #680000;
}
.wc-block-mini-cart__footer-actions,
.wc-block-cart__submit-button,
.woocommerce-button{
  border-radius: 10px!important;
}
:root {
  --woocommerce: #680000 !important;
  --wc-blue: #ffd22e !important;
  --wc-primary: #680000 !important;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
  border-radius: 10px !important;
  border: 1px solid #680000 !important;
}
.woocommerce form .form-row .input-text:focus,
.woocommerce-page form .form-row .input-text:focus {
  border: 2px solid #ffba00 !important;
  outline: none;
}

/*BOTONES*/
 
button,.wp-block-button__link {
	border-radius:30px!important;
	 border: 1px solid transparent!important;
}

/* :hover {
	  background: white;
		border-radius:10px;
	  border: 1px solid #680000; 
	  color: #680000;
	}*/

/* Cursos filtros */
.tutor-course-filter {
  display: none;
}

/* Lista detalles custom*/
.wp-block-details summary::marker {
  content: "" !important;
}

.wp-block-details summary::before {
  content: "";
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  background-image: url("/wp-content/uploads/2025/01/icono-desplegable.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.wp-block-details[open] summary::before {
  background-image: url("/wp-content/uploads/2025/01/icono-desplegable-open-1.svg");
}

.wp-block-details[open] summary {
  font-weight: bold;
}

summary {
  text-decoration: underline;
}

/* Relative position example */
.contenedor-mano {
  position: relative;
}

.mano {
  position: absolute;
  right: 8% !important;
  top: -80px !important;
}

@media (max-width: 781px) {
 
  h1 {
    font-size: 1.9rem !important;
  }

  h2 {
    font-size: 1.5rem !important;
  }

  h3 {
    font-size: 1.25rem !important;
  }

  h4 {
    font-size: 1.125rem !important;
  }

  h5 {
    font-size: 1rem !important;
    letter-spacing: 0.1rem;
  }

  .imagen-inicio {
    display: none !important;
  }
}

/*MENU*/
div.cabecera-3,
div.cabecera-1 {
  padding-right: 5% !important;
  padding-left: 5% !important;
  box-shadow: 0px 7px 10px -5px rgba(0,0,0,0.14);
-webkit-box-shadow: 0px 7px 10px -5px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 7px 10px -5px rgba(0,0,0,0.14);
}


/*HOME*/


div.bloque-ayuda,
div.bloque-calidad,
div.bloque-docentes {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
div.bloque-ayuda h2 {
  margin-bottom: 1rem !important;
}


div.bloque-destacados .wp-block-columns {
  margin-bottom: 5rem !important;
}
div.bloque-destacados .wp-block-columns.aspectos .wp-block-column,
div.bloque-calidad .wp-block-columns .wp-block-column.imgs {
  display: flex !important;
}
div.bloque-destacados .wp-block-columns.aspectos .wp-block-column figure {
  width: 20% !important;
}
div.bloque-destacados .wp-block-columns.aspectos .wp-block-column div {
  width: 80% !important;
}
div.bloque-contacto form p:nth-child(1) input,
div.bloque-contacto form p:nth-child(2) input,
div.bloque-contacto form p:nth-child(3) input,
div.bloque-contacto form p:nth-child(4) input,
div.bloque-contacto form textarea {
  width: 100% !important;
}

div.bloque-contacto form textarea {
  height: 90px !important;
}

div.bloque-contacto form p:nth-child(1) input,
div.bloque-contacto form p:nth-child(2) input,
div.bloque-contacto form p:nth-child(3) input,
div.bloque-contacto form p:nth-child(4) input,
div.bloque-contacto form textarea {
  width: 100%!important;
}


.bloque-final {
  margin-bottom: 5% !important;
}

.container-inicio-ultimo {
  padding-bottom: 0 !important;
}

.boton-final {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.texto-centrado {
  text-align: center;
}

/*footer*/
.euro-pc img {
  display: block;
}
.euro-movil img {
  display: none;
}
#wpcf7-f2583-p2019-o1 > form > p > label,
#wpcf7-f2583-p2019-o1 > form > p > span > span > span > label > span{
	font-size:13px;
	color:#626262;
	  font-family: "Poppins", sans-serif;
	margin-bottom:0.5rem;
}

div.bloque-contacto form input,
div.bloque-contacto form textarea {
  overflow: hidden;
  padding: 0.5rem;
  border-radius: 0px;
  border: 1px solid #68000020;
	border-radius:6px;
	background:#fff!important;
  color: #0a083b;
  font-size: 14px!important;
  font-family: "Poppins" !important;
  /*font-family: var(--wp--preset--font-family--system-font);*/
  /*font-size: var(--wp--preset--font-size--medium);*/
  background: none;
}

div.bloque-contacto .wpcf7-list-item.first.last {
  margin-left: 0 !important;
}

div.bloque-contacto form input.wpcf7-submit {
  margin-top: 2%;
	padding: 10px 12px;
	width:150px;
  margin-bottom: 2rem !important;
  color: #fff !important;
  background-color: #680000 !important;
  border: 1px solid #680000 !important;
  border-radius: 20px !important;
}

div.bloque-contacto form input.wpcf7-submit:hover {
  color: #000 !important;
  background-color: #ffff !important;

  cursor: pointer !important;
}

div.bloque-contacto p {
  margin-top: 0.7rem !important;
}

/*div.bloque-contacto form p:nth-child(7){
		text-align:right!important;
	}*/

.wpcf7-form {
  padding-bottom: 5% !important;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #000000 !important;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0em 1em !important;
  background: #680000 !important;
  color: white !important;
  border-radius: 10px;
}

div.bloque-header .wp-block-cover,
div.bloque-header-2 .wp-block-cover {
  padding: 3rem !important;
}

div.bloque-destacados {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

div.bloque-destacados .wp-block-columns.aspectos .wp-block-column figure {
  width: 35% !important;
}

div.bloque-destacados .wp-block-columns.aspectos .wp-block-column div {
  width: 65% !important;
}

div.bloque-destacados .wp-block-columns.aspectos,
div.bloque-destacados .wp-block-columns.aspectos .wp-block-column {
  margin-bottom: 3rem !important;
}

div.bloque-ayuda,
div.bloque-calidad {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

div.bloque-calidad .wp-block-columns .wp-block-column.imgs figure:first-child {
  width: 40% !important;
}

div.bloque-calidad .wp-block-columns .wp-block-column.imgs figure:last-child {
  width: 60% !important;
}

@media (max-width: 600px) {
  /*ANIMACIÓN MENU-TOGGLE*/

  /* Transición para el menú */
  .wp-block-navigation__responsive-container-content {
    opacity: 0;
    transform: translateY(100%); /* Fuera de la vista, abajo */
    transition: opacity 1s ease, transform 1s ease;
  }

  .wp-block-navigation__responsive-container-content.active {
    opacity: 1;
    transform: translateY(0);
  }

  /* Rotación de la hamburguesa */
  .wp-block-navigation__responsive-container-open.rotate {
    transform: rotate(90deg);
    transition: transform 0.5s ease;
  }

  /* Rotación de la "X" */
  .wp-block-navigation__responsive-container-close.rotate {
    transform: rotate(-90deg);
    transition: transform 0.5s ease;
  }
}

@media (max-width: 781px) {
  div.bloque-uno-soy {
	  padding-bottom: 10px !important;
	}
	.bloque-cursos-movil {
		flex-basis:85%!important;
  }

  /*div.bloque-contacto .wp-block-columns.second .wp-block-column:nth-child(2) {
		margin-top: 10rem!important;
	}*/

  .inicio-primero,
  .inicio-imagen {
    padding: 0 2rem !important;
  }

  .sticky-movil {
    display: flex !important;
    justify-content: center;
    position: sticky !important;
    top: 6vh !important;
    z-index: 10 !important;
	  margin-left:1rem!important;
	  margin-right:1rem!important;
  }

  .sticky {
    display: none !important;
  }

  .bloque-cursos {
    padding: 0 !important;
    justify-content: space-around;
  }

  .wp-block-buttons {
    justify-content: space-around;
  }

  .columna-imagen-figura {
    display: flex;
    justify-content: space-around;
  }

  .figura-hablar {
    width: 40vh;
  }

  .mano {
    width: 25%;
    top: -15% !important;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

/*   .alinear-centro p,
  .alinear-centro h2,
  .alinear-centro h4 {
    text-align: center !important;
  } */

  .has-custom-color-2-color {
    padding-top: 1%;
  }

  .bloque-quitar-padding-sup {
    padding-top: 2% !important;
  }
}

/*animación cursos*/
/* Animación de desvanecimiento de color y cambio de tamaño */
@keyframes fade-in-scale {
  0% {
    background-color: rgba(0, 0, 255, 1); /* Fondo azul */
    opacity: 0;
    transform: scale(0.5); /* Comienza más pequeño */
  }
  100% {
    background-color: rgba(0, 0, 255, 0); /* Fondo transparente */
    opacity: 1; /* El contenido se vuelve visible */
    transform: scale(1); /* Escala al tamaño original */
  }
}

/* Aplicar la animación al bloque con clase animacion-fade-in-scale */
.animacion-fade-in-scale {
  animation: fade-in-scale 2.5s ease-out forwards;
}



/* Animación del desplazamiento */
@keyframes scrollText {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}

@media (min-width: 1200px) {
  div.bloque-header div.wp-block-cover__inner-container,
  div.bloque-header-2 div.wp-block-cover__inner-container,
  div.bloque-destacados {
    width: 70% !important;
  }

  div.bloque-ayuda,
  div.bloque-calidad {
    padding: 10rem 10rem !important;
  }

  div.bloque-conocenos > div:first-child,
  div.bloque-docentes > div:first-child {
    padding-left: 20rem !important;
  }

  div.bloque-conocenos > div:last-child,
  div.bloque-docentes > div:last-child {
    padding-right: 20rem !important;
  }

  div.bloque-destacados {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  div.bloque-calidad .wp-block-columns .wp-block-column.imgs figure {
    width: 50% !important;
  }

  .inicio-primero {
    padding-left: 10rem !important;
  }

  .button-l:hover {
    background: transparent !important;
    color: #680000 !important;
    border: 1px solid #680000 !important;
  }
 
	
}

.wp-container-core-group-is-layout-17,
.wp-container-core-group-is-layout-19 {
  flex-wrap: wrap !important;
  justify-content: space-around !important;
}

/*ANCLA SUBIR*/
#btnToTop {
  position: fixed;
  bottom: 6.25rem;
  right: 1.875rem;
  z-index: 1000;
  background-color: #ffd22e;
  border: none;
  border-radius: 50%!important;
  width: 57px;
  height: 57px;
  display: none;
  cursor: pointer;
  box-shadow: 1px 6px 24px 0 rgba(7, 94, 84, 0.24);
}

#btnToTop img.arrow-up {
  width: 60%;
  height: 60%;
  margin: auto;
}

#btnToTop:hover {
  transform: scale(1.1); /* Efecto de ampliación al pasar el ratón */
  opacity: 0.8;
}

.arrox-ip {
  background: transparent !important;
}

/*ENLACES*/

.woocommerce a {
	color: inherit;
}

/* Redes sociales */
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg,
.wp-block-social-links
  .wp-block-social-link
  .wp-block-social-link-anchor:visited {
  color: white !important;
  fill: white !important;
  transition: color 0.3s ease, fill 0.3s ease;
}

/* Colores al pasar el cursor (hover) */
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,
.wp-block-social-links
  .wp-block-social-link
  .wp-block-social-link-anchor:active,
.wp-block-social-links
  .wp-block-social-link
  .wp-block-social-link-anchor:visited:hover {
  color: #ffd22e !important;
}

.wp-block-social-links
  .wp-block-social-link
  .wp-block-social-link-anchor:hover
  svg {
  fill: #ffd22e !important;
}

/*MENU CABECERA*/

@media (max-width: 781px) {
  div.bloque-uno-soy {
    padding-bottom: 10px !important;
  }
.bloque-inicio{
	flex-direction: column-reverse;
}
  div.aspectos {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }
  div.contraer-movil {
    padding-top: 20px !important;
  }
	
  #menu {
    padding-top: 0 !important;
  }
  .bloque-final {
    padding-bottom: 8% !important;
  }
  .wpcf7-form {
	  justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    padding-bottom: 5% !important;
	  padding-left:1rem;
	  padding-right:1rem;
	  min-width:100%;
  }
  .banner-popup {
    padding-right: 0.2em !important;
    padding-left: 0.2em !important;
  }
	.custom-logo {
		width:70%!important;
	}
	div.cabecera-3 {
    padding-bottom: 0.5rem!important;
	padding-top: 0.5rem!important;
  }
}

@media (min-width: 781px) and (max-width: 1200px) {
  .menu-cabecera span {
    margin-right: 1rem !important;
  }
  
}

@media (max-width: 480px) {
  #btnToTop {
    right: 1rem !important;
  }
}

@media (max-width: 389px) {
  p {
    font-size: 0.875rem !important;
  }

  h1 {
    font-size: 1.8rem !important;
  }

  h2 {
    font-size: 1.5rem !important;
  }

  h3 {
    font-size: 1.25rem !important;
  }

  h4 {
    font-size: 1.125rem !important;
  }

  h5 {
    font-size: 1rem !important;
    letter-spacing: 0.1rem;
  }
  wp-image-426 {
    display: none !important;
  }

  f

  /*footer imagen kit*/
  .euro-pc img {
    display: none !important;
  }
  .euro-movil img {
    display: block !important;
  }

  footer {
    bottom: 0 !important;
  }

  .inicio-primero,
  .inicio-imagen {
    padding: 0 2rem !important;
  }

  .div-publi {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
  }

  .div-video-kurse {
    display: flex;
    justify-content: space-around;
  }

  .video-kurse {
    width: 80% !important;
  }

  .wp-block-details p {
    font-size: 1.25rem;
  }

  .mano {
    width: 35%;
    top: -25% !important;
    right: -10% !important;
  }

}

/*PAGINA 404*/
body.error404 main.wp-block-group {
  margin-top: 15rem !important;
  margin-bottom: 15rem !important;
}
body.error404 form {
  display: none !important;
}

/*AULA VIRTUAL*/
li.tutor-dashboard-menu-item.tutor-dashboard-menu-wishlist,
li.tutor-dashboard-menu-item.tutor-dashboard-menu-reviews,
li.tutor-dashboard-menu-item.tutor-dashboard-menu-purchase_history,
li.tutor-dashboard-menu-item.tutor-dashboard-menu-withdraw,
div.tutor-dashboard-content
  div.tutor-dashboard-content-inner
  ul
  li:nth-child(4),
div.tutor-dashboard-content
  div.tutor-dashboard-content-inner
  ul
  li:nth-child(5),
a.tutor-btn-ghost.tutor-course-wishlist-btn,
.tutor-course-details-ratings,
.tutor-dashboard-content-inner .tutor-col-lg-6:last-child,
.analytics-title,
.tutor-analytics-filter-tabs,
.tutor-analytics-graph,
.tutor-icon-search,
.tutor-google-meet-main-wrapper .tutor-nav .tutor-nav-item:nth-child(5),
div.tutor-analytics-wrapper ul li:nth-child(3),
div.tutor-analytics-wrapper
  ul
  li
  ul.tutor-nav-more-list.tutor-dropdown
  li:nth-child(2) {
  display: none !important;
}
div.tutor-wrap.tutor-full-width-course-top.tutor-course-top-info.tutor-page-wrap.tutor-wrap-parent {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}
header.tutor-course-details-header {
  margin-top: 0rem !important;
  background: white !important;
  padding: 2rem !important;
}
/*
/*titulo de registros
h1.wp-block-post-title {
  margin-top: 5rem !important;
}*/

/*bloque regis alumno y tutor*/
#tutor-registration-wrap {
  margin-top: 0rem !important;
  margin-bottom: 10rem !important;
}
#titulo-entrada {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.bloque-entrada, .wp-block-post-featured-image {
	display: flex!important;
	flex-direction: column!important;
}

.wp-block-post-title{
	font-weight: bolder;
}




/*LINK*/

/*PAGINA DE LOGIN*/
body.page-id-5 {
  background-image: url(/wp-content/uploads/2025/01/ALEMANOLOGIA-54.jpg) !important;
  background-size: cover !important;
}

body.page-id-5.logged-in {
  background-image: none !important;
}

body.page-id-5 form.tutor-forgot-password-form {
  background: white !important;
  border-radius: 6px !important;
  padding: 3rem !important;
  margin-top: 30vh !important;
}

body div.tutor-wrap.tutor-page-wrap.post-5.page.type-page.status-publish.hentry {
  	margin: 0 !important;
	margin-top: -100px !important;
}

body
  div.tutor-wrap.tutor-page-wrap.post-5.page.type-page.status-publish.hentry
  div.tutor-login-wrap {
  height: 100vh !important;
  padding: 0 !important;
  margin-left: 20rem !important;
  background: white !important;
}

body
  div.tutor-wrap.tutor-page-wrap.post-5.page.type-page.status-publish.hentry
  div.tutor-login-wrap
  div.tutor-login-form-wrapper {
  padding: 10rem 70px !important;
}

body
  div.tutor-wrap.tutor-page-wrap.post-5.page.type-page.status-publish.hentry
  div.tutor-login-wrap
  div.tutor-fs-5 {
  text-align: center !important;
  margin-bottom: 5rem !important;
}

body
  div.tutor-wrap.tutor-page-wrap.post-5.page.type-page.status-publish.hentry
  div.tutor-login-wrap
  div.tutor-fs-5
  form
  > div.input {
  margin-bottom: 2rem !important;
  color: #2a4997 !important;
}

body
  div.tutor-wrap.tutor-page-wrap.post-5.page.type-page.status-publish.hentry
  div.tutor-login-wrap
  form
  > div.info-form {
  margin-top: 4rem !important;
  margin-bottom: 0 !important;
}

body
  div.tutor-wrap.tutor-page-wrap.post-5.page.type-page.status-publish.hentry
  div.tutor-login-wrap
  form
  > div.info-form.tutor-fs-6 {
  margin-top: 2rem !important;
}

body
  div.tutor-wrap.tutor-page-wrap.post-5.page.type-page.status-publish.hentry
  div.tutor-login-wrap
  svg {
  margin-bottom: -8px !important;
}

@media (max-width: 781px) {
  body.page-id-5 {
    background-size: inherit !important;
  }
  body
    div.tutor-wrap.tutor-page-wrap.post-5.page.type-page.status-publish.hentry
    div.tutor-login-wrap {
    margin-left: 0rem !important;
  }
}

@media (max-width: 1200px) {
  body
    div.tutor-wrap.tutor-page-wrap.post-5.page.type-page.status-publish.hentry
    div.tutor-login-wrap
    div.tutor-login-form-wrapper {
    padding: 5rem 70px !important;
  }
}

/*margenes de páginas*/

/*inicio*/
.column-banner,
.hover-animation{
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1)!important;
}

.column-banner:hover,
.hover-animation:hover{
  transform: translateY(-0.5rem)!important;
}

.hover-animation {
	position:relative;
}
.hover-animation > .posicion-absoluta{
	position:absolute;
	top:-8px;
	left:15px;
}

.bloque-amarillo {
  position: relative;
  overflow: hidden;
}

.bloque-amarillo::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%23ffffff' d='M44.7,-76.4C58.1,-69.2,69.2,-58.1,76.4,-44.7C83.7,-31.3,87.1,-15.7,85.6,-0.9C84,14,77.5,28,68.2,40C58.9,52,46.8,62.1,33.1,68.8C19.4,75.5,4.1,78.8,-11.3,77.2C-26.7,75.6,-42.2,69,-54.6,58.7C-67,48.4,-76.3,34.4,-80.7,19.3C-85.1,4.2,-84.6,-11.9,-79.1,-26.4C-73.6,-40.9,-63.1,-53.8,-50.3,-61.2C-37.5,-68.6,-22.4,-70.5,-7.9,-75.9C6.6,-81.3,21.1,-90.2,34.1,-89C47.1,-87.8,58.6,-76.5,64.7,-64.7' transform='translate(100 100)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top right;
  background-size:60%;
  opacity:0.25;
  pointer-events: none;
}


@media(max-width:781px){
		.bloque-amarillo > div > div{
			padding-top:1rem;
			padding-bottom:1rem;
		}

		.center-responsive{
			text-align:center!important;
		}
	}

@media (min-width: 781px) and (max-width: 1200px) {
	  .bloque-columnas-amarillo{
		padding-right: 0!important;
		padding-left: 0!important;
	  }
	}

@media(max-width:781px){
	#wp--skip-link--target > div > div.wp-block-columns.alignfull.bloque-amarillo.has-primary-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-a97a3706.wp-block-columns-is-layout-flex > div.bloque-columnas-amarillo > div{
		padding-top:1rem!important;
		padding-bottom:1rem!important;
}
	
	p.tamano{
		font-size:13px;
	}
	div.bloque-amarillo > div{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		text-align: center;
	}
}

.banner-item:hover .animation-color {
  background-color: #860000 !important;
  transform: rotate(15deg);
}

/* aplica el color al texto real (la ✕) */
.banner-item:hover .animation-color,
.banner-item:hover .animation-color h2 {
  color: #fff !important;
}
/*animación fondo imagen*/
.animation-bg,
.animation-bg-2,
.animation-bg-3{
  position: relative;
}

/* fondo decorativo */
.animation-bg::before {
  content: "";
  position: absolute;
  inset: 0;
	z-index:-1;
  background-image: url("/wp-content/uploads/2026/01/Vector.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  opacity: 0.25;
  transform: scale(1);
  transition: transform 450ms cubic-bezier(0.22, 1, 0.36, 1)!important;
  pointer-events: none;
}

/* HOVER SOBRE LA IMAGEN → escala el fondo */
.animation-bg:has(img:hover)::before {
  transform: translateX(5%) translatey(-15%) scale(1.2);
}

.animation-bg-2::before{
	content: "";
  position: absolute;
  inset: 0;
	z-index:-1;
  background-image: url("/wp-content/uploads/2026/01/vector-rojo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;

  opacity: 0.25;
  transform: scale(1);
  transition: transform 450ms cubic-bezier(0.22, 1, 0.36, 1)!important;
  pointer-events: none;
}

/* HOVER SOBRE LA IMAGEN → escala el fondo */
.animation-bg-2:has(img:hover)::before {
  transform: translateX(5%) translatey(-5%) scale(1.5);
}

.animation-bg-3::before{
	content: "";
  position: absolute;
  inset: 0;
	z-index:-1;
  background-image: url("/wp-content/uploads/2026/01/vector-inicio.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;

  opacity: 0.25;
  transform: scale(1);
  transition: transform 450ms cubic-bezier(0.22, 1, 0.36, 1)!important;
  pointer-events: none;
}

/* HOVER SOBRE LA IMAGEN → escala el fondo */
.animation-bg-3:has(img:hover)::before {
  transform: translateX(5%) translatey(-5%) scale(1.5);
}

body.page-id-775 {
  margin-top: 0 !important;
  padding-top: 0 !important;
  top: 0 !important;
}

body.page-id-5 {
  padding-top: 100px !important;
}
body.page-id-5 #menu {
	margin-top: -100px;
	margin-bottom: 2rem;
}

body.page-id-5 a {
  text-decoration: none;
}
body.page-id-5 a:hover {
  color: #680000 !important;
}
body.page-id-2892 {
  padding-top: 100px !important;
}

.text-center, 
body.page-id-6 .wp-block-column h2 {
	text-align: center !important;
}

.tutor-login-wrap, #tutor-registration-wrap {
    border-radius: 0 !important;
}
#bloque_pedido{
	padding-left:2rem!important;
	padding-right:2rem!important;
}

#tutor-registration-wrap {
  max-width: 520px !important;
}

.is-style-stripes {
	max-width: 100vw;
    overflow-x: auto;
    overflow-y: unset;
}
.is-style-stripes table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: none;
}
.is-style-stripes th, td {
  text-align: left;
  padding: 16px;
}
.is-style-stripes tr:nth-child(even) {
  background-color: #f2f2f2;
}


/*tabindex*/
.skip-link {
  position: absolute;
  top: -1000px;
  left: -1000px;
  background: #000;
  color: #fff;
  padding: .75rem 1rem;
  border-radius: .25rem;
  z-index: 99999;
  font-weight: 600;
}
.skip-link:focus {
  top: 10px;
  left: 10px;
  outline: 2px solid #fff;
}

/* entradas */
/* Arreglar imágenes que se salen del ancho */
.entry-content img {
    max-width: 100%;
    height: auto;
}
.entry-content p[style*="background-color:"]{
    padding: 30px;
    color: white;
}


/* Arreglar tablas básicas rotas */
.entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-size: 16px;
}

/* Bordes y Celdas (La clave del diseño) */
.entry-content table td, 
.entry-content table th {
    border: 1px solid #e0e0e0; /* El borde gris suave que separa columnas */
    padding: 12px 15px; /* Espaciado amplio interno (relleno) */
    color: #333; /* Color de texto oscuro legible */
    vertical-align: middle; /* Alineación vertical centrada */
}

/* Encabezados (La primera fila: Español, Alemán...) */
.entry-content table th {
    background-color: #f7f7f7; /* Fondo gris muy claro para el título */
    font-weight: 700; /* Negrita fuerte */
    text-align: center; /* Texto centrado como en tu foto */
    color: #000; /* Texto negro puro */
}

/* Efecto Cebra (Filas alternas) */
.entry-content table tr:nth-child(even) {
    background-color: #fcfcfc; /* Un gris casi blanco para filas pares */
}

.entry-content table tr:nth-child(odd) {
    background-color: #ffffff; /* Blanco puro para filas impares */
}

/* Ajuste para móviles (SEO Friendly) */
@media (max-width: 600px) {
    .entry-content table {
        display: block;
        overflow-x: auto; /* Permite deslizar con el dedo si la tabla es muy ancha */
    }
}

/* Principal numeros */
/* 1. Animación de toda la columna (Icono + Textos) */
.columna-animada {
    opacity: 0;
    transform: translateY(30px); /* Empieza un poco más abajo */
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.columna-animada.visible {
    opacity: 1;
    transform: translateY(0);
}

/* 2. Configuración del número */
.contador-animado {
    font-weight: 700 !important; 
    font-variant-numeric: tabular-nums; /* Evita que los números bailen de lado a lado */
    color: inherit; /* Mantiene tu color original */
}


/*ficha de producto*/
.mi-opciones-inscripcion { margin: 18px 0; }
.mi-opciones-titulo { font-weight: 800; margin: 0 0 12px; }

.mi-opciones-lista { display: grid; gap: 14px; }
.mi-opcion {
  display: flex; justify-content: space-between; align-items: center;
  padding: 16px 18px; border-radius: 14px;
  background: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.06);
}

.mi-opcion-label { font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: .02em; opacity: .9; }
.mi-opcion-precio { font-size: 28px; font-weight: 800; line-height: 1.1; margin-top: 6px; }
/* "/ mes" → 2px más pequeño */
.mi-opcion-precio .mi-opcion-mes {
  font-size: calc(100% - 1rem);
  font-weight: 600;
  margin-left: 4px;
}

.mi-opcion-sub { font-size: 12px; font-weight: 600; opacity: .6; margin-left: 6px; }

.mi-opcion-boton { border-radius: 999px !important; padding: 12px 18px !important; font-weight: 800 !important; }

.mi-consulta {
  margin-top: 18px; padding: 18px; border-radius: 14px;
  background: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.06);
}
.mi-consulta-titulo { margin: 0 0 8px; font-weight: 800; }
.mi-consulta-texto { margin: 0 0 14px; opacity: .85; }
.mi-consulta-boton {
  border-radius: 12px !important;
  padding: 14px 16px !important;
  font-weight: 800 !important;
  width: 100%;
  text-align: center;
}

/* Estilo para el contenedor al hacer hover */
.mi-opcion:hover {
    box-shadow: none;
    background: #F6F6F6;
}

/* Estilo para el botón CUANDO el padre (.mi-opcion) tiene el hover */
.mi-opcion:hover .mi-opcion-boton {
    color: #860000 !important;
}

/*columnas plantilla producto*/
@media(max-width:781px){
	.product-responsive-template{
		display:flex!important;
		flex-direction:column-reverse!important;
	}
}
.product-column > div,
.img-product-bucle img{
	border: 1px solid #F6F6F6!important;
	box-shadow: 1px 6px 20px 0px #0000001c;!important;
	border-radius:20px;
}

/* --- CONTENEDOR PRINCIPAL --- */
.custom-tabs-container {
    margin: 30px 0;
    width: 100%;
    clear: both;
}

.wc-block-product-description {
  white-space: pre-line;
}


/* --- MENÚ DE PESTAÑAS (BOTONES) --- */
.tabs-menu {
    display: flex;
    flex-wrap: wrap; /* Ajuste para móviles */
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.tabs-menu li {
    background-color: #860000 !important; /* Rojo corporativo */
    color: #ffffff !important;
    padding: 12px 25px;
    margin-right: 5px;
    margin-bottom: 0;
    cursor: pointer !important;
    font-weight: 600;
    border-radius: 8px 8px 0 0;
    transition: all 0.2s ease-in-out;
    border: 1px solid #860000;
    font-size: 15px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}

/* Estado de la pestaña ACTIVA */
.tabs-menu li.active {
    background-color: #ffffff !important;
    color: #860000 !important;
    border-bottom: 2px solid #ffffff !important; /* Tapa el borde del contenedor */
    position: relative;
    z-index: 2;
}

/* Efecto al pasar el ratón (solo en las no activas) */
.tabs-menu li:hover:not(.active) {
    background-color: #9c3a3a !important;
    border-color: #9c3a3a !important;
}

/* --- PANEL DE CONTENIDO --- */
.tabs-content-wrapper {
    background-color: #ffffff;
    border: 1px solid #860000;
    padding: 30px;
    border-radius: 0 8px 8px 8px;
    margin-top: -1px; /* Solapa perfectamente con el menú */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    position: relative;
    z-index: 1;
}

/* LÓGICA DE VISIBILIDAD (CRUCIAL) */
.tab-item-content {
    display: none !important; /* Oculto por defecto */
    opacity: 0;
}

.tab-item-content.active {
    display: block !important; /* Se muestra con la clase active */
    opacity: 1;
    animation: tabFadeIn 0.3s ease-in;
}

/* Estilos de texto interno */
.tab-item-content h2, 
.tab-item-content h3 {
    color: #860000;
    margin-top: 0;
}

.tab-item-content p {
    color: #333;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Animación suave al cambiar */
@keyframes tabFadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- ADAPTACIÓN PARA MÓVILES --- */
@media (max-width: 781px) {
    .tabs-menu {
        flex-direction: column;
    }
    
    .tabs-menu li {
        margin-right: 0;
        margin-bottom: 2px;
        border-radius: 5px;
        text-align: center;
    }
    
    .tabs-content-wrapper {
        border-radius: 5px;
        margin-top: 5px;
    }
}
/* =========================
   Animaciones fade (repetibles)
   ========================= */

/* Base común */
.fade-in,
.fade-in-up,
.fade-in-down,
.fade-in-left,
.fade-in-right,
[data-fade] {
  opacity: 0;
  /* Estado final consistente para evitar saltos con "none" */
  transform: translate3d(0, 0, 0);
  transition-property: opacity, transform;
  transition-duration: var(--dur, 1s);
  transition-timing-function: var(--ease, ease-out);
  transition-delay: var(--delay, 0s);

  /* Rendimiento / composición */
  backface-visibility: hidden;
}

/* Variante simple (sin desplazamiento) */
.fade-in {
  /* si quieres que sea más lenta que las direccionales, ajusta --dur en el HTML */
  /* por defecto comparte el mismo var(--dur) */
}

/* Variantes direccionales: estado inicial con desplazamiento */
.fade-in-up    { transform: translate3d(0, 24px, 0); }
.fade-in-down  { transform: translate3d(0, -24px, 0); }
.fade-in-left  { transform: translate3d(-24px, 0, 0); }
.fade-in-right { transform: translate3d(24px, 0, 0); }

/* will-change solo cuando NO es visible (y por tanto animará) */
.fade-in:not(.is-visible),
.fade-in-up:not(.is-visible),
.fade-in-down:not(.is-visible),
.fade-in-left:not(.is-visible),
.fade-in-right:not(.is-visible),
[data-fade]:not(.is-visible) {
  will-change: opacity, transform;
}

/* Estado visible (final) */
.fade-in.is-visible,
.fade-in-up.is-visible,
.fade-in-down.is-visible,
.fade-in-left.is-visible,
.fade-in-right.is-visible,
[data-fade].is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  will-change: auto;
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  .fade-in,
  .fade-in-up,
  .fade-in-down,s
  .fade-in-left,
  .fade-in-right,
  [data-fade] {
    transition: none !important;
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) !important;
    will-change: auto !important;
  }
}


#wp--skip-link--target > section.wp-block-template-part{
	display:none;
}
/*blog - lecciones*/