/*
Theme Name: ForDownload
Template: generatepress
Author: omunidad Uploader
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.4.0.1716763187
Updated: 2024-05-27 00:39:47

*/

#bcaminos {
  border: none;
  border-radius: 40px;
  background: #ff5722; /* Naranja vibrante */
  color: #ffffff; /* Blanco */
  font-size: 15px;
  font-weight: 200;
  padding: 10px 37px;
  margin: 1px 0 2px 14px;
}

#bcaminos:hover {
  background-color: #e64a19; /* Naranja más oscuro */
  color: #ffffff;
  transform: scale(1.1); /* Aumenta el tamaño */
  transition: transform 0.3s ease; /* Transición suave */
}

#b1s {
  border: none;
  border-radius: 10px;
  background: #ff5722; /* Naranja vibrante */
  color: #ffffff; /* Blanco */
  font-size: 15px;
  font-weight: 500;
  padding: 10px 10px;
  margin: 1px 0 1px 1px;
}

#b1s:hover {
  background-color: #e64a19; /* Naranja más oscuro */
  color: #ffffff;
  transform: scale(1.1); /* Aumenta el tamaño */
  transition: transform 0.3s ease; /* Transición suave */
}

.vtab-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  width: 80%;
  margin: 40px auto;
  text-align: center;
}

.vtab {
  max-width: 800px;
  width: auto;
  table-layout: fixed;
  border-collapse: collapse;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  min-width: 400px;
  box-sizing: border-box;
}

.vtab thead {
  background-color: #64b5f6; /* Azul claro */
  color: #ffffff; /* Blanco */
  padding: 10px;
}

.vtab thead h3 {
  font-weight: bold;
  font-size: 24px;
  color: #ffffff; /* Blanco */
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.vtab tbody {
  background-color: #ffffff; /* Blanco */
}

.vtab td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.vtab td:first-child {
  border-left: 1px solid #ddd;
}

.vtab td:hover {
  background-color: #e3f2fd; /* Azul muy claro */
}

.vtab input[type="button"] {
  background-color: #ff5722; /* Naranja vibrante */
  color: #ffffff; /* Blanco */
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.vtab input[type="button"]:hover {
  background-color: #e64a19; /* Naranja más oscuro */
  color: #ffffff;
  transform: scale(1.1); /* Aumenta el tamaño */
  transition: transform 0.3s ease; /* Transición suave */
}

@media only screen and (max-width: 768px) {
  .vtab {
    width: 100%;
  }
}

.otros-elementos {
  margin-top: 20px;
  
  .btnLeermas {
  text-align: center;
  border: none;
  border-radius: 40px;
  background: #ff5722; /* Naranja vibrante */
  color: #ffffff; /* Blanco */
  font-size: 15px;
  font-weight: 200;
  padding: 3px 4px;
  margin: 0px 0px 0px 85%;
  text-decoration: none;
  width: 90px;
  height: 30px;
  display: block;
  float: none; /* Aseguramos que no flote */
}

.btnLeermas:hover {
  background-color: #e64a19
}

}
.archive-container {
  max-width: 1200px;
  margin: 40px auto;
  padding: 20px;
  background-color: #F7F7F7;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.archive-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.archive-article {
  background-color: #FFFFFF;
  padding: 20px;
  border: 1px solid #DDDDDD;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.archive-title {
  font-family: Lato;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.archive-excerpt {
  font-family: Open Sans;
  font-size: 14px;
  margin-bottom: 10px;
}

.archive-meta {
  font-family: Open Sans;
  font-size: 12px;
  color: #666666;
}

@media (max-width: 768px) {
 .archive-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
 .archive-grid {
    grid-template-columns: 1fr;
  }
}

.entry-title a {
    color: #d11616!important;
    
    
    .footer-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    background-color: #f0f0f0; /* Un color de fondo sutil */
    color: #333; /* Color de texto principal */
    box-sizing: border-box; /* Asegura que el padding no afecte el ancho */
}

.footer-widgets {
    display: flex;
    justify-content: space-around; /* Distribuye los widgets horizontalmente */
    width: 100%;
    margin-bottom: 20px;
    padding: 15px;
    border-bottom: 1px solid #ccc; /* Línea divisoria */
}

.footer-widget {
    text-align: center; /* Centra el contenido de cada widget */
}

.footer-widget h3 {
    color: #555;
    margin-bottom: 10px;
}

.footer-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-widget ul li {
    margin-bottom: 5px;
}

.footer-widget ul li a {
    color: #777;
    text-decoration: none;
}

.footer-widget ul.social-icons {
    display: flex;
    justify-content: center;
}

.footer-widget ul.social-icons li {
    margin: 0 10px;
}

.footer-widget ul.social-icons li a {
    font-size: 1.5em; /* Tamaño de los iconos */
    color: #007bff; /* Un color para los iconos */
}

.footer-bottom {
    text-align: center;
    padding-top: 10px;
}

.footer-bottom p {
    font-size: 0.9em;
    color: #666;
    margin: 0;
}

/* Opcional: Media query para diseño responsivo */
@media (max-width: 768px) {
    .footer-widgets {
        flex-direction: column; /* Apila los widgets en pantallas más pequeñas */
        align-items: center;
    }

    .footer-widget {
        margin-bottom: 20px;
    }
}