:root{
  --color-azul-obscuro: #01305b;
    --color-celeste: #008add;
    --color-celeste-claro:#00c5fb;
    --color-negro: #000;
    --color-blanco: #fff;
    --color-rosa:#eb0088;
    --color-plomo:#ebebeb;
    
}
.m-top-15{
  margin-top: 15px;
}
.m-top-25{
  margin-top: 45px;
}
/*INICIO PARTE SUPERIOR 4*/
.web-top{
  background: var(--color-plomo);
  height: 250px !important;
}
.web-top .cuadrado {
    margin-top: 5.2vw;
    padding-left: 20%;
    padding-right: 20%;
    position: absolute;
    width: 100%;
}
.web-top .cuadrado .etiqueta{
  width: 8vw;
  height: auto;
  background: var(--color-celeste);
  align-items: center;
  font-size: 1em;
  text-align: center;
  border-radius: 0.2vw;
  color: var(--color-blanco);
  font-weight: 600;
}
.h-220 {
    height: 190px;
}
.web-top .title{
  margin-top: 16vh;
}
.web-top .titulo{
  color: var(--color-azul-obscuro);
  font-size: 1.5em;
  font-weight: 900;
}
.web-top .titulo h1{
all: unset !important;
}
.web-top .ruta {
  color: rgb(157, 157, 157);
}
.web-top .fecha{
    font-size: 1.2vw;
    margin-top: 15vw;
    padding-left: 20%;
    padding-right: 20%;
    position: absolute;
    width: 100%;
    color: rgb(157, 157, 157);
}
/*FIN PARTE SUPERIOR 4*/
/*INICIO PARTE SUPERIOR 5*/
.web-articulo{
    background: var(--color-plomo);
    padding-left: 20%;
    padding-right: 20%;
    width: 100%;
    height: auto;
    display: flex;
}
.web-articulo .redaccion{
  width: 65%;
  border:solid;

  border-radius: 10px;


  padding-bottom: 3vw;
  border-width: 0px;
  box-shadow: 3px 3px 6px gray;

}
.web-articulo .redaccion .imagen{
width: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.web-articulo .redaccion .texto{
  padding: 25px 25px 0px 25px;
}
.web-articulo .redaccion .texto h2{
  all: unset;
}
.web-articulo .redaccion .autor{
  display: flex;
  padding: 25px 25px 0px 25px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.web-articulo .redaccion .autor .rostro{
    width: 6vw;
    height: 6vw;
    border-radius: 100%;
    background: white;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.web-articulo .redaccion .autor .personal{
  display: flex;
  flex-direction: column;
}
.web-articulo .redaccion .autor .personal .nombre{
    font-size: 1.2em;
    font-weight: 700;
}
.web-articulo .redaccion .autor .personal .cargo{
  font-size: 1em;
  font-weight: 500;
}
.web-articulo .redaccion .autor .personal .fecha{
  font-size: 1em;
  font-weight: 500;
}
.web-articulo .masnoticia{
  width: 35%;
  padding-left: 35px;

}
.web-articulo .masnoticia .gusta{
  height: auto;
  width: 100%;
}
.web-articulo .masnoticia .gusta .titulo{
  font-size: 1.2em;
  font-weight: 700;
}
.web-articulo .masnoticia .gusta .resumen{
    font-size: 1em;
    font-weight: 400;
}
.web-articulo .masnoticia .gusta .buscador{
  margin-top: 15px;
  font-size: 1.5vw;
  font-weight: 400;
  
}
.web-articulo .masnoticia .gusta .buscador .form-control{
  border-radius: 0px;
  margin-bottom: 15px;
  width: 95%;
  padding: 0.375rem 0.4rem;
}
.web-articulo .masnoticia .gusta .btn {
  border: none;
  border-radius: 0px;
  background: var(--color-celeste);
  color: white;
  width: 100%;
}
.web-articulo .masnoticia .mas {
    max-height:1000px;
    height: auto;
    width: 100%;
    word-wrap: break-word;
    overflow-x: hidden;
}
.web-articulo .masnoticia .mas .titulo{
  font-size: 1.8vw;
  font-weight: 700;
  }
  .web-articulo .masnoticia .mas .card {
    background: transparent;
    height: auto;
    text-align: left;
    box-shadow: 3px 3px 6px gray;

}
.web-articulo .masnoticia .mas .card .titulo{
    font-size: 1.2em;
    font-weight: 700;
}

.web-comparte{
    background: var(--color-plomo);
    padding-top: 30px;
    padding-left: 20%;
    padding-right: 20%;
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: space-between;
}
.web-comparte .redes .cuadrados{ 
margin-top: 20px;
display: flex;
margin-right: 10px;
justify-content: space-between;

}
.web-comparte .redes .cuadrados .rectangulo{
  width: 100px;
  height: 50px;
  border-radius: 10px;
  background: #01305b21;
  margin-right:5px;
}
/*FIN PARTE SUPERIOR 5*/
@media screen and (max-width: 780px){
/*INICIO PARTE SUPERIOR 4*/
.web-top {
    background: var(--color-plomo);
    padding-bottom: 40px;
}
.web-top .cuadrado {
    margin-top: 10.5vw;
    padding-left: 5%;
    padding-right: 5%;
    position: absolute;
    width: 100%;
}
.web-top .cuadrado .etiqueta {
    width: 30%;
    height: auto;
    background: var(--color-celeste);
    align-items: center;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 0.2vw;
    color: var(--color-blanco);
    font-weight: 600;
}
.web-top .title {
    margin-top: 8.5vh;
}
.web-top .titulo {
    color: var(--color-azul-obscuro);
    font-size: 1.2em;
    font-weight: 900;
    margin-top:0px;
}

/*FIN PARTE SUPERIOR 4*/
/*INICIO PARTE SUPERIOR 5*/
.web-articulo {
    background: var(--color-plomo);
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.web-articulo .redaccion {
    width: 100%;
    border: solid;
    border-radius: 10px;
    padding-bottom: 3vw;
    border-width: 0px;
    box-shadow: 3px 3px 6px gray;
}
.web-articulo .redaccion .texto {
    padding: 10px 10px 0px 10px;
}
.web-articulo .redaccion .autor {
    display: flex;
    padding: 10px 10px 0px 10px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.web-articulo .redaccion .autor .rostro {
    width: 20vw;
    height: 20vw;
    border-radius: 100%;
    background: white;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.web-articulo .redaccion .autor .personal .nombre {
    font-size: 1.2rem;
    font-weight: 700;
}
.web-articulo .redaccion .autor .personal .cargo {
    font-size: 0.9rem;
    font-weight: 500;
}
.web-articulo .masnoticia {
    width: 100%;
    padding-left: 0px;
    margin-top: 20px;
}

.web-articulo .masnoticia .gusta .titulo {
    font-size: 1.2rem;
    font-weight: 700;
}
.web-articulo .masnoticia .gusta .resumen {
    font-size: 0.9rem;
    font-weight: 400;
}
.web-articulo .masnoticia .gusta .buscador {
    margin-top: 0px;
    /* font-size: 1.9rem; */
    font-weight: 400;
}
.web-articulo .masnoticia .gusta .buscador #myForm{
    width: 100%;
    --bs-gutter-y: 0rem;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
.m-top-25 {
    margin-top: 20px;
    font-size: 1.2rem;
    font-weight: 700;
}

.web-articulo .masnoticia .mas {
    height: auto;
    width: 100%;
    word-wrap: break-word;
    overflow-x: hidden;
}

.web-articulo .masnoticia .mas .card-body .fecha{
    font-size: 1rem;
    font-weight: 400;
}
.web-articulo .masnoticia .mas .card .titulo {
    font-size: 1.2rem;
    font-weight: 700;
}
.web-articulo .masnoticia .mas .card-body .ver-noticia{
    font-size: 1.2rem;
    font-weight: 900;
}
/*FIN PARTE SUPERIOR 5*/
/*INICIO PARTE SUPERIOR 6*/
.web-comparte {
    background: var(--color-plomo);
    padding-top: 30px;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.web-comparte .redes {
    padding-bottom: 20px;
    width: 100%;
}
.web-comparte .redes .cuadrados {
    margin-top: 20px;
    display: flex;
    /* margin-right: 10px; */
    justify-content: space-between;
}
.web-comparte .noticias-extra {
    display: none;
}
/*FIN PARTE SUPERIOR 6*/
}