/**
Theme Name: bgo theme
Author: BGO
Author URI: http://wpastra.com/about/
Text Domain: bgo-theme
Template: astra
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bgo-theme
Template: astra
*/

/*GDPR*/
.ast-desktop .ast-primary-header-bar.main-header-bar, .ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar{
	max-width: 1325px;
	    margin: 1em auto;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    padding: 50px 0px;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p{
	font-size: 19px!important;
    line-height: 26px!important;
	color: #ffffff!important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content{
    display: grid;
    grid-template-columns: 100%;
    justify-content: center;
    justify-items: center;
    text-align: center;
    grid-gap: 35px;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    font-size: 18px;
	}
	.moove-gdpr-button-holder{
	    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
	}
@media (max-width: 769px){
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
	padding: 32px 0px;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p{
	font-size: 12px!important;
    line-height: 15px!important;
    font-weight: 400!important;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content{
    grid-gap: 5px;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    font-size: 14px;
	}
}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    padding: 50px 0px;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p{
	font-size: 19px!important;
    line-height: 26px!important;
	color: #ffffff!important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content{
    display: grid;
    grid-template-columns: 100%;
    justify-content: center;
    justify-items: center;
    text-align: center;
    grid-gap: 35px;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    font-size: 18px;
	}
	.moove-gdpr-button-holder{
	    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
	}
@media (max-width: 769px){
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
	padding: 32px 0px;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p{
	font-size: 12px!important;
    line-height: 15px!important;
    font-weight: 400!important;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content{
    grid-gap: 5px;
	}
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    font-size: 14px;
	}
}


/*FIN GDPR*/
.custom-product-categories-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.category-box, .product-box {
    position: relative;
    background-size: cover;
    background-position: center;
    aspect-ratio: 1 / 1; 
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.view-courses-btn, .view-course-btn {
    background-color: #e7f7fe;
    color: #000;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
}
.category-overlay h2, .product-overlay h2 {
    font-size: 22px;
    margin-bottom: 30px;
}

.category-overlay, .product-overlay {
    padding: 5%;
    background-color: #ffffffad;
    display: flex;
    flex-direction: column;
    align-items: center;
}
/*pagina de cursos*/

/* Contenedor principal del producto */
.single-product-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Columnas */
.product-left-column {
  flex: 1 1 60%;
}

.product-right-column {
  flex: 0 0 25%;
}
@media (max-width: 768px) {
  .product-left-column, .product-right-column {
    flex: 1 1 100%;
  }
}

/* Título del curso */
.product-title,
.product_title.entry-title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: #005A9C;
}

/* Categoría */
.single-product-category,
.posted_in {
  font-size: 0.9rem;
  color: #666;
  display: none;
  margin-bottom: 1rem;
}

.single-product-category a,
.posted_in a {
  color: #0073aa;
  text-decoration: none;
}

.single-product-category a:hover,
.posted_in a:hover {
  text-decoration: underline;
}

/* Secciones de info como Duración, Precio, etc */
.titulo-destacado p {
  font-weight: bold;
  font-size: 1rem;
  color: #444;
  margin-bottom: 0.3rem;
}

.subtitulo-destacado p {
  font-size: 1.2rem;
  color: #222;
  margin-top: 0;
}

/* Precio destacado */
.curso-subvencionado {
  background-color: #dff0d8;
  color: #3c763d;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  display: inline-block;
  font-weight: bold;
}

/* Galería de imágenes */
.woocommerce-product-gallery__image {
  border-radius: 10px;
  overflow: hidden;
}

.woocommerce-product-gallery__image img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

/* Acordeón de contenidos */
.qodef-accordion-holder {
  margin-top: 2rem;
}

.qodef-title-holder {
  background: #eee;
  padding: 1rem;
  font-weight: bold;
  cursor: pointer;
  border-top: 1px solid #ddd;
  border-radius: 6px;
}

.qodef-accordion-content {
  padding: 1rem;
  background: #fefefe;
  border: 1px solid #0073aa;
  margin-bottom: 1rem;
  border-radius: 0 0 6px 6px;
}

.qodef-accordion-content h2 {
  margin-top: 0;
  color: #0073aa;
}

.qodef-accordion-content p {
  margin-bottom: 0.5rem;
}

/* Compartir, meta u otras zonas extra */
.product_meta {
  margin-top: 1.5rem;
  font-size: 0.9rem;
  color: #777;
}

/* Transiciones suaves */
.qodef-title-holder,
.qodef-accordion-content,
.product-title,
.curso-subvencionado {
  transition: all 0.3s ease;
}
/* Contenedor general tipo pestañas */
.qodef-accordion-holder {
    display: flex;
    flex-direction: column;
}

/* Cabecera del acordeón convertida en pestaña */
.qodef-title-holder {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    background: #f5f5f5;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

/* Estilo al pasar el ratón */
.qodef-title-holder:hover {
    background: #e9e9e9;
}

/* Activa como pestaña seleccionada */
.ui-state-active {
    background: #ffffff;
    border-bottom: 2px solid #0073aa;
    font-weight: bold;
}

/* Ocultar los bordes entre secciones */
.qodef-accordion-content {
    display: none;
    padding: 15px;
    background: #ffffff;
}

/* Mostrar solo el contenido activo */
.qodef-accordion-content-active {
    display: block;
}

h1.product_title.entry-title {
    display: none;
}
.product-right-column {
    display: flex;
    flex-direction: column;
}
.product-right-column {
    width: 25% !important;
}
.qodef-accordion-content-inner h2 { display:none;}
.wpb_wrapper {
  display: flex;
  align-items: center; /* Alinea verticalmente en el centro */
   /* Separa el título y el subtítulo */
  justify-content: flex-start;
  gap: 6px;
}

.titulo {
  font-size: 1.2rem; /* Tamaño del texto del título */
  font-weight: bold; /* Título en negrita */
  color: #333; /* Color del título */
  margin-right: 10px; /* Espacio entre el título y el subtítulo */
}

.subtitulo {
  font-size: 1rem; /* Tamaño del texto del subtítulo */
  color: #666; /* Color del subtítulo */
}
.product-right-column .woocommerce-product-gallery { width: 100% !important; }

.info_upedia div {
    display: flex;
    gap: 9px;
}

.info_upedia {
    background-color: #e8f6ff;
    display: flex;
    gap: 50px;
    border-radius: 22px;
    justify-content: center;
    padding: 3px;
    font-weight: 800;
}
ul.category-products { margin: 12px 0 !important; }

/* FORMULARIO DE CONTACTO */
input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    padding: 0.75em;
    height: auto;
    border: none!important;
    border-style: solid;
    border-bottom: 0.5px solid #000000!important; /* Borde inferior negro de 0.5px */
    border-radius: 0px;
    background-color: transparent;
    text-transform: initial;
    font-weight: normal;
    font-size: 16px;
    letter-spacing: -0.05em;
    text-align: left;
    padding: 10px 2px 10px 2px!important;
}

.wpcf7 input:not([type=submit]), .wpcf7 select, .wpcf7 textarea {
    max-height: 166.5px;
}

.form-contacto {
    display: block; /* Cambiado a block para evitar alineación horizontal */
    margin-top: 25px;
}

input[type="submit"] {
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-radius: 25px;
    font-size: 19px;
    border-bottom-width: 1px;
    color: #ffffff;
    border-color: #ffffff;
    text-transform: inherit!important;
    background-color: #3D65B0;
    letter-spacing: -1px;
    width: 100%;
    margin-top: 13px;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0px;
}

input[type="submit"]:hover {
    background-color: #95C3E4;
    color: #ffffff;
}

.wpcf7 .wpcf7-form-control-wrap {
    max-width: 20px;
    display: inline;
}

.wpcf7-form label {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0px;
}

span.wpcf7-form-control-wrap:not(:first-child) input {
    margin-top: 20px;
}

.formulariocontacto input[type="email"], input[type="number"], input[type="password"], input[type="reset"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
    color: #000000;
}

.formulariocontacto input::placeholder, .formulariocontacto textarea::placeholder {
    color: #000000;
}

.formulariocontacto label, .formulariocontacto legend {
    color: #000000;
}

.wpcf7-form-control-wrap label {
    padding: 20px!important;
}

.wpcf7 .wpcf7-form-control-wrap {
    display: inline!important;
}
/* Asegura que la casilla de verificación y su etiqueta estén en la misma línea */
.wpcf7-acceptance {
    display: inline-flex;      /* Alinea la casilla y el label en la misma línea */
    align-items: center;       /* Centra verticalmente la casilla y el texto */
}

.wpcf7-acceptance label {
    margin-left: 5px;          /* Espacio entre la casilla y el texto */
}

@media (max-width: 1024px) {
  .custom-product-categories-grid {
    grid-template-columns: repeat(2, 1fr); /* Cambiar de 3 a 2 columnas en tabletas */
  }

  .category-box, .product-box {
    aspect-ratio: 1 / 1.2; /* Ajustar el aspecto de las tarjetas para más espacio en dispositivos más pequeños */
  }

  .product-title {
    font-size: 1.5rem; /* Reducir el tamaño del título para pantallas medianas */
  }

  .product-left-column {
    flex: 1 1 50%; /* Hacer las columnas 50% en tablets */
  }

  .product-right-column {
    flex: 1 1 50%;
  }
}

@media (max-width: 768px) {
  .custom-product-categories-grid {
    grid-template-columns: 1fr; /* Solo una columna en pantallas muy pequeñas */
  }

  .category-box, .product-box {
    aspect-ratio: 1 / 1; /* Asegura que las tarjetas sigan siendo cuadradas */
  }

  .product-title {
    font-size: 1.25rem; /* Reducir aún más el tamaño del texto */
  }

  .single-product-container {
    flex-direction: column; /* Apilar los elementos de producto en pantallas pequeñas */
  }

  .product-left-column, .product-right-column {
    flex: 1 1 100%; /* Ambos ocupan el 100% de ancho */
  }
}

@media (max-width: 760px) {
    .woocommerce ul.products {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -10px;
    }

    .woocommerce ul.products li.product {
        width: calc(50% - 20px);
        padding: 0 10px;
        margin-bottom: 20px;
        box-sizing: border-box;
        /* display: flex; */ /* Eliminado para evitar interferencias con el layout */
        /* flex-direction: column; */
    }

    .woocommerce ul.products li.product .product-box {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .woocommerce ul.products li.product .product-overlay {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 560px) {
    .woocommerce ul.products li.product {
        width: 100%;
        padding: 0 10px;
    }
}

/*Banner plantilla cursos*/
.banner_cursos_ver {
    box-shadow: 0px 0px #00000070;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
    margin-left: 14px;
    margin-right: 14px;
    overflow: visible;
    order: initial;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-color: inherit;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: scroll;
    background-image: url(/wp-content/uploads/2025/05/1852369Banner-e1747729396581.png);
    background-clip: padding-box;
    row-gap: 20px;
    column-gap: 20px;
}

.banner_cursos_ver a {
    color: #fff;
    text-decoration: none !important;
}
.single-product .ast-builder-button-wrap.ast-builder-button-size- {
    width: 100%;
    text-align: center;
}
@media (max-width: 544px) {
    .ast-header-break-point .ast-header-button-1[data-section="section-hb-button-1"] {
        display: block !important;
    }
    .product-right-column {
    	width: 100% !important;
	}
}