/* FUENTES */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


@media screen and (orientation: landscape) {
    .carousel img {
      height: 70vh;
    }
  }
  
.titulo{
    display: inline-block;
    position: relative;
    margin-right: 10px; /* Espacio entre el texto y la línea roja */
    font-size: 48px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.red-line {
    display: inline-block;
    width: 43%;
    height: 5px;
    background-color: #E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
}


.red-line-w-100 {
    display: inline-block;
    width: 67%;
    height: 5px;
    background-color: #E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
}
.red-line-w-50 {
    display: inline-block;
    width: 42%;
    height: 5px;
    background-color:#E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
}

.position-absolute{
    bottom: 5%;
    left:2%;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.bg-red{
    background-color: #E2231A;
    border-radius: 5px;
}

.fechaPost{
    color: #CCCCCC;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12pt;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.7147059507396709) 17%, rgba(89,89,89,0.050840404521183435) 57%); 
    border-radius: 5px;
}

.image-container {
    width: 100%;
    height: 100%; /* Ajusta la altura según tus necesidades */
    overflow: hidden;
  }
.nav-item{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color:#555759;
}

ul.navbar-nav.ml-auto li:not(:last-child) {
    padding-right: 4rem;
  }

  .navbar-nav li a:hover {
    color: #FF0000;
  }

  .navbar-nav {
    margin-right: 5%;
    color:#555759;
  }

  .navbar-nav a{
    color:#555759;
  }
  .contacto{
    background-color:#E2231A;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: white;
  }
  .contacto:hover{
    background-color: #d65555;
    color: white;
  }

  .contacto-titulo{
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
    font-size: 32px;
  }
  #mensaje{
    height: 200px;
  }

  /*---- navigation section style start ----*/

.navbar {
  font-family: var(--heading-font);
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: var(--bs-black);
  --bs-navbar-hover-color: var(--accent-color);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: var(--accent-color);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
}

.nav-link {
  font-size: 1rem;
  font-weight: 700;
}

nav.navbar {
  z-index: 999999;
}
.post .category {
  float: left;
  margin-bottom: 1em;
}
.category {
  padding: .5em 1em;
  text-transform: uppercase;
  color: #fff;
  background: red;
  font-weight: 600;
  letter-spacing: -1px;
  font-size: .8em;
  display: inline-block;
  border-radius: 5px;
}

.post .fecha {
  float: right;
  margin: 0 auto 1em !important;
}
section p:not(:first-child) {
  margin-top: 1em;
}
.fecha {
  font-size: .8em;
  color: #808080;
  font-weight: bolder;
}

.main-content{
  border-top: 2px solid black;
}

#eventosTitulo a{
 font-size: 18pt;
 color:white;
 font-family: 'Roboto', sans-serif;
 font-weight: 700;
 text-decoration: none;

}

#eventosSuperTitulo a{
 font-size: 22pt;
 color: black;
 font-family: 'Roboto', sans-serif;
 font-weight: 700;
 text-decoration: none;
}

#relacionadosTitulo a{
 font-size: 16pt;
 color: black;
 font-family: 'Roboto', sans-serif;
 font-weight: 700;
 text-decoration: none;
}

.post-titulo{
  font-size: 22pt;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-decoration: none;
 }

.post-subtitulo{
  font-size: 16pt;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-decoration: none;
 
 }
.post-content{
  font-family: 'Roboto', sans-serif ;
  font-size:15pt;
}

