/*
 * Custom css del tema hummningbirdrevora, que es hijo del hummingbird original.
 * Para tema tipa dark
*/


/* Cabecera, Menú incluido (elementos principales nivel 0) */
.header {
    --header-bg: var(--bs-black);
    --header-top-bg: var(--bs-black);
    --header-color: var(--bs-white);
    --header-top-color: var(--bs-white);  /*var(--bs-gray-800);*/
}

/* Titulo de seccion */
.section-title {
    color: revert;
}


/* Titulo de la categoría */
.subcategories .subcategory__name {
    color: var(--bs-body-color);
}


/* Titulos varios */
.rich-text .h1, .rich-text .h2, .rich-text .h3, .rich-text .h4, .rich-text .h5, .rich-text .h6, .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6 {
    color: var(--bs-gray-600);
}




/* Contenedor del nivel 1 del menu */
.main-menu__tree>li .menu-container {
    background-color: var(--bs-gray-800); /* Fondo del menu nivel 1 */
    border-top: 1px solid var(--bs-gray-200);
    display: none;
    left: 0;
    padding: 1rem 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1045;
}

/* letras del nivel de menú 1 */
.main-menu__tree>li .menu-container a[data-depth="1"] {
    /*color: #343a40;*/
    color: #ffff;
    font-weight: 600;
}

/* color de letras del carrito en la portada */
.header-block__action-btn, .header-block__action-btn:focus, .header-block__action-btn:hover {
    color: var(--header-top-color);
}


#_desktop_cart .header-block__badge {
    color:var(--bs-black);
}





/* Asegurar el contenedor de posicionamiento */
.product-miniature .card {
    position: relative;
    overflow: hidden;
}


