/* Estilos migrados desde los componentes Vue originales. */
/* src/components/barra_titulo.vue */
@media (max-width: 800px) {
  .custom-title {
    text-transform: none !important;
    font-size: 14px !important;
  }
}

 @media (min-width: 801px) {
      .titulo-descripcion{
          text-transform: none !important;
          font-size: 14px !important;
          font-style: normal;
        }

    .custom-title {
    text-transform: uppercase !important;
    
  }  
  }

/* src/components/8_pubs_carrusel_regiones.vue */
.button-container {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 0;
  margin-bottom: 30px;
}

.button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 auto;
  margin: 0;
}

/* src/components/8_pubs_directorio.vue */
.avatar-ring {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #E65100;
    border-radius: 50%;
    padding: 2px;
  }

  /* Animacion de boton */
  @keyframes flash {
    0% { transform: translateX(0); }
  50% { transform: translateX(10px); }
  100% { transform: translateX(0); }
    }

    .flash-animation {
      animation: flash 3s infinite;
    }

/* src/components/8_pubs_global.vue */

.tabla-publicaciones {
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
}

.some-other-style {
  background: blue;
}

.data-table-header-style {
  color: rgb(255,255,255) !important;
}

.precio-pub {
  color: green;
  font-weight: bold;
}

.transparent-btn {
  background-color: transparent;
  color: inherit;
  border: none;
}

.multiline-title {
  white-space: normal;
}

.button-text {
  white-space: normal;
  display: block;
}

.cerrar-sheet-btn {
  position: absolute;
  /*top: 140px;*/
  top: 10%;
  right: 50px;
  z-index: 1000; /* Asegura que esté por encima de otros elementos */
}

.fade-enter-active, .fade-leave-active {
      transition: opacity 0.8s;
    }
    .fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
      opacity: 0;
    }  
/* Animacion de boton */
    @keyframes flash {
      0% { transform: scale(1); }
      50% { transform: scale(1.1); }
      100% { transform: scale(1); }
    }

    .flash-animation {
      animation: flash 1s infinite;
    }

/* Animacion de boton TRASLACION */
    @keyframes anim_traslacion {
      0% { transform: translateX(0); }
      50% { transform: translateX(10px); }
      100% { transform: translateX(0); }
    }

    .anim_traslacion {
      animation: anim_traslacion 2s infinite ease-in-out;
    }    

/********************** */

/* src/components/pie_pagina.vue */
@media (max-width: 800px) {
  .custom-title {
    text-transform: none !important;
    font-size: 14px !important;
  }
}

 @media (min-width: 801px) {
      .titulo-descripcion{
          text-transform: none !important;
          font-size: 14px !important;
          font-style: normal;
        }

    .custom-title {
    text-transform: uppercase !important;
    
  }  
  }

/* src/components/8_pubs_carrusel_perfiles_global.vue */
.avatar-container {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
  0px 4px 5px 0px rgba(0, 0, 0, 0.14),
  0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: RGB(235,235,235);
  padding: 5px 0;
  margin-right: -10px;
  margin-bottom: 30px;
  height: 120px;
}

.avatar-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 auto;
  margin: 0 10px;
  width: 76px;
}

.avatar-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0;
}

.avatar-ring {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #E65100;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  margin-bottom: 0px;
}

.avatar-ring-directorio {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #E65100;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-bottom: 0px;
}

.profile-name {
    margin-top: 8px;
    /*color: rgb(0,0,0);*/
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: rgb(90,90,90);
    /*color: "Gray";*/
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-height: 36px;
}

img {
      object-fit: cover; 
      background-color: white; /* Esta propiedad no se aplicará al <img>, pero se incluye aquí para referencia */
      border: 5px solid white; /* Bordes blancos como efecto visual */
    }
    .image-container {
      background-color: white; /* Fondo blanco */
      display: flex; 
      align-items: center; 
      justify-content: center; 
    }

/* src/views/principal_vista.vue */
.bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url('./assets/wall1.jpg') no-repeat center center fixed; /* Repetir solo horizontalmente */
  /*background-size: cover; /* Mantener proporciones, ajustándose al ancho de la pantalla */
  background-size: cover; /* Mantener proporciones, ajustándose al ancho de la pantalla */
  background-color: rgb(235, 235, 235); /* Color de fondo alternativo */
  /*background: linear-gradient(rgb(235, 235, 235), rgb(255,255,255)); /* Color de fondo alternativo */

  
}

/* src/components/8_pubs_global_beta.vue */

.tabla-publicaciones {
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
}

.some-other-style {
  background: blue;
}

.data-table-header-style {
  color: rgb(255,255,255) !important;
}

.precio-pub {
  color: green;
  font-weight: bold;
}