.noticiasBorder{
  border-bottom: 2px solid lightgrey;
  width: 95%;
  margin: 0 auto;
}
/* Estilos para pantallas de escritorio */
#iconosRedes a img{
    width: 10%;
  }
  
  .red-line-noticias {
    display: inline-block;
    width: 43%;
    height: 5px;
    background-color: #E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
    }
    .red-line-jornadaTecnica {
      display: inline-block;
      width: 67%;
      height: 5px;
      background-color: #E2231A;
      vertical-align: middle;
      margin-bottom: 1%;
   }

   .white-line-eventos {
    display: inline-block;
    width: 85%;
    height: 5px;
    background-color: white;
    vertical-align: middle;
    margin-bottom: 1%;
 }
 .red-line-noticiaTecnica {
  display: inline-block;
  width: 68%;
  height: 5px;
  background-color: white;
  vertical-align: middle;
  margin-bottom: 1%;
}
 .red-line-mercado {
  display: inline-block;
  width: 75%;
  height: 5px;
  background-color: #E2231A;
  vertical-align: middle;
  margin-bottom: 1%;
}
.red-line-agronegocios {
  display: inline-block;
  width: 67%;
  height: 5px;
  background-color: white;
  vertical-align: middle;
  margin-bottom: 1%;
}
.red-line-revista-left {
  display: inline-block;
  width: 40%;
  height: 5px;
  background-color:#E2231A;
  vertical-align: middle;
  margin-bottom: 1%;
}
.red-line-revista-right {
  display: inline-block;
  width: 40%;
  height: 5px;
  background-color:#E2231A;
  vertical-align: middle;
  margin-bottom: 1%;
}
.red-line-relacionadas {
  display: inline-block;
  width: 60%;
  height: 5px;
  background-color:#E2231A;
  vertical-align: middle;
  margin-bottom: 1%;
}
/**
 * Basic CSS Media Query Template
 * TODO: I should probably use Sass...
 * Author: Michael Vieth
 * ------------------------------------------
 *  Responsive Grid Media Queries - 1280, 1024, 768, 480
 *   1280-1024   - desktop (default grid)
 *   1024-768    - tablet landscape
 *   768-480     - tablet 
 *   480-less    - phone landscape & smaller
 * --------------------------------------------
 */
 @media all and (min-width: 1024px) and (max-width: 1280px) { }

 @media all and (min-width: 768px) and (max-width: 1024px) {
  .red-line-noticias {
    display: inline-block;
    width: 72%;
    height: 5px;
    background-color: #E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
    }
    .white-line-eventos {
      display: inline-block;
      width: 73%;
      height: 5px;
      background-color: white;
      vertical-align: middle;
      margin-bottom: 1%;
   }
    .red-line-jornadaTecnica {
      display: inline-block;
      width: 39%;
      height: 5px;
      background-color: #E2231A;
      vertical-align: middle;
      margin-bottom: 1%;
   }
    .red-line-noticiaTecnica {
      display: inline-block;
      width: 39%;
      height: 5px;
      background-color: white;
      vertical-align: middle;
      margin-bottom: 1%;
   }
   .red-line-mercado {
    display: inline-block;
    width: 70%;
    height: 5px;
    background-color: #E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
  }
  .red-line-agronegocios {
    display: inline-block;
    width: 54%;
    height: 5px;
    background-color: white;
    vertical-align: middle;
    margin-bottom: 1%;
  }
  .red-line-revista-left {
    display: inline-block;
    width: 37%;
    height: 5px;
    background-color:#E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
  }
  .red-line-revista-right {
    display: inline-block;
    width: 37%;
    height: 5px;
    background-color:#E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
  }
  }
 
 @media all and (min-width: 480px) and (max-width: 768px) { 
      /* Estilos para dispositivos móviles */
      #iconosRedes a img{
        width: 60%;
      }
      body{
        background-color:red;
      }
      .red-line-noticias {
        display: inline-block;
        width: 72%;
        height: 5px;
        background-color: #E2231A;
        vertical-align: middle;
        margin-bottom: 1%;
        }
        .white-line-eventos {
          display: inline-block;
          width: 73%;
          height: 5px;
          background-color: white;
          vertical-align: middle;
          margin-bottom: 1%;
      }
      .red-line-jornadaTecnica {
        display: inline-block;
        width: 73%;
        height: 5px;
        background-color: #E2231A;
        vertical-align: middle;
        margin-bottom: 1%;
     }
     .red-line-noticiaTecnica {
      display: inline-block;
      width: 39%;
      height: 5px;
      background-color: white;
      vertical-align: middle;
      margin-bottom: 1%;
   }
   .red-line-mercado {
    display: inline-block;
    width: 70%;
    height: 5px;
    background-color: #E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
  }
  .red-line-agronegocios {
    display: inline-block;
    width: 54%;
    height: 5px;
    background-color: white;
    vertical-align: middle;
    margin-bottom: 1%;
  }
  .red-line-revista-left {
    display: inline-block;
    width: 42%;
    height: 5px;
    background-color:#E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
  }
  .red-line-revista-right {
    display: inline-block;
    width: 42%;
    height: 5px;
    background-color:#E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
  }
 }
 
 @media all and (max-width: 480px) {
    /* Estilos para dispositivos móviles */
    #iconosRedes a img{
      width: 60%;
    }
    body{
      background-color:red;
    }
    .red-line-noticias {
      display: inline-block;
      width: 72%;
      height: 5px;
      background-color: #E2231A;
      vertical-align: middle;
      margin-bottom: 1%;
      }
      .white-line-eventos {
        display: inline-block;
        width: 73%;
        height: 5px;
        background-color: white;
        vertical-align: middle;
        margin-bottom: 1%;
    }
    .red-line-jornadaTecnica {
      display: inline-block;
      width: 73%;
      height: 5px;
      background-color: #E2231A;
      vertical-align: middle;
      margin-bottom: 1%;
   }
   .red-line-noticiaTecnica {
    display: inline-block;
    width: 39%;
    height: 5px;
    background-color: #E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
  }
  .red-line-mercado {
    display: inline-block;
    width: 70%;
    height: 5px;
    background-color: #E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
  }
  .red-line-agronegocios {
    display: inline-block;
    width: 54%;
    height: 5px;
    background-color: white;
    vertical-align: middle;
    margin-bottom: 1%;
  }
  .red-line-revista-left {
    display: inline-block;
    width: 42%;
    height: 5px;
    background-color:#E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
  }
  .red-line-revista-right {
    display: inline-block;
    width: 42%;
    height: 5px;
    background-color:#E2231A;
    vertical-align: middle;
    margin-bottom: 1%;
  }
  }
 
 
 /* Portrait */
 @media screen and (orientation:portrait) { /* Portrait styles here */ }
 /* Landscape */
 @media screen and (orientation:landscape) { /* Landscape styles here */ }
 
 
 /* CSS for iPhone, iPad, and Retina Displays */
 
 /* Non-Retina */
 @media screen and (-webkit-max-device-pixel-ratio: 1) {
 }
 
 /* Retina */
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
 }
 
 /* iPhone Portrait */
 @media screen and (max-device-width: 480px) and (orientation:portrait) {
 } 
 
 /* iPhone Landscape */
 @media screen and (max-device-width: 480px) and (orientation:landscape) {
 }
 
 /* iPad Portrait */
 @media screen and (min-device-width: 481px) and (orientation:portrait) {
 }
 
 /* iPad Landscape */
 @media screen and (min-device-width: 481px) and (orientation:landscape) {
 }