/* Reset básico de flags */
.product-flags {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.product-flags .badge {
    position: absolute;
}


/* Flag "En oferta" banda diagonal verde arriba derecha */
.badge.on-sale {
    top: 18px;
    right: -62px;

    transform: rotate(45deg);

    width: 180px;
    text-align: center;

    background: #2e7d32;
    color: #fff;

    font-weight: 700;
    font-size: 0.75rem;

    padding: 4px 0;

    box-shadow: 0 3px 6px rgba(0,0,0,0.25);
}


/* Flag "En oferta" banda diagonal verde arriba derecha para la página de producto */
.product__left .badge.on-sale {
    /*width: 180px;*/

    font-weight: 900;
    font-size: 0.95rem;
}



/* Flag "Fuera de Stock" centrado rojo */
.badge.out_of_stock {
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    background: #c62828;
    color: #fff;

    padding: 6px 8px;
    font-weight: 700;
    font-size: 0.9rem;

    z-index: 2;
}


/* Flag descuento centrado encima */
/*
.product-miniature .discount {
    top: calc(50% - 46px);
    left: 50%;

    transform: translateX(-50%);

    z-index: 3;
}
*/


/* Flag con el descuento con banda diagonal arriba derecha encima de "En Oferta" */
.badge.discount {
    top: 4px;
    right: -74px;

    transform: rotate(45deg);

    width: 180px;
    text-align: center;

    font-weight: 700;
    font-size: 0.75rem;

    padding: 2px 0;

    box-shadow: 0 3px 6px rgba(0,0,0,0.25);
}


/* Flag con el descuento con banda diagonal arriba derecha encima de "En Oferta" para la página de producto */
.product__left .badge.discount {
    font-weight: 800;
    font-size: 0.85rem;
}


/* Flag "Nuevo" banda diagonal verde arriba derecha */
.badge.new {
    top: 32px;
    right: -48px;

    transform: rotate(45deg);

    width: 180px;
    text-align: center;

    color: #fff;

    font-weight: 700;
    font-size: 0.75rem;

    padding: 4px 0;

    box-shadow: 0 3px 6px rgba(0,0,0,0.25);
}





/* Para dispositivos pequeños */
@media (max-width: 576px){

    /* Ajuste para Fuera de Stock */
    .badge.out_of_stock{
        font-size: 0.7rem;
        padding: 4px 4px;
    }
    
    /*
    .product-miniature .discount{
        top: calc(50% - 36px);
    }
    */
    
    /* ajuste para En Oferta */
    .badge.on-sale{
        top: 16px;
        right:-47px;
        width:140px;
        font-size:0.65rem;
    }
    
    /* ajuste para el descuento */
    .badge.discount{
        top: 4px;
        right:-58px;
        width:140px;
        font-size:0.65rem;
    }

    
    /* ajuste para nuevo */
    .badge.new{
        top: 28px;
        right:-34px;
        width:140px;
        font-size:0.65rem;
    }
    
}



/* Revierte el color del precio */
/*
.product-miniature .product-miniature__price {
    color: revert;
}
*/


/* Cuando hay descuento, poner el precio original que sale tachado en color rojo */
.product-miniature .product-miniature__regular-price {
    color: #c62828;
}




/* poner un sombreado alrededor de la card del artículo */
.product-miniature .card {
    filter: drop-shadow(0 4px 8px rgba(255,255,255,.15));
}

/* Cambia el color del borde de la card del artículo cuando se pasa el puntero por encima */
.product-miniature .card:hover {
    filter: drop-shadow(0 5px 8px rgba(0,50,200,.6));
}


/* Color de fondo de la tarjeta card del producto */
.product-miniature .product-miniature__infos__top,
.product-miniature .product-miniature__infos__bottom
{
    background-color: var(--bs-body-bg);    
}




/* centrar el nombre del producto en la tarjeta de producto */
.product-miniature__infos__top {
    text-align: center;
}


/* Para cambiar el color del título de la tarjeta del producto (es el defecto) */
/*
.product-miniature__infos__top a
{
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
}
*/

/* Para cambiar el color del título de la tarjeta del producto */
.product-miniature__infos__top a
{
    color: var(--bs-link-color);
/* color: var(--bs-black); */
}


/* centrar el nombre del producto en la tarjeta de producto */
.product-miniature__title {
    text-align: center;
}


/* contador de cantidades en la miniatura (card) del producto */
.product-miniature__infos .quantity-button input {
    background-color: transparent;
    color: revert;
}



/* cambia el layout del menú que coja todo el ancho y no salte una línea, para pantallas de más de 1200px (escritorio) */
@media (min-width: 1200px)
{
    .container-md .main-menu.col-xl
    {
        flex: auto;
    }
}





/* Estilos para cambiar la página del producto los acordeones con la descripción y caracteristicas */

/* En el acordeón Descargas, cambia el espaciado de los bloques de descargasas */
.product__attachments .attachment {
    margin-bottom: 2rem;
    border: solid;
    border-color: lightskyblue;
    border-radius: 6px;
    border-width: 2px;
    margin-left:20px;
    padding-left:15px;
}

/* Cabecera principal de los acordeones */
.page-product .product__infos .accordion-header {
    margin-bottom: 0.2rem;
    background-color: #0d7dc2;
    border-radius: 4px;
    border: 1px solid;
    border-color: lightskyblue;
}

/* interior del acordeón */
.page-product .product__infos .accordion-item {
    margin-bottom: 1rem;
}

/* Cuerpo (contenido del acordeon) interior del acordeón */
.page-product .product__infos .accordion-body {
    padding-left: 1rem;
}

/* Cuerpo (contenido del acordeon) interior del acordeón, solo para los parrafos */
.page-product .product__infos .accordion-body p {
    padding-right: 1rem;
}

/* título principal de los acordeones */
.page-product .product__infos .accordion-button {
    font-size: 1.25rem;
    font-weight: 700;
    padding: 0.50rem 0;
    background-color: transparent;
    padding-left: 0.5rem;
    padding-right: 0.7rem;
    border-radius: 2px;
    color: whitesmoke;
}



/* cambiar el color de las letras del acordeon "Detalles del producto", ya que el fondo es gris clarito */
/*.page-product .product__details .detail__right,
.page-product .product__details .detail__left {
    color: var(--bs-accordion-bg);
}*/

/* Color de fondo del acordeón "Detalles del producto" */
.page-product .product__details {
    background-color: revert; /*var(--bs-gray-500);*/
}

/* pone el borde y color del borde (para que el separador se vea */
/*.page-product .product__details .detail {
    border-bottom: 2px solid var(--bs-gray-700);
}
*/


/* Color de fondo del acordeón "Ficha Técnica" */
.page-product .product__features {
    background-color: revert; /*var(--bs-gray-500);*/
}

/* pone el borde superior solo al primer elemento de la clase .detail */
.page-product .detail:first-of-type {
    border-top: 2px solid var(--bs-gray-700);
}


/* cambia el padding del elemento detail en los acordeones ya que tiene mucha separación y asigna los bordes de abajo, izquierda y derecha */
.page-product .detail {
    padding: 0.5rem;
    border-bottom: 2px solid var(--bs-gray-700);
    border-left: 2px solid var(--bs-gray-700);
    border-right: 2px solid var(--bs-gray-700);
}







/* cambiar propiedades de la lupa que aparece en las imágenes grandes en la pagina de producto */
.page-product .product__images__modal-opener {
    background-color: rgba(52,58,64, 0.75);
    color: lightskyblue;
    box-shadow: .125rem -.125rem .25rem 0 rgba(150,150,150,.5);
}

/* cambiar propiedades de la lupa que aparece en las imágenes grandes en la pagina de producto */
.page-product .product__images__modal-opener .material-icons {
		font-size: 26px;
    font-weight: 700;
}









/* Vista rapida (Quickview) sale cuando se pasa el puntero por encima de la tarjeta (solo escritorio) */
.product-miniature .product-miniature__quickview {
    background-color: var(--bs-gray-800);
}

/* Quickview para dispositovos móviles (se ve un ojo), cambio de fondo y sombra */
.product-miniature .product-miniature__quickview_touch {
    background-color: rgba(52,58,64, 0.75);
    box-shadow: .125rem -.125rem .25rem 0 rgba(150,150,150,.5);
}

/* Quickview para dispositovos móviles (se ve un ojo), cambio color del ojo */
.product-miniature .product-miniature__quickview_touch .material-icons{
    color:lightskyblue;
}





/* Estilos para la descripción del producto con acordeón (Tabla de caracteristicas) V3 */

/* Contenedor */
.pev_desc_container{
  max-width:800px;
  /*padding-left:1rem;*/
}

.pev_desc_block{
  border:1px solid #00d;
  margin-bottom:10px;
  border-radius: 4px;
  overflow: hidden;
}

/* título */
.pev_desc_title{
  background:#5154df; /*#6fddff;*/
  padding:2px 0px 2px 12px;
  font-weight:600;
  cursor:pointer;
  position:relative;
}

/* flecha */
.pev_desc_title:after{
  content:"▾";
  position:absolute;
  right:12px;
  transition: transform 0.25s ease;
}

.pev_desc_block.active .pev_desc_title:after{
  transform: rotate(180deg);
}

.pev_desc_content{
  display:none;
  overflow: hidden;
  /*background: #fff;*/
  padding: 0 15px;
}

.pev_desc_block.active .pev_desc_content{
  display:block;
  overflow: hidden;
  background: #333;
  padding: 15px;
}

.pev_desc_image{
  max-width:100%;
  height:auto;
}


/* Parrafo sin viñetas */
.pev_sin_vinetas {
  list-style-type: none !important;
  padding: 0;
  margin: 0;
}

/* parrafo con viñeta circulo */
.pev_circle_vinetas {
  list-style-type: circle !important;
}

/* parrafo con viñeta cuadrado */
.pev_square_vinetas {
  list-style-type: square !important;
}


/* Parrafo viñetas con guión */
.pev_guion_vinetas {
  list-style-type: none !important;
  position:relative;
  padding-left: 12px;
    
}

/* para poner el guión en la viñeta con guión */
.pev_guion_vinetas::before {
  /*content: "→";*/
  content: "-";
  padding-right: 5px;
  position: absolute;
  left: 0;
}

/* anular el margen inferior */
.pev_no_margin_bottom {
    margin-bottom:0 !important;
}


/* propiedad negrita */
.pev_font_bold {
  font-weight: bold;
}

/* color amarillo Predator */
.pev_color_predator {
    color: #de9a26;
}




.pev_desc_item {
    margin-bottom:1rem;
}





/*
    CSS para dar elementos visuales a la página de producto
*/

/* Contenedor principal producto */
.product-container {
  gap: 1rem;
}

/* Bloques principales */
.product__description-short,
.product__prices,
.product__discounts,
.product__variants,
.product__add-to-cart,
.blockreassurance_product {
  border: 1px solid #eeeeee;
  border-radius: 10px;
  padding: 1rem 1rem 0 1rem;
  margin-bottom: 1rem;
  transition: box-shadow .2s ease;
}

/* Hover muy sutil */
/*
.product__description-short:hover,
.product__actions:hover,
.product__variants:hover {
  box-shadow: 0 3px 12px rgba(0,0,0,0.04);
}
*/




/* Precios */
.page-product .product__prices {
  /*background: #fafafa;*/
  border: 1px solid #f0f0f0;
}

.page-product .product__current-price {
  color: lightskyblue;
  font-size: 2rem !important;
  font-weight: 700 !important;
}

.page-product .product__discount {
  font-size: 0.9rem;
  background: #ffecec;
  color: #d40000;
  padding: 4px 8px;
  border-radius: 6px;
  margin-left: 8px;
}

/* literal de "impuestos incluidos" en la ficha del producto */
.page-product .product__tax-info {
    color: revert;  /*var(--bs-gray-600);*/
}



/* Combinaciones, cuando el atributo es una lista (select) */
/* Atributos para el select principal */
.product__variants select {
  border: 1px solid #b4e1ff;
  background-color: #00780d; /* cambia el color de fondo de toda la lista  */
  border-radius: 6px;
  padding: 8px 10px;
  transition: border .2s ease, box-shadow .2s ease;
}

/* Cambia el color del option seleccionada */
.product__variants .form-select option[selected="selected"] {
    background-color: #00780d;
}

/* cambia el color de todas las etiquetas options que no están seleccionadas */
.product__variants .form-select option {
    background-color: var(--bs-body-bg);
}

/* Atributos cuando el puntero pasa por encima de la opcion */
.product__variants select:focus {
  border-color: #09f;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.05);
}

#product .product__variants .form-label {
    font-size: 1rem;
    margin-bottom: .5rem;
    width: auto;
    background-color: #000683;
    color: var(--bs-body-color);
    padding: 4px 4px;
    border-radius: 4px;
}