.transparent-btn {
  background-color: transparent;
  color: inherit;
  border: none;
}

.multiline-title {
  white-space: normal;
}

.button-text {
  white-space: normal;
  display: block;
}

.cerrar-sheet-btn {
  position: absolute;
  /*top: 140px;*/
  top: 10%;
  right: 50px;
  z-index: 1000; /* Asegura que esté por encima de otros elementos */
}

.fade-enter-active, .fade-leave-active {
      transition: opacity 0.8s;
    }
    .fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
      opacity: 0;
    }  
/* Animacion de boton */
    @keyframes flash {
      0% { transform: scale(1); }
      50% { transform: scale(1.1); }
      100% { transform: scale(1); }
    }

    .flash-animation {
      animation: flash 1s infinite;
    }

/********************** */

/* src/views/principal_beta_vista.vue */
.bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url('./assets/wall1.jpg') no-repeat center center fixed; /* Repetir solo horizontalmente */
  /*background-size: cover; /* Mantener proporciones, ajustándose al ancho de la pantalla */
  background-size: cover; /* Mantener proporciones, ajustándose al ancho de la pantalla */
  background-color: rgb(235, 235, 235); /* Color de fondo alternativo */
  /*background: linear-gradient(rgb(235, 235, 235), rgb(255,255,255)); /* Color de fondo alternativo */

  
}

/* src/components/8_pubs_global_beta nav-drawer.vue */

.tabla-publicaciones {
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
}

.some-other-style {
  background: blue;
}

.data-table-header-style {
  color: rgb(255,255,255) !important;
}

.precio-pub {
  color: green;
  font-weight: bold;
}

.transparent-btn {
  background-color: transparent;
  color: inherit;
  border: none;
}

.multiline-title {
  white-space: normal;
}

.button-text {
  white-space: normal;
  display: block;
}

.cerrar-sheet-btn {
  position: absolute;
  /*top: 140px;*/
  top: 10%;
  right: 50px;
  z-index: 1000; /* Asegura que esté por encima de otros elementos */
}

.fade-enter-active, .fade-leave-active {
      transition: opacity 0.8s;
    }
    .fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
      opacity: 0;
    }  
/* Animacion de boton */
    @keyframes flash {
      0% { transform: scale(1); }
      50% { transform: scale(1.1); }
      100% { transform: scale(1); }
    }

    .flash-animation {
      animation: flash 1s infinite;
    }

/********************** */

/* src/views/principal_beta_nav_vista.vue */
.bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url('./assets/wall1.jpg') no-repeat center center fixed; /* Repetir solo horizontalmente */
  /*background-size: cover; /* Mantener proporciones, ajustándose al ancho de la pantalla */
  background-size: cover; /* Mantener proporciones, ajustándose al ancho de la pantalla */
  background-color: rgb(235, 235, 235); /* Color de fondo alternativo */
  /*background: linear-gradient(rgb(235, 235, 235), rgb(255,255,255)); /* Color de fondo alternativo */

  
}

/* src/components/lista_productos.vue */
/*link: http://www.elpadawan.com/css/animatecss */ 

  .tabla-productos {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .some-other-style {
    background: blue;
  }
  .data-table-header-style {
    /*background: var(--v-primary-base);*/
    color: rgb(255,255,255) !important;

  }
    
/*    .fade-enter-active, .fade-leave-active {
      transition: opacity 0.8s;
    }
    .fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 {
      opacity: 0;
    }
*/

/* src/components/datos_empresa.vue */
/*link: http://www.elpadawan.com/css/animatecss */ 


  @media (min-width: 601px) {
  .tabla-datos-empresa {
    width: 380px;
    margin-left: 10px;
  }
 }  

 @media (max-width: 800px) {
  .tabla-datos-empresa {
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
  } }

    .fade-enter-active, .fade-leave-active {
      transition: opacity 0.8s;
    }
    .fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
      opacity: 0;
    }

/* src/components/8_pubs_carrusel_perfiles_region.vue */
.avatar-container {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    background-color: RGB(235,235,235);
    padding: 5px 0;
    margin-right: -10px;
    margin-bottom: 30px;
    height: 120px;
  }
  
  .avatar-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto;
    margin: 0 10px;
    width: 76px;
  }
  
  .avatar-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0;
  }
  
  .avatar-ring {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #E65100;
    border-radius: 50%;
    padding: 2px;
  }
  
  .profile-name {
    margin-top: 8px;
    color: rgb(90,90,90);
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    max-height: 36px;
  }

  img {
      object-fit: cover; 
      background-color: white; /* Esta propiedad no se aplicará al <img>, pero se incluye aquí para referencia */
      border: 5px solid white; /* Bordes blancos como efecto visual */
    }
    .image-container {
      background-color: white; /* Fondo blanco */
      display: flex; 
      align-items: center; 
      justify-content: center; 
    }

