@charset "utf-8";
/* CSS Document */

.fondo_galeria_arte{
	background: url(/images/ornamentos/recurso_.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position: top center;
	border-radius: 30px;
	height: 388px;
}



.rectangulo_medio {
 background: linear-gradient(to bottom right, #0f124a, #046BDD) !Important;
}
.rectangulo_der {
 background: linear-gradient(to bottom right, #F94C03, #E5682E) !Important;
}

.rectangulo_der_rojo {
 background: linear-gradient(to bottom right, #f10031, #E5682E) !Important;
}

.rectangulo_btn_rojo_1 {
 background: linear-gradient(to bottom right, #D9183F, #EC9FAE) !Important;
}

.rectangulo_navega {
 background: linear-gradient(to right, #0F134B, #046BDD) !Important;
	border-radius: 40px;
}
.rectangulo_navega_vertical_orange {
 background: linear-gradient(to bottom, #E5682E, #D9183F) !Important;
	border-radius: 40px;
	
	transform: scaleX(0.95);
}

.rectangulo_navega_vertical_azul {
 background: linear-gradient(to bottom, #AFA9F7, #AFA9F7) !Important;
	border-radius: 40px;
	transform: scaleX(0.95);
}
.f_button{
	background: #00407A !important;
}
.rectangulo_navega_nina {
 background: linear-gradient(to right, #D9183F, #EC9FAE) !Important;
	border-radius: 40px;
}

.ccentrar{
	display: block;
	margin: 0 auto;
}
.fondo_docente_uno{
	background: url(/images/ornamentos/recurso_10.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position: top center;
	border-radius: 40px;
}
.fondo_docente_dos{
	background: url(/images/ornamentos/recurso_12.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position: top center;
	border-radius: 40px;
}
.back_nadia_uno{
	background: #046BDA !Important;
	border-radius: 40px;
}
.back_nadia_dos{
	background: #B2ACFA !Important;
	border-radius: 40px;
}
.sobra_azul{
    /*padding: 3rem;
    background-color: #ffffff;
    margin: 0 0 -12px 0;
    position: relative;
    border: none;*/
    -webkit-border-radius: 40px;
    border-radius: 40px;
    box-shadow: 0 0 50px rgba(4,107,218,0.25) !important;
    /*-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;*/
}
.bordeskurvas{
	border-radius: 40px !important;
}
.alto-sliddde{
	height: 720px !important;
	display: contents;
	
}
.naranjita{
	background: #F98030 !Important;
	color: #ffffff;
}
.sombra_naranja{
    /*padding: 3rem;
    background-color: #ffffff;
    margin: 0 0 -12px 0;
    position: relative;
    border: none;*/
    -webkit-border-radius: 40px;
    border-radius: 40px;
    box-shadow: 0 0 50px rgba(237,114,23,0.25) !important;
    /*-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;*/
}
.altura180{
	height: 180px;
	padding: 20px;
	
}
.altura280{
	height: 280px;
	padding: 20px;
	
}
.altura380{
	height: 380px;
	padding: 20px;
	
}

/*.mod-articles-link  {
 text-decoration: none !important;
  list-style: none !important;
  color: #FF8000 !important;
  font-size: 22px !important;
  font-weight: 600 !important;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

  line-height: 1.2em;             
  min-height: calc(1.2em * 2);   
}

.btn-secondary {
    background-color: #d9183f;
    background-position: center center;
    background-size: 150% auto;
    background-clip: padding-box;
    color: #fff;
    cursor: pointer;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 5px;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    outline: none;
    border: none;
    box-shadow: 5px 10px 50px rgba(217, 24, 63, 0.3);
    -webkit-border-radius: 25px;
    border-radius: 7px;
    -webkit-transition: all .10s ease-out;
    -moz-transition: all .10s ease-out;
    -o-transition: all .10s ease-out;
    transition: all .10s ease-out;
}
.mod-articles-image img,
.item-image img {
  width: 100%;
  height: 145px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  object-fit: fill;
  display: block;
}*/


.blog .fields-container {
  display: none !important;
}
.page-header h2 a {
  text-decoration: none !important;
  list-style: none !important;
  color: #FF8000 !important;
  font-size: 22px !important;
  font-weight: 600 !important;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

  line-height: 1.2em;
  min-height: calc(1.2em * 2);
}

/*Aqui es la imagen de las vistas tipo blog*/
.item-image {
  width: 100%;
	 height: 163px;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  background: #fff;
  overflow: visible; /* muy importante: no cortar */
  display: block;
}

.item-image img {
  width: 100%;
  height: 163px;
  object-fit: fill; /* Deforma para llenar */
  border-radius: 8px; /* Aplica en las 4 esquinas */
  display: block;
}
/*Aqui termina la imagen de las vistas tipo blog*/

.item-content p {
  font-size: 20px !important;
  font-weight: 300 !important;

  /*display: -webkit-box;*/
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;        /* Muestra hasta 5 líneas */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2em;
  max-height: calc(1.2em * 5);  /* Fallback para navegadores sin soporte */
	text-align: justify;
	display: none;
}
.blog-item{
 -webkit-border-radius: 40px;
    border-radius: 40px;
    box-shadow: 0 0 50px rgba(237,114,23,0.25) !important;	
}
.com-content-category-blog__item{
	border: 1px solid #d9dadb !important;
	
}
[itemprop="datePublished"],
[itemprop="name"],
[itemprop="interactionCount"] {
    font-size: 15px;
}


#column-right>.rstpl-card .card-body{
    padding: 1.5rem;
}


/*Aqui es el margin top a la columna derecha de los contenidos*/
#column-right > .rstpl-card,
#column-left > .rstpl-card {
   margin: 150px 0 45px 0;
}
/*Aqui cierra*/


#mod-167{
	 margin: 0px 0 45px 0 !important;
}


#mod-189 {
    margin-top: 50px !important;
}

#mod-194 {
    margin-top: 50px !important;
}


.article-full-image-wrapper {
	text-align: center;
	margin-bottom: 20px;
}

.article-full-image {
	width: 70% !Important;
	height: auto !important;
	display: inline-block !Important;
	border-radius: 20px;
	border: solid 1px #d1d2d3 !Important;
	object-fit: contain !Important;
}
.field-label{
	font-weight: 600 !important;
	
} 

.article-tags {
    margin-top: 2rem;
}
.tags-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.tag-item a {
    display: inline-block;
    padding: 0.3em 0.6em;
    color: #fff;
    border-radius: 0.50rem;
    text-decoration: none;
}
.tag-item a:hover {
    background-color: #5a6268;
}

#rstpl-footer-container {
	margin-top: 0rem;
    /*position: relative;
    padding-top: 15rem;
    padding-bottom: 7.5rem;
    color: #000;
    background-image: url(https://2025.comunidadunete.net/templates/rsmatias/images/rstpl-footer.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 40% 50%;*/
}

/*Para texto en la portada poner en minusculas Innovación semanal*/
#rspbld > div > section:nth-child(2) > div > h2 {
    text-transform: capitalize;
}
/*Cierra Para texto en la portada poner en minusculas Innovación semanal*/




/* Css para notas educativas de la portada */
.article-image-square {
    width: 140px !important;
    height: 140px !important;
    object-fit: cover !important;
}

.article-title {
    font-size: 19px !important;
    color: #252525 !Important;
    font-weight: 700 !important;
}

p.article-introtext,
.article-introtext p,
.article-introtext * {
    font-size: 18px;
    color: #555555;
    line-height: 1.2;
}

.text-orange {
    color: var(--bs-orange) !important;
    font-size: 18px;
}
.text-dark{
	
}
/* Cierra aqui Css para notas educativas de la portada */
.botonesredes_portada{
	background: #F98030 !important;
}
#rspbld > div > section:nth-child(1) > div > div > div.col-md-8.fondo_docente_uno.duration-500 > div.rspbld-text-block.text-left > div{
	line-height: 18px !important;
}

#rspbld > div > section:nth-child(2) > div > div > div.col-md-8.fondo_docente_dos.duration-500 > div.rspbld-text-block.text-left > div{
	line-height: 18px !important;
}
.rspbld-row-title{
	text-transform: none !important;
}
.rspbld-row-title::first-letter {
	text-transform: uppercase !important;
}
.rspbld-row-subtitle{
	text-transform: none !important;	
}
.rspbld-row-subtitle::first-letter{
	text-transform: uppercase !important;	
}
.btn-warning{
	background: #F98030 !important;
}
.btn-warning:hover{
	background: #E1682E !important;
}

.cabezasperdos{
	color: #514f4e;
    font-family: Montserrat;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 30px 0;
	font-size: 20px;
	text-decoration: none;
}


.btnver {
    background-color: #f1f1f1 !important;
    color: #333 !important;
    border: none !important;
    border-radius: 25px !important;
    padding: 10px 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px;
    text-decoration: none !important;
    transition: background-color 0.3s ease;
}
.btnver:hover {
    background-color: #e0e0e0 !important;
    color: #000 !important;
}
.item-page-custom-size img.img-full {
    width: 620px !important;
    height: 472px !important;
    object-fit: cover;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
	border-radius: 30px;
	border:solid 1px #f4f2f2; 
}

#iquestqueacutehacer4343 > div > div:nth-child(1){
	border-radius:30px;
	
}

.botones_centrados{
	display: block !important;
	margin: 0 auto !important;
	width: 300px !important;
}
#rsmg_rsp_slider_container160 h2,
#rsmg_rsp_slider_container272 h2,
#rsmg_rsp_slider_container142 h2,
#rsmg_rsp_slider_container143 h2,
#rsmg_rsp_slider_container118 .slick-current.slick-active h2,
#rsmg_rsp_slider_container129 h2,
#rsmg_rsp_slider_container130 h2,
#rsmg_rsp_slider_container131 h2,
#rsmg_rsp_slider_container132 h2,
#rsmg_rsp_slider_container133 h2,
#rsmg_rsp_slider_container140 h2,
#rsmg_rsp_slider_container263 h2,
#rsmg_rsp_slider_container141 .slick-current.slick-active h2,
#rsmg_rsp_slider_container144 h2,
#rsmg_rsp_slider_container145 .slick-current.slick-active h2,
#rsmg_rsp_slider_container147 h2,
#rsmg_rsp_slider_container148 .slick-current.slick-active h2,
#rsmg_rsp_slider_container149 h2,
#rsmg_rsp_slider_container152 h2,
#rsmg_rsp_slider_container153 .slick-current.slick-active h2,
#rsmg_rsp_slider_container154 h2,
#rsmg_rsp_slider_container155 h2,
#rsmg_rsp_slider_container156 h2,
#rsmg_rsp_slider_container157 h2,
#rsmg_rsp_slider_container158 h2,
#rsmg_rsp_slider_container278 h2,
#rsmg_rsp_slider_container159 h2 {
  font-size: clamp(28px, 4vw, 52px);
}