/* Combinaciones, cuando el atributo son Radio buttons */
.product__variants .radio-variant .input-radio {
  display: none;
}

.product__variants .radio-variant label {
  display: inline-block;
  border: 1px solid #c1edfb;
  border-radius: 6px;
  padding: 4px 8px;
  margin-right: 6px;
  margin-bottom: 0px;
  cursor: pointer;
  transition: all .15s ease;
}

.product__variants .radio-variant label:hover {
  border-color: #09f;
  background-color: #025587;
}

/* seleccionado */
.product__variants .radio-variant label:has(.input-radio:checked) {
  background-color: #00780d;
}







/* Para ocultar bloques vacios de combinaciones y descuentos */
.product__variants:not(:has(*)),
.product__discounts:not(:has(*)){
  display:none !important;
}



/* Botón añadir al carrito más grande */
/*
  .add-to-cart {
  border-radius: 8px;
  padding: 14px 22px;
  font-weight: 600;
  transition: all .2s ease;
}

.add-to-cart:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
*/



/* Tabla de descuentos por porcentaje */
.product__discounts__table{
  margin:0;
  border-collapse:separate;
  border-spacing:0;
}

.product__discounts__table thead th{
  font-size:.85rem;
  font-weight:600;
  color:#666;
  border-bottom:1px solid #eee;
  padding:8px;
}