/* src/components/8_pubs_region.vue */

.tabla-publicaciones {
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
}

.some-other-style {
  background: blue;
}

.data-table-header-style {
  color: rgb(255,255,255) !important;
}

.precio-pub {
  color: green;
  font-weight: bold;
}

.transparent-btn {
  background-color: transparent;
  color: inherit;
  border: none;
}

.multiline-title {
  white-space: normal;
}

.button-text {
  white-space: normal;
  display: block;
}

.cerrar-sheet-btn {
  position: absolute;
  top: 10%;
  right: 50px;
  z-index: 1000; /* Asegura que esté por encima de otros elementos */
}


.fade-enter-active, .fade-leave-active {
  transition: opacity 0.3s
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0
}

/* Animacion de boton */
    @keyframes flash {
      0% { transform: scale(1); }
      50% { transform: scale(1.1); }
      100% { transform: scale(1); }
    }

    .flash-animation {
      animation: flash 1s infinite;
    }

/* src/views/region_market_vista.vue */
.bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url('./assets/wall1.jpg') no-repeat center center fixed; /* Repetir solo horizontalmente */
  /*background-size: cover; /* Mantener proporciones, ajustándose al ancho de la pantalla */
  background-size: cover; /* Mantener proporciones, ajustándose al ancho de la pantalla */
  background-color: white; /* Color de fondo alternativo */
  /*background: linear-gradient(rgb(225, 235, 245), rgb(255,255,255)); /* Color de fondo alternativo */

  
}

/* src/components/8_pubs_empresa.vue */

.tabla-publicaciones {
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
}

.some-other-style {
  background: blue;
}

.data-table-header-style {
  color: rgb(255,255,255) !important;
}

.precio-pub {
  color: green;
  font-weight: bold;
}

.transparent-btn {
  background-color: transparent;
  color: inherit;
  border: none;
}

.multiline-title {
  white-space: normal;
}

.button-text {
  white-space: normal;
  display: block;
}

.cerrar-sheet-btn {
  position: absolute;
  top: 10%;
  right: 50px;
  z-index: 1000; /* Asegura que esté por encima de otros elementos */
}

/* src/components/compartir_perfil.vue */
.mx-2 {
  margin-left: 8px;
  margin-right: 8px;
}
.btn{
  padding-left: -30px;
}

/* src/views/perfil_empresa_vista.vue */
.bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url('./assets/wall1.jpg') no-repeat center center fixed; /* Repetir solo horizontalmente */
  /*background-size: cover; /* Mantener proporciones, ajustándose al ancho de la pantalla */
  background-size: cover; /* Mantener proporciones, ajustándose al ancho de la pantalla */
  /*background-color: white; /* Color de fondo alternativo */
  /*background: linear-gradient(rgb(125, 135, 145), rgb(255,255,255)); /* Color de fondo alternativo */
}

/* src/components/8_pubs_empresa_admin.vue */

.tabla-publicaciones {
  width: 100%;
  margin-left: 10px;
  margin-right: 10px;
}

.some-other-style {
  background: blue;
}

.data-table-header-style {
  color: rgb(255,255,255) !important;
}

.precio-pub {
  color: green;
  font-weight: bold;
}

.transparent-btn {
  background-color: transparent;
  color: inherit;
  border: none;
}

.multiline-title {
  white-space: normal;
}

.button-text {
  white-space: normal;
  display: block;
}

.cerrar-sheet-btn {
  position: absolute;
  top: 10%;
  right: 50px;
  z-index: 1000; /* Asegura que esté por encima de otros elementos */
}

/* src/views/perfil_empresa_admin_vista.vue */
.bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url('./assets/wall1.jpg') no-repeat center center fixed; /* Repetir solo horizontalmente */
  /*background-size: cover; /* Mantener proporciones, ajustándose al ancho de la pantalla */
  background-size: cover; /* Mantener proporciones, ajustándose al ancho de la pantalla */
  /*background-color: white; /* Color de fondo alternativo */
  /*background: linear-gradient(rgb(125, 135, 145), rgb(255,255,255)); /* Color de fondo alternativo */
}

/* Boton flotante de compartir en tarjetas de publicaciones. */
.publication-card-with-share {
  position: relative;
}

.publication-share-btn {
  position: absolute !important;
  top: 10px;
  right: 10px;
  z-index: 3;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  background-color: #43a047 !important;
  border-radius: 100% !important;
  padding: 0 !important;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.48) !important;
  color: white !important;
  font-weight: bold;
  margin: 0 !important;
  display: inline-block !important;
}

.publication-share-btn .v-icon {
  color: white !important;
  font-size: 20px !important;
  margin: 0 !important;
}