/* Oculta el slideshow solo en artículos individuales */
.body.view-article #rstpl-slideshow-position {
    display: none !important;
}

/* Oculta módulo 266 en todo el sitio */
/*div[aria-labelledby="mod-266"] {
  display: none !important;
}*/


/* Muestra módulo 266 solo en artículos individuales */
/*.body.view-article div[aria-labelledby="mod-266"] {
  display: block !important;
}*/


/* 1) Ocultar módulo (selector por aria-label y por clase) en todo el sitio */
.featured-a.rstpl-module[aria-label="Espacio para los articulos"],
div[aria-label="Espacio para los articulos"] {
  display: none !important;
}

/* 2) Mostrarlo solo en vistas de artículo individuales
   (cubriendo tanto body.view-article como .body.view-article / #rstpl-pagewrap.view-article) */
body.view-article .featured-a.rstpl-module[aria-label="Espacio para los articulos"],
.body.view-article .featured-a.rstpl-module[aria-label="Espacio para los articulos"],
#rstpl-pagewrap.view-article .featured-a.rstpl-module[aria-label="Espacio para los articulos"],
#rstpl-pagewrap.body.view-article .featured-a.rstpl-module[aria-label="Espacio para los articulos"] {
  display: block !important;
}
.article-card {
    width: 95%;
    margin: 0 auto;
    border-radius: 2rem;
    box-shadow: 0 0 50px rgba(4,107,218,0.25);
    padding: 1rem; 
}


#rspbld > div > section:nth-child(3) > div > div.col-md-3.duration-500 > div {
    -webkit-border-radius: 40px;
    border-radius: 40px;
    box-shadow: 0 0 50px rgba(237,114,23,0.25) !important;
}
/* Ocultar el espacio del destyacado 3, en articulos individuales*/
.view-article .featured-a.rstpl-module[aria-label="Espacio docentes IA tercer nivel"] {
  display: none !important;
}
.fab-button {
    font-family: 'Material Icons';
    position: fixed;
    bottom: 90px !important;
    right: 20px;
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 24px;
    cursor: pointer;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s, transform 0.3s;
    z-index: 99999;
}