.product__discounts__table tbody tr{
  transition:background .15s ease;
}

.product__discounts__table tbody tr:hover{
  background:#f5f5f5;
}

.product__discounts__table td{
  padding:10px 8px;
  border-top:none;
  font-size:.95rem;
}

/* Table de descuentos, Primera celda, "Cantidad" */
.product__discounts__table td:first-child{
  font-weight:600;
  font-size:1rem;
}

/* Table de descuentos, Ultima celda, "Usted Ahorra" */
.product__discounts__table td:last-child{
  color:#00e34b;
  font-weight:600;
}


/* Título a la tabla de descuentos */
.product-discounts-title{
  font-size:.95rem;
  font-weight:600;
  margin-bottom:8px;
  color:#666;
}




/* Pagina de producto, bloque de añadir al carrito */
/* contador de cantidades en la miniatura (card) del producto */
.product__add-to-cart #quantity_wanted {
    background-color: transparent;
    color: revert;
}






/* Para ampliación y ventana modal en la imagen del gráfico de la mesa en los acordeones de descripción */
.pev_desc_image_container {
  position: relative;
  display: inline-block;
}




/* Hace que el contenedor de imágenes sea flex (para mostrar las imágenes una al lado de otra) */
.pev_display_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


/* propiedades comunes tamaños de las imágenes en el contenedor flex */
.pev_display_flex img.pev_img_scale_15 {
    margin:0 5px 5px 5px;
    max-height:fit-content;
    border-radius: 6px;
}

/* propiedades comunes tamaños de las imágenes en el contenedor flex */
.pev_display_flex img.pev_img_scale_25,
.pev_display_flex img.pev_img_scale_30,
.pev_display_flex img.pev_img_scale_40,
.pev_display_flex img.pev_img_scale_50,
.pev_display_flex img.pev_img_scale_60,
.pev_display_flex img.pev_img_scale_75,
.pev_display_flex img.pev_img_scale_85 {
    margin:0 10px 10px 10px;
    max-height:fit-content;
    border-radius: 6px;
}


/* tamaños de las imágenes en el contenedor flex */
.pev_display_flex img.pev_img_scale_15 {
    max-width: 15%;
}

.pev_display_flex img.pev_img_scale_25 {
    max-width: 25%;
}

.pev_display_flex img.pev_img_scale_30 {
    max-width: 30%;
}

.pev_display_flex img.pev_img_scale_40 {
    max-width: 40%;
}

.pev_display_flex img.pev_img_scale_50 {
    max-width: 50%;
}

.pev_display_flex img.pev_img_scale_60 {
    max-width: 60%;
}

.pev_display_flex img.pev_img_scale_75 {
    max-width: 75%;
}

.pev_display_flex img.pev_img_scale_85 {
    max-width: 85%;
}

.pev_display_flex img.pev_img_scale_100 {
    max-width: 100%;
}




.pev-modal-content {
  position: relative;
  display: inline-block;
  max-width: 90%;
  max-height: 85%;
}

.pev_desc_image {
  display: block;
  max-width: 100%;
  cursor: zoom-in;
}

/* Modal */
.pev-image-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.65);
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.pev-image-modal img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;

  background: #fff;
  padding: 6px;
  border-radius: 6px;

  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  border: 1px solid #333;
}

/* Mostrar modal */
.pev-image-modal.active {
  display: flex;
  cursor: zoom-out;
}

/* Lupa con SVG */
.pev_desc_image_container::after {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 36px;
  height: 36px;
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M10 2a8 8 0 105.293 14.293l4.207 4.207 1.414-1.414-4.207-4.207A8 8 0 0010 2zm0 2a6 6 0 110 12 6 6 0 010-12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
}

/* Hover solo en desktop */
@media (hover: hover) {
  .pev_desc_image_container::after {
    opacity: 0;
    transition: opacity 0.2s;
  }

  .pev_desc_image_container:hover::after {
    opacity: 1;
  }
}


/* Para ocultar o mostrar bloques según el grupo al que pertenezca el cliente */
/* oculto por defecto */
.pev_group_content {
  display: none;
}

/* visible cuando toca */
.pev_group_visible {
  display: revert;
}








/* css para imágenes modales en otros elementos con icono */
/* Key frames de la animación tilt, movimiento breve izquierda derecha */
@keyframes pevIconHint {
  0%   { transform: rotate(0deg); }
  2%   { transform: rotate(-10deg); }
  4%   { transform: rotate(10deg); }
  6%   { transform: rotate(-7deg); }
  8%   { transform: rotate(7deg); }
  10%  { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}


/* Key frames de la animación breathing, respiración 
@keyframes pevIconBreath {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}
*/

.pev_modal_trigger {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  cursor: pointer;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21 19V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2zM8.5 11.5l2.5 3 3.5-4.5L19 17H5l3.5-5.5zM8 8a1.5 1.5 0 110-3 1.5 1.5 0 010 3z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  /* fondo tipo botón */
  background-color: rgba(var(--bs-body-color-rgb),0.6); /*rgba(0,0,0,0.6);*/
  border-radius: 4px;
  padding: 2px;
  
  /* efecto tilt */
  animation: pevIconHint 4s ease-in-out infinite;
  
  /* efecto breathing 
  animation: pevIconBreath 2.5s ease-in-out infinite;*/
  
  scale:1.4;
}

/* Hover */
.pev_modal_trigger:hover {
  box-shadow: 0 0 0 2px rgba(255,255,255,0.4),
              0 2px 6px rgba(0,0,0,0.4);
              
  animation: none;
}

/* Click (detalle fino) */
.pev_modal_trigger:active {
  transform: translateY(1px);
}

/* css para el caption (texto) de la imagen modal */
#pevImageModalCaption {
  color: #fff;
  margin-top: 10px;
  text-align: center;
  max-width: 90%;
  font-size: 14px;
  line-height: 1.4;
  opacity: 0.9;
}

.pev-image-modal {
  flex-direction: column;
}

.pev-modal-prev,
.pev-modal-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 36px;
  color: #fff;
  cursor: pointer;
  user-select: none;
  /*padding: 10px;*/
  background: rgba(200,200,200,0.2);  /*background: rgba(0,0,0,0.4);*/
  border-radius: 50%;
  padding: 6px 12px;

}

.pev-modal-prev {
  left: -50px;
}

.pev-modal-next {
  right: -50px;
}



/* Ajuste para móvil */
@media (max-width: 1024px) {
    .pev-modal-content {
        max-width: 85%;
    }
}

/* Ajuste para móvil */
@media (max-width: 768px) {
    .pev-modal-content {
        max-width: 80%;
    }

    .pev-modal-prev {
        left: -35px;
        font-size: 18px;
    }

    .pev-modal-next {
        right: -35px;
        font-size: 18px;
    }
}


/* Para que el carrusel no quede cortado en dispositivos pequeños */
.ratio-homeSlider {
    min-height: revert;
    --bs-aspect-ratio: 32%;
}


/* Para que el bloque de reaseguro (Confianza y seguridad del cliente) en el pie de página tenga una separación abajo */
#footer .blockreassurance {
    margin-bottom: 3.5rem;
}


/* eliminar el espaciado superior del bloque .blockreassurance_product */
.page-product .blockreassurance_product {
    margin-top: 0 !important;
}


/* justificar el texto del bloque de texto personalizado */
.custom-text__content {
    text-align: justify;
}


/*
    Gestión de elementos (mostrar/ocultar) con combinaciones
*/
.pev_comb_content {
  display: none;
}

.pev_comb_visible {
  display: block;
}



/* poner en mayusculas textos */
.pev_txt_upper {
  text-transform: uppercase;
}