/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.informe-de-gestion h2 {
  font-size: 24px;
  text-align: center;
  color: #828282;
}
.informe-imagen{
	aspect-ratio: 350 / 400;
	overflow: hidden;
}
.informe-imagen img{
	display: block;
	width: 100%;
	object-position: bottom;
 	aspect-ratio: 350 / 400;
}
}
.informe-botones {
  display: flex;
  align-items: center;
  padding: 5px 0;
  gap: 20px;
  justify-content: space-between;
}
.documentos {
  display: flex;
  gap: 10px;
}
.informe-botones {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  align-items: center;
}
.informe-botones ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.inf-flag{
	background-size: cover;
	width: 60px;
	height: 40px;
	display: block;
	background-position: center;
}

.flag-es{
	background-image: url(img/colombia.png);
}
.flag-en{
	background-image: url(img/ingles.png);
}
.flag-fr{
	background-image: url(img/frances.png);
}
.grupos-box h4 {
  background: #011b47;
  color: #fff !important;
  font-size: 20px;
  border-radius: 50px 0;
  padding: 10px 20px;
  line-height: 100%;
  height: 70px;
  margin-top: -20px;
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
}

.ben-box-b{
    min-height: 300px;
}
.noticia-item {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.noticia-item .imagen img {
  height: 200px;
  object-fit: cover;
  width: 100%;
  object-position: center center;
}
.noticia-item h3 {
  font-size: 18px;
  height: 60px;
  display: flex;
  align-items: center;
}
.noticia-item p {
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.noticia-item a,
.boton-ver {
  display: block;
  text-align: center;
  background: #da2128;
  color: #fff;
  padding: 5px;
}
.producto-card{
  border:1px solid #eee; 
  padding:15px; 
  text-align:center; 
  border-radius:10px;
}
.productos-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
  gap:20px;
} 
.woocommerce-additional-fields{
  display: none !important;
}
.donacion-directa > div {
  min-height: 180px;
}
.pasarela_links{
  display: flex;
  max-width: 800px;
  margin: 0 auto;
}
.pasarela_links a{
  display: block;
  padding: 20px;
}


.valores-inputs input[type="radio"] {
    display: none; /* Oculta los radios */
}

.valores-inputs .label-amount {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    margin: 5px;
    transition: all 0.2s ease;
    background-color: #fff;
    color: #333;
}

.valores-inputs .label-amount:hover {
    border-color: #888;
}

.valores-inputs input[type="radio"]:checked + label {
    background-color: #222b49;
    color: #fff;
    border-color: #222b49;
}
.pasarela_links a{
  cursor: pointer;
}
.pasarela_links a:hover img {
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));
}
.elementor-field-group-confirmacion .elementor-field-type-submit{
  display: none;
}

.pasarela-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: #ffffffd6;
  display: flex;
  justify-content: center;
  align-items: center;
}


.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: #FF3D00;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
} 

.woocommerce-cart .woocommerce{
  display: flex;
  flex-wrap: wrap;
}
.woocommerce-cart .woocommerce .woocommerce-notices-wrapper{
  width: 100%;
}
.woocommerce-cart .woocommerce .woocommerce-cart-form{
  width: 70%;
}
.woocommerce-cart .woocommerce .cart-collaterals{
  width: 30%;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
  float: none;
  width: 90%;
  margin: 0 auto;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2{
  font-size: 20px;
}
.woocommerce-cart .woocommerce .cart-collaterals .checkout-button{
  background: #da2128 ;
}
.woocommerce-cart .woocommerce .cart-collaterals .checkout-button:hover{
  background: #a00f15 ;
}
.woocommerce-cart table,
.woocommerce-cart table td, 
.woocommerce-cart  table th
.woocommerce-checkout-review-order table,
.woocommerce-checkout-review-order table td,
.woocommerce-checkout-review-order table th{
  border: 1px solid hsla(0, 0%, 88.2%, 0.5) !important;
}
form.checkout.woocommerce-checkout{
  display: flex;
  gap: 20px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
  float: none;
  width: 100%;
}
.woocommerce form .form-row .input-text, 
.woocommerce form .form-row select,
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-dropdown, .select2-container .select2-selection{
  border: 1px solid rgba(198, 197, 197, 0.8);
}
#select2-billing_documento-container{
  border: none;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
  width: 50%;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
  background-color: #fbfbfb;
}
.swiper-button-next, .swiper-button-prev{
  background: rgba(211, 205, 205, 0.44);
}
.swiper{
  padding: 0 30px;
}
.swiper-button-prev{
  left: 0;
}
.swiper-button-prev:after,
.swiper-button-next:after{
  font-size: 30px;
}
.swiper-button-next{
  right: 0;
}


@media (max-width: 1024px) { /* Ajusta el max-width al punto de interrupción si no es el móvil estándar */
  body .menu-panel .sub-menu {
      display: block !important;
      position: static !important;
      visibility: visible !important;
      opacity: 1 !important;
      padding: 0 15px !important;
      width: 100% !important;
      background: transparent !important;
      color: #fff !important;
      margin-top: 0 !important;
  }
   .menu-panel .sub-menu a {
      color: #fff !important;
      padding: 5px 0 5px 15px !important;
    }
    
    /* Ocultar el toggle que normalmente abre/cierra el submenú si no es necesario */
    /* Depende de tu versión y tema, puede que no exista o se llame diferente */
    /* .elementor-nav-menu--dropdown .elementor-nav-menu__toggle {
        display: none !important;
    } */
}



#donaciones_min .elementor-form-fields-wrapper > div:nth-child(5),
#donaciones_min .elementor-form-fields-wrapper > div:nth-child(6),
#donaciones_min .elementor-form-fields-wrapper > div:nth-child(7),
#donaciones_min .elementor-form-fields-wrapper > div:nth-child(8){
  opacity: 0.3;
  pointer-events: none;
}
#donaciones_min .elementor-field-type-submit{
  display: none;
}
#donaciones_min .elementor-form-fields-wrapper > div:nth-child(9){
  display: none;
}