/**********************************/
/* Browser and Mobile Only (Revisar esto antes de subir a prod) */
/**********************************/

/* Solo Desktop */
.browser-only-flex {
  display: flex !important;
}


.desktop-only-css {
  display: block;
}


@media (max-width: 988px) {
  
  .desktop-only-css {
    display: none !important;
  }

}

/* solo MOBILE chain */
.mobile-only-css {
    display: none;
}

@media (max-width: 988px) {
    .mobile-only-css {
        display: block;
    }
}


/**********************************/
/* 12 Columnas CSS */
/**********************************/

.col-md1-12 { flex: 0 0 100%; }
.col-md1-11 { flex: 0 0 91.666667%; }
.col-md1-10 { flex: 0 0 83.333333%; }

.col-md1-9 {
flex: 0 0 75%;
/* max-width: 75%; */
}

.col-md1-8 {
flex: 0 0 66.666667%;
/* max-width: 66.666667%; */
}

.col-md1-7 { flex: 0 0 58.333333%; }

.col-md1-6 { flex: 0 0 50%; }

.col-md1-5 {
flex: 0 0 41.666667%;
/* max-width: 41.666667%; */
}

.col-md1-4 {flex: 0 0 33.333333%;}

.col-md1-3 {
flex: 0 0 25%;
/* max-width: 25%; */
}

.col-md1-2 { flex: 0 0 16.666667%; }
.col-md1-1 { flex: 0 0 8.333333%; }

/**********************************/
/* Terraza Mas noticias */
/**********************************/

.ter-main-first {
position: relative;
width: 100%;
max-width: 1200px;
margin-inline: auto;
margin-top: 20px;
margin-bottom: 20px;
}

.ter-main-first .flex {
display: flex;
flex-wrap: wrap;
}

.ter-main-first .left {
flex: 1;
display: flex;
flex-direction: column;
}

.terraza-title,
.balcon-title
 {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom: 20px;
border-top: 2px solid black;
}

.ter-main-first .terraza-title h3,
.balcon-rd .balcon-title h3 {
text-transform: uppercase;
font-family: 'Open Sans:Bold', sans-serif;
font-size: 14px;
padding-top: 5px;
}

.ter-main-first .terraza-title a,
.balcon-rd .balcon-title a {
color: #1565c0;
text-decoration: none;
}

.ter-main-first .columnas {
display: flex;
}

.ter-main-first .flex-col {
display: flex;
flex-direction: column;
box-sizing: border-box;
}

.ter-main-first .flex-col-1 {
padding-right: 25px;
}

.ter-main-first .flex-col-1,
.ter-main-first .flex-col-2 {
flex: 1;
}

.ter-main-first .flex-col-3 {
flex: 0 0 300px;
padding-left: 25px;
/* padding-top: 25px; */
}

.ter-main-first .flex-col-2 {
padding-left: 25px;
padding-right: 25px;
border-right: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}

.storybox-mainimg-rd {
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid #eaeaea;
}

.storybox-mainimg-rd img {
width: 100%;
height: auto;
}

.ter-main-first .storybox-rd .storybox-title-rd h2 {
font-size: 24px;
font-family: 'Merriweather:Bold', sans-serif;
}


.ter-main-first .storybox-rd .story-box-kicker {
color: #999;
font-size: 12px;
font-weight: unset;
margin-bottom: 6px;
text-transform: uppercase;
}

.storybox-wrp {
}

.storybox-rd .story-box-author .story-box-author-gray a {
font-size: 12px;
color: #999;
text-transform: none;
}

@media screen and (max-width: 520px) {

.ter-main-first .columnas {
display: block;
}

.ter-main-first .flex-col-3 {
flex: none;
}

}

/* Storybox Vertical List */

.storybox-list-rd {
display: flex;
gap: 10px;
padding-bottom: 20px;
border-bottom: 1px solid #eaeaea;
margin-bottom: 30px;
}

.storybox-list-rd .textos {
display: flex;
flex-direction: column;
}

.storybox-list-rd .images a {
display: block;
width: 110px;
height: 73px;
}

.storybox-list-rd .images img {
display: block;
/* max-width: 110px; */ /* 100%; */
/* height: auto; */
width: 100%;
height: 100%;
object-fit: cover;
}

.ter-main-first .storybox-list-rd .storybox-title-rd h2 {
font-size: 18px;
font-family: 'Merriweather:Bold', sans-serif;
}

.storybox-list-rd .story-box-sumario {
font-size: 14px;
color: #555;
margin-top: 5px;
margin-bottom: 5px;
}


@media screen and (max-width: 520px) {

.flex {
display: block;
}

.ter-main-first .flex-col-1,
.ter-main-first .flex-col-2,
.ter-main-first .flex-col-3 {
width: 100%;
padding-right: unset;
padding-left: unset;
}

.ter-main-first .storybox-img-rd img {
max-width: 100%;
}

}

/**********************************/
/* Terraza Deportes */
/**********************************/


.ter-3col-title .flex {
flex-direction: column;
}

.ter-3col-title .flex-col-1 {
flex: 0 0 300px;
}

.ter-3col-title .flex-col-2 {
flex: 1 1 auto;
}

.ter-3col-title .storybox-img-rd img {
width: 100%;
height: 360px;
object-fit: cover;
}

#terraza-deportes.ter-3col-title .storybox-title-rd h2 {
font-family: Merriweather, serif;
}


/**********************************/
/* Widgets Uhora - Tal Cual */
/**********************************/

.widgets {
position: relative;
margin-bottom: 40px;
}

.widgets h3 {

}

.widgets h3 span {
position: absolute;
top: -12px;
left: 13px;
background-color: #e12248;
color: white;
font-family: 'Open Sans:Bold', sans-serif;
padding: 4px 9px 4px 9px;
border-bottom: 0px; /* quitar despues del rediseño */
}

.widgets .widget-content {
background: #f2f2f2;
border-bottom: 1px solid #ddd;
line-height: 1.5em;
padding: 24px 14px 14px 14px;
border-radius: 8px;
}

.widgets .read-more {
display: block;
color: #777;
text-align: right;
}


@media screen and (max-width: 520px) {

.widgets {
display: block;
margin-bottom: 40px;
/* width: 94%; */
max-width: 450px;
margin-right: auto;
margin-left: auto;
}

}

/**********************************/
/* Columnistas de opinion */
/**********************************/

.colum-home-wrp-rd {
display: flex;
flex-wrap: wrap;
max-width: 1200px;
width: 100%;
margin: 0 auto;
margin-bottom: 40px;
}

.colum-home-wrp-rd .colum-title {
width: 100%;
border-top: 2px solid black;
}

.colum-home-wrp-rd .colum-title h3 {
text-transform: uppercase;
font-family: 'Open Sans:Bold', sans-serif;
font-size: 14px;
padding-top: 5px;
}

.colum-home-wrp-rd .col-item {
box-sizing: border-box;
text-align: center;
padding: 0 10px;
margin-top: 20px;
}

.colum-home-wrp-rd .col-image img {
width: 90px;
height: 90px;
object-fit: cover;
border-radius: 50%;
border: 1px solid #ccc;
}

.colum-home-wrp-rd .col-text {
display: flex;
align-items: center;
font-family: Merriweather, serif;
text-align: center;
font-size: 15px;
min-height: 110px;
line-height: 19px;
font-weight: bold;
color: #222222;
padding: 4px 8px;
}

.colum-home-wrp-rd .col-name {
font-family: "Open Sans", sans-serif;
font-weight: 700;
font-size: 9.8px;
color: #999999;
padding-top: 3px;
border-top: 1px solid #dddddd;
}

/**********************************/
/* People Box RD */
/**********************************/

.people-box-rd {
max-width: 1200px;
width: 100%;
margin: 0px auto 40px auto;
}

.people-box-rd .flex {
display: flex;
flex-wrap: wrap;
}

.people-box-rd .flex-col-1 {
flex: 1;
}

.people-box-rd .flex-col-2 {
flex: 0 0 300px;
padding-left: 25px;
padding-top: 25px;
}


/**********************************/
/* Catalogos u Otras Publicaciones */
/**********************************/

.catalog-rd-wrap {
position: relative;
width: 100%;
}

.catalog-rd-wrap h3 span {
position: absolute;
top: -12px;
left: 23px;
background-color: black;
color: white;
font-family: 'Open Sans:Bold', sans-serif;
text-transform: uppercase;
padding: 4px 9px 4px 9px;
border-bottom: 0px;
}

.catalog-rd-wrap .cata-slick {
display: flex;
flex-wrap: wrap;
background-color: #f2f2f2;
padding-top: 30px;
padding-bottom: 30px;
justify-content: space-evenly;
}

.catalog-rd-wrap .cata-slick-img {
display: flex;
/* flex: 1; */
/* padding: 20px 15px 20px 15px; */
/* padding-left: 20px;
padding-right: 20px; */
}

.catalog-rd-wrap .cata-slick-img img {
width: 188px;
height: 273px;
object-fit: cover;
}

/**********************************/
/* Terraza Vivir+ */
/**********************************/

#terraza-vivir .flex-col-2 {
padding-right: 0px;
}

#terraza-vivir .storybox-img-rd img {
width: 100%;
height: 269px;
object-fit: cover;
}

/**********************************/
/* Las mas leidas */
/**********************************/

.most-read-rd {
width: 100%;
}

.most-read-rd .most-read-title {
margin-bottom: 20px;
border-top: 2px solid black;
}

.most-read-rd .most-read-title h3 {
text-transform: uppercase;
font-family: 'Open Sans:Bold', sans-serif;
font-size: 14px;
padding-top: 5px;
}

.most-read-rd .article-item {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 12px;
}

.most-read-rd .article-item .article-number {
font-weight: bold;
min-width: 24px;
font-family: Merriweather, serif;
font-weight: 700;
font-size: 26px;
line-height: 28.6px;
}

.most-read-rd .article-item a {
flex: 1 1 0%;
text-decoration: none;
font-family: "Open Sans", sans-serif;
font-weight: 500;
font-size: 14px;
color: #2a2a2a;
text-decoration: none;
line-height: normal;
}

/**********************************/
/* Balcon image mini */
/**********************************/

.balcon-rd {
max-width: 1200px;
width: 100%;
margin: 0px auto 40px auto;
}

.balcon-rd .flex {
display: flex;
/* flex-wrap: wrap; */
gap: 20px;
}

.balcon-rd .balcon-rd-item {
display: flex;
gap: 11px;
flex: 1;
}

.balcon-rd .balcon-rd-item .images {

}

.balcon-rd .balcon-rd-item .images img {
width: 110px;
height: 100px;
object-fit: cover;
}

.balcon-rd .balcon-rd-item .textos {
display: flex;
flex: 1; /* 1 1 0%; */
justify-content: space-between;
flex-direction: column;
}

.balcon-rd .balcon-rd-item .textos h2 {
font-family: Merriweather, serif;
font-weight: 700;
font-size: 14px;
line-height: 17px;
}

.story-box-author .story-box-author-gray a {
font-family: "Open Sans", sans-serif;
font-weight: 500;
font-size: 12px;
color: #999999;
letter-spacing: -0.5px;
line-height: 12px;
text-transform: capitalize;
}

/**********************************/
/* Balcon image */
/**********************************/

.balcon-rd .justify-content {
justify-content: space-between;
}

.balcon-rd .balcon-rd-item-vertical {
display: flex;
flex-direction: column;
width: 270px;
}

.balcon-rd-item-vertical .kicker-container-rd {

}

.balcon-rd-item-vertical .kicker-container-rd {
font-family: "Open Sans", sans-serif;
color: #777;
font-size: .8em;
font-weight: 700;
margin-bottom: 6px;
text-transform: uppercase;
}

.balcon-rd .balcon-rd-item-vertical .images img {
width: 100%;
height: 180px;
object-fit: cover;
}

.balcon-rd .balcon-rd-item-vertical .kicker-container-rd,
.balcon-rd .balcon-rd-item-vertical .storybox-title-rd,
.balcon-rd .balcon-rd-item-vertical .story-box-author {
display: block;
margin-top: 5px;
}

.balcon-rd .balcon-rd-item-vertical h2 {
font-family: Merriweather, serif;
font-size: 18px;
line-height: 22px;
}

/**********************************/
/* Balcon Mundo Maritimo */
/**********************************/

.balcon-rd-maritimo,
.balcon-rd-marcas {
position: relative;
}

.balcon-rd-maritimo .flex {
background-color: #ecf8ff;
}

.balcon-rd-maritimo .flex,
.balcon-rd-marcas .flex {
padding: 30px 20px;
}

.balcon-rd-maritimo .balcon-title {
background-color: #03639a;
}

.balcon-rd-maritimo .balcon-title,
.balcon-rd-marcas .balcon-title {
display: block;
position: absolute;
top: -12px;
left: 20px;
margin-bottom: 0px;
border-top: 0px;
}

.balcon-rd-maritimo .balcon-title h3,
.balcon-rd-marcas .balcon-title h3 {
padding: 5px 8px 5px 8px;
color: white;
}

.balcon-rd-maritimo .balcon-rd-item-vertical h2 {
font-family: "Open Sans", sans-serif;
color: #03639a;
}

/**********************************/
/* Balcon Contenido de marcas */
/**********************************/

.balcon-rd-marcas .flex {
border-radius: 8px;
border: 1px solid #0000001a;
}

.balcon-rd-marcas .balcon-title {
background-color: black;
}

.balcon-rd-marcas h2 {

}