:root{
    --header-bg: #fff;
    --menu-bg: #f8f9fa;
    --accent: #007bff;
  }

/*  body { margin:0; font-family:Arial,Helvetica,sans-serif; padding-top:140px; }*/

  /* CABECERA */
.container_cabecera {
  padding: 0px;
  /*margin: 0px;*/
  /*overflow: auto;*/
}
    
.cabecera{
  position:fixed; top:0; left:0; right:0;
  background:var(--header-bg);
  z-index:1050;
  box-shadow:0 2px 6px rgba(0,0,0,0.08);
  transition:padding 0.35s ease, background 0.35s ease;
}

.cabecera-linea1{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 20px;
margin-top: 20px;
  transition:padding 0.3s ease;
}

.left-controls{ display:flex; align-items:center; }
.btn-hamburger{
  background:none; border:0; font-size:22px; color:#222; margin-right:8px;
}

.logo-chico{
  display:none;
  max-height:42px;
}

/* LUPA Y BUSCADOR */
.busqueda-container{ position:relative; display:flex; align-items:center; }
.btn-lupa{ background:none; border:0; font-size:20px; color:#222; padding:6px; }
.busqueda-dropdown{
  display:none;
  position:absolute;
  left:38px;
  top:0;
  background:#fff;
  border:1px solid #ddd;
  padding:8px;
  border-radius:6px;
  box-shadow:0 6px 20px rgba(0,0,0,0.08);
  white-space:nowrap;
  z-index:2100;
}
.busqueda-dropdown input{ width:220px; padding:6px 8px; border:1px solid #ccc; border-radius:4px; }
.busqueda-dropdown button{ margin-left:8px; }

/* CENTRO: logo grande */
.center-area{ text-align:center; flex:1; display:flex; flex-direction:column; align-items:center; }
.logo-principal{ max-height:78px; transition:transform .35s ease, max-height .35s ease; }

.fecha {
 font-size:0.9rem; 
margin-top:6px; 

 font-weight: bold;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #333;

}

/* DERECHA */
.logo_redes {
   height: 28px;
	width: 28px;	
}
.iconos-redes a{ color:#222; margin-left:10px; font-size:18px; transition:color .2s; }

.iconos-redes a:hover{ color:var(--accent); }

/* MENÚ PRINCIPAL (segunda línea) */
.menu-principal {
  background: var(--menu-bg);
  transition: height .65s ease, opacity .65s ease;
  overflow: hidden;
}


.menu-principal ul { 
  margin:0; 
  padding:2px 10px; 
  display:flex; justify-content:center; 
  list-style:none;
  line-height: 1.1;
}

.menu-principal .nav-link { 
  color:#222; 
  padding:8px 12px; 
  font-weight:400;
  font-size: 1.1rem;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.menu-principal.oculto { 
  height:0 !important; opacity:0; 
  padding:0 !important; 
  margin:0 !important; 
  visibility:hidden;
}

/* --- OFFCANVAS LATERAL CON BLUR --- */
.offcanvas-menu{
  position:fixed; top:0; bottom:0; left:-300px;
  width:300px;
  background:rgba(25,25,25,0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index:2050;
  box-shadow:2px 0 25px rgba(0,0,0,0.3);
  transition:left .4s ease;
  padding:18px;
  color:#fff;
}
.offcanvas-menu.abierto{ left:0; }
.offcanvas-overlay{
  position:fixed; inset:0;
  background:rgba(0,0,0,0.45);
  z-index:2040; display:none;
}
.offcanvas-overlay.visible{ display:block; }

.offcanvas-menu .btn-light{
  background:rgba(255,255,255,0.15);
  color:#fff;
  border:0;
}
.offcanvas-menu .btn-light:hover{
  background:rgba(255,255,255,0.3);
}
.offcanvas-menu .nav-link{
  color:#fff;
  padding:10px 0;
  display:block;
  border-bottom:1px solid rgba(255,255,255,0.15);
}
.offcanvas-search{ margin-top:12px; display:block; }
.offcanvas-search input{
  width:100%;
  padding:8px;
  border:1px solid rgba(255,255,255,0.25);
  border-radius:4px;
  background:rgba(255,255,255,0.1);
  color:#fff;
}
.offcanvas-search input::placeholder{ color:#ddd; }

.offcanvas-search button{
  margin-top:8px;
  background:var(--accent);
  border:0;
}

.offcanvas-menu .iconos-redes a{
  color:#fff;
  margin-right:10px;
}

/* Scroll reduction */
.cabecera.reducida .cabecera-linea1{ padding:6px 16px; }
.cabecera.reducida .logo-principal{ transform:scale(.75); max-height:55px; }
.cabecera.reducida .fecha{ display:none; }
.cabecera.reducida .menu-principal{ display:none; }

/* RESPONSIVE */
@media (max-width:768px){
  body{ padding-top:110px; }
  .logo-principal{ display:none; }
  .fecha{ display:none; }
  .logo-chico{ display:inline-block; margin-left:5px; }
  .busqueda-container{ display:none !important; }
  .menu-principal{ display:none; }
}
@media (min-width:769px){
  .offcanvas-search{ display:none; }
}


/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/
/***********************************************************/



.container {
  padding: 0px;
  /*margin: 0px;*/
  /*overflow: auto;*/
}
.container_2 {
  padding: 0px;
   border-left: 1px solid #959595;
	border-right:  1px solid #959595;
  margin-top: 180px;	
}
.fondo1 {
   margin-top: 0px;
   /*border-left: 1px solid #DBDBDB;
	border-right:  1px solid #DBDBDB;*/
}

/* Desktop (desde 768px hacia arriba) */
@media (min-width: 768px) {
    .fondo1 {
        margin-top: 180px;
    }
}

.fondo2 {
   background-color:  #E8EFFF;
}
.fondo3 {
  padding-top: 10px;
  background-color: #fff;
}
.fondo_sec_des {
   margin-top: 0px;
   border-left: 1px solid #F3F3F3;
	border-right:  1px solid #F3F3F3;
}

/* Desktop (desde 768px hacia arriba) */
@media (min-width: 768px) {
    .fondo_sec_des {
        margin-top: 180px;
    }
}


.fondopie {
  background-color: #1D3949;
  /*border-top: 1px solid #fff;*/
  padding: 0px;
  margin: 0px;
}

/* cabecera */
.contenido_cabecera {
	width: 100%;
   /*background-image: url(../imagenes/cinta_roja.png);
	background-position: bottom left;
	background-repeat: no-repeat;*/
   height:100%;
   position:relative;	
	/*border: 1px solid red;*/
	background-color: White;
}
.logo_cabecera {
  width: 100%;
}

.fecha2 {
   font-weight: bold;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #333;
   font-size: 11px;
   margin-bottom: 2px;   

}

/* fin cabecera */

/***** pie ************/
.caja_pie {
	width: 100%;
	height: 100%;
   margin: 0px 0px 0px 0px;
	padding: 30px 10px 30px 10px;
   border-top: 1px solid #3A6781;	
	
}
.textos_pie {
	FONT-WEIGHT: bold;
   color: #ffffff;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   line-height: 180%;
	margin-top: 5px;
}

.textos_pie A:link, .textos_pie A:visited, .textos_pie A:active {
	FONT-WEIGHT: bold;
   color: #ffffff;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   line-height: 180%;
	margin-top: 20px;
}



.logo_pie {
   margin-top: 0px;
}
.logo_chamigonet {
	float: right;
	width: 65px;
	top: 5px;
}
/****** fin pie ******/



/**** tapa  ************************************/
.tapa {
	width: 100%;
	/*margin: 20px 0px 60px 0px;*/
	border-bottom: 1px solid #BBBBBB;
	/*overflow: auto;*/
	/*border: 1px solid #333;*/
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 20px 10px;

}

.col_estrecha {
	margin: 0px;
	padding: 0px; 
}

.col_estrecha_tapa {
   padding: 0px;
	vertical-align: top;
}

@media (min-width: 768px) {
  .col_estrecha_borde_derecho1 {
    border-right: 1px solid #E1E1E1;
	 padding-right: 10px;
  }
}

@media (min-width: 768px) {
  .col_estrecha_borde_derecho2 {
    border-right: 1px solid #E1E1E1;
    padding-left: 10px;
	 padding-right: 10px;
  }
}

@media (min-width: 768px) {
  .col_estrecha_borde_derecho3 {
    padding-left: 10px;
  }
}

.imagen_tapa {
   width: 100%;
	margin-bottom: 15px;
}

.volanta_tapa {
	font-family: Arial, Helvetica, sans-serif;
	color: #0057A5;
	font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;	
	margin: 0px 0px 15px 0px;

}

.titulo_tapa a {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #232323;
	font-size: 2.375rem;
   font-weight: bold;	
	line-height: 120%;
   text-decoration: none;
}

.bajada_tapa {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #171821 !important;

	margin: 20px 0px 0px 0px;
	
   font-size: 1.125rem;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
}

/**** fin tapa ************************************/

.raya {
   width: 100%;
	border-bottom: 1px solid #B1B1B1;
	margin: 20px 0px;
}
.raya2 {
   width: 100%;
	border-bottom: 1px solid #B1B1B1;
	margin: 10px 0px;
}

/**** tapa2  ************************************/
.tapa2 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	/*border-bottom: 1px solid #BBBBBB;*/
	/*overflow: auto;*/
}
.volanta_tapa2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0057A5;
	font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;	
	margin: 0px 0px 10px 0px;
	
}
.titulo_tapa2 a {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #232323;
	font-size: 1.375rem;
   font-weight: bold;	
	line-height: 120%;
   text-decoration: none;
}

.bajada_tapa2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #5D5D5D;
	font-size: 17px;
}
.imagen_tapa2 {
   width: 100%;
	margin-bottom: 10px;	
}
/**** fin tapa2 ************************************/


/**** segunda parte ************************************/
.segunda_parte {
	width: 100%;
  /*margin: 20px 0px 60px 0px;*/
	border-bottom: 1px solid #BBBBBB;
	/*overflow: auto;*/
	/*border: 1px solid #333;*/
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 20px 0px;
}

.caja_volanta_segunda_1 {
   margin-bottom: 10px;	
}
.volanta_segunda_1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 16px;
   font-weight: 600;
   text-transform: uppercase;	
	background-color: Background;
   padding: 3px 8px 3px 8px;
}

.caja_titulo_segunda_1 {
   margin-bottom: 20px;	
}

.titulo_segunda_1 a {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #232323;
	font-size: 1.5rem;
   font-weight: bold;	
	line-height: 120%;
   text-decoration: none;
 }

.bajada_segunda_1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #5D5D5D;
	font-size: 17px;
}
.imagen_segunda_1 {
   width: 100%;
	margin-bottom: 20px;
}
/**** fin segunda parte *******************************/


/**** tercera parte ************************************/
.tercera_parte {
	width: 100%;
  /*margin: 20px 0px 60px 0px;*/
	border-bottom: 1px solid #BBBBBB;
	/*overflow: auto;*/
	/*border: 1px solid #333;*/
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 20px 10px;
}

.caja_volanta_tercera_1 {
   margin-bottom: 10px;	
}
.volanta_tercera_1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;	
	background-color: Background;
   padding: 3px 8px 3px 8px;
}

.caja_titulo_tercera_1 {
   margin-bottom: 20px;	
}

.titulo_tercera_1 a {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #232323;
	font-size: 1.3rem;
   font-weight: bold;	
	line-height: 120%;
   text-decoration: none;
 }

.bajada_tercera_1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #5D5D5D;
	font-size: 17px;
}
.imagen_tercera_1 {
   width: 100%;
	margin-bottom: 20px;
}
/**** fin tercera parte *******************************/




/*******      destacados     ******/
.fondo_destacado {

  background-color: #F6E7C4;
  
  	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;  
}

/****   destacado columna 1  *****/



.destacado_col1_imagetxt { 
   position: relative; 
   margin: 0px 0px 15px 0px; 
   padding: 0px;
   width: 100%;
   height: auto;
	border: 1px solid #999999;
   /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=5);	        */
}

.destacado_col1_imagetxt a { 
   width: 100%;
   background-image: url(../imagenes/textoenimagen.png);
   position: absolute;
   bottom: 0px;
   color: white;
   padding: 3px 10px 5px 10px;
   margin: 0px;
	
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 2rem;
   font-weight: 600;	
	line-height: 1.1;
   text-decoration: none;	
}

.destacado_col1_imagetxt img {
	width: 100%;
   height: auto;	
}






.destacado_col1 {
	width: 100%;
	/*margin: 20px 0px 60px 0px;*/
	border-bottom: 1px solid #BBBBBB;
	/*overflow: auto;*/
	/*border: 1px solid #333;*/
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 20px 10px;

}

.col_estrecha_destacado_col1 {
   padding: 0px;
	vertical-align: top;
}


.imagen_destacado_col1 {
   width: 100%;
	margin-bottom: 15px;
}

.volanta_destacado_col1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0057A5;
	font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;	
	margin: 0px 0px 15px 0px;

}

.titulo_destacado_col1 a {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #232323;
	font-size: 2.25rem;
   font-weight: 600;	
	line-height: 1.2;
   text-decoration: none;
}

.bajada_destacado_col1 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #171821 !important;

	margin: 20px 0px 0px 0px;
	
   font-size: 1.125rem;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
}

/**** fin destacado columna 1 ************************************/

/**** destacado columna 2  ************************************/
.caja_espacio1 {
   width: 100%;
	border-bottom: 1px solid #B1B1B1;
	margin: 20px 15px 20px 0px;
}

.destacado_col2 {
	width: 100%;
	margin: 0px 0px 0px 0px;
	/*border-bottom: 1px solid #BBBBBB;*/
	/*overflow: auto;*/
}
. col_estrecha_destacado_col2 {
	margin: 0px;
}
@media (min-width: 768px) {
  .col_estrecha_destacado_col2 {
    padding-left: 10px;
	 padding-right: 0px;
  }
}


.volanta_destacado_col2 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: .75rem;
   font-weight: 600;
   text-transform: uppercase;	
	margin: 0px 0px 5px 0px;
	
}
.titulo_destacado_col2 a {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #232323;
	font-size: 1.125rem;
   font-weight: 500;
	line-height: 1.2;
   text-decoration: none;
}

.bajada_destacado_col2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #5D5D5D;
	font-size: 17px;
}
.imagen_destacado_col2 {
   width: 100%;

}
/**** fin destacado columna 2 *******/

/******* fin destacados *******/




/* secciones */
.caja_secciones {
	width: 100%;
  /*margin: 20px 0px 60px 0px;*/
	border-bottom: 1px solid #BBBBBB;
	/*overflow: auto;*/
	/*border: 1px solid #333;*/
	margin: 0px 0px 20px 0px;
	padding: 0px 10px 20px 10px;	
}
.cajaizquierda_secciones {
       
}

.cajaderecha_secciones {
	width: 100%;
	margin: 10px 0px;
	padding: 0px 5px 0px 0px;
	background-color: White;
	/*border: 1px solid #333;*/
}
.nota_seccion {
   /*border: 1px solid #333;*/
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}


/*#navcontainer {
        margin-left: 5px;
		  margin-top: 5px;
}*/
#navlist {
        padding: 9px 0 4px 10px;
        /*border-bottom: 1px solid #778;*/
        font: bold 10px Verdana, sans-serif;
		  
}
#navlist li {
        list-style: none;
        margin: 0;
        display: inline;
}

#navlist li a {
        padding: 3px;
        margin-left: 0px;
        border: 1px solid #828282;
        /*border-bottom: none;*/
        background: #E4E4E4;
        text-decoration: none;
		  color: #888888;
		  font-size: 16px;
}

#navlist li a:link { color: #828282; }
#navlist li a:visited { color: #828282; }

#navlist li a:hover {
        color: White;
        background: #575757;
        border-color: Black;
}

#navlist li a#current {
        background: white;
		  color: Black;
        /*border-bottom: 1px solid white;*/
}

.titulo_secciones {
   margin-top: 5px;	
}

.titulo_secciones a {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #232323;
	font-size: 2rem;
   font-weight: bold;	
	line-height: 1.1;
   text-decoration: none;

}
.titulo_secciones a:hover {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #232323;
	font-size: 2rem;
   font-weight: bold;	
	line-height: 1.1;
	TEXT-DECORATION: none;

}

.intro_secciones a {
	/*FONT-WEIGHT: bold; */
	FONT-SIZE: 15px; 
	COLOR: #444444; 
	FONT-FAMILY: 'Roboto', Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 150%;
}

.seccion_secciones_s {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px; 
	color: #0057A5;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.foto_secciones {
	float: left;
	margin: 0px 0px 10px 0px;
	/*border: 1px solid red;*/
}
.seccionpaginas {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #333333; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: right;
}
.linea_1_c {
  background-image: url(imagenes/linea_bajo.png);
  height: 10px;
}
.linea_p_separa {
	background-image: url(imagenes/linea_p_separa.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 5px;
}
.tabla_verseccion {
  border-right: 1px solid #e2e2e2;	
}
.tabla_notas_uni {
	background-color: #ffffff;
   padding-bottom: 5px;
	/*border: 1px solid #999999;   */
  /* -webkit-box-shadow: 0px 0px 5px #000;
   -moz-box-shadow: 0px 0px 5px #000;
   box-shadow: 0px 0px 5px #000;*/
   margin: 10px 10px 20px 5px;	
   overflow: auto;
   padding: 10px;
}
/* fin secciones */

/* inicio de listado1 */

.titulo_seccion_lista1 {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	color: #515151;
   font-size: 1.1rem;
   font-weight: 300;	
	text-decoration: none;
	margin-bottom: 20px;
	
}

.item_lista1 {
	border-bottom: 1px solid #E2E2E2;
   margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px 0px;
}

.articulo-item {
    display: flex;
    margin-bottom: 10px;
    text-decoration: none;
    color: inherit;
}

.num-col {
    width: 25px;               /* siempre pequeño */
	 font-family: "Georgia", Times New Roman, Times, serif;		
    font-weight: 400;
    font-size: 1.5rem;	 
    margin-right: 2px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.intro-col {
    padding: 0px 8px 0px 8px;
}

.img-col {
   padding-left: 10px;
}


.img-col img {
    max-width: 100%;
    height: auto;
    display: block;
	 padding: 0px;
}

.sidebar-flotador {
    position: relative;
    transition: transform 0.2s ease-out;
    will-change: transform;
}


/* fin listado1 */


/* desarrollo */

.cajaderecha_desarrollo {
	width: 100%;
	margin: 10px 0px;
	padding: 0px 15px 0px 10px;
	background-color: White;
	/*border: 1px solid #333;*/
}


.logo_redes_desarrollo {
   height: 32px;
	width: 32px;	
}

.volanta {
	/*FONT-WEIGHT: bold;*/
	FONT-SIZE: 16px; 
	COLOR: #666666; 
	FONT-FAMILY: Geneva, sans-serif;
	text-decoration: none;
   padding-bottom: 10px;
   float: left;
   font-weight: bold;
	text-transform: uppercase;
}
.titulo {
	FONT-WEIGHT: bold;
   color: #000;
	font-size: calc(1em + 1vw);
	font-family: "Roboto", Times New Roman, Times, serif;
	TEXT-DECORATION: none;
	padding-bottom: 10px;
	margin-top: 10px;
	clear: both;
}

.fechadesarrollo {
	/*FONT-WEIGHT: bold;*/
	FONT-SIZE: 14px; 
	COLOR: #666666; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-decoration: none;
   padding-bottom: 20px;
   float: right; 
}


.intro {
	FONT-SIZE: 18px; 
	COLOR: #5C5C5C; 
	FONT-FAMILY: 'Roboto', Georgia, serif;
	text-decoration: none;
	line-height: 150%;	
	margin-bottom: 20px;
}
.cuerpo {
	FONT-SIZE: 18px; 
	COLOR: #333; 
	FONT-FAMILY: Georgia, "serif";
	font-weight: 100;
	text-decoration: none;
	line-height: 150%;
	margin: 20px 0px 50px 0px;
}

.capital_cuerpo::first-letter {
    float: left;
    font-size: 4rem;      /* Tamaño de la letra capital */
    line-height: 1;
    padding-right: 12px;   /* Espacio entre la letra y el texto */
    padding-top: 18px;
    font-weight: bold;
}





/* Sticky en desktop */
.sticky_redes {
  position: sticky;
  top: 80px;        /* puedes ajustar este valor */
  width: 30px;
}



/* el bloque con iconos */

#contenedorNota {
  position: relative;
  overflow: visible;  /* CRUCIAL para que los iconos no se corten */
}

.tapas_redes_vertical {
  width: 40px;
  position: relative;
  z-index: 999;
  will-change: transform;
}



/* estilo visual */
.tapas_redes_vertical a {
  display: block;
  margin-bottom: 12px;
  text-align: center;
}
.tapas_redes_vertical i {
  font-size: 26px;
  color: #000;
}

/* IMPORTANTE: el contenedor de la nota debe permitir overflow visible */
#contenedorNota {
  position: relative;   /* necesario para posicionar el wrapper con absolute si se requiere */
  overflow: visible;    /* evita que el bloque se "corte" fuera del padre */
}

/* móvil: mantén la versión estática/arriba-derecha */
@media (max-width: 767.98px) {
  #redesSeguidoras {
    position: absolute;
    right: 0;
    top: 10px;
    transform: none !important;
  }
}








/* Horizontal (mobile) */
.tapas_redes_mobile a i {
  font-size: 22px;
  color: #000;
}

/* ?? Animación suave (fade + slide) */
.anim_redes {
  opacity: 0;
  transform: translateY(-10px);
  animation: fadeSlide 0.7s ease-out forwards;
}

@keyframes fadeSlide {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}






.caja_foto_desarrollo_nota {
   /*border: 1px solid #333;*/
   overflow: auto;	
	float: right;
	margin: 3px 5px 10px 15px;		
}
.fotonota{
	width: 100%;

}
.fotonota_media {
	width: 50%;
	margin-bottom: 20px;
	
}
.fotonota_ap {
	float: right;
	margin: 3px 5px 10px 20px;
	width: 350px;
}
.volver {
	FONT-WEIGHT: bold;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #333333;
   font-size: 12px;
   padding-bottom: 5px;
}
.tablagaleria {
   border: dashed 1px #999999;
   width: 730px;
   padding: 5px;	
}
.fotogaleria {
	float: left;
	width: 650px;
	
}
.fotogaleria_comun {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	
}
.titu_galeria {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 15px;
  line-height: 150%;
  color: #127489;
  text-decoration: none;
  padding-bottom: 10px;
	
}
#div_galeria {
	width: 660px;
}

.desarrollo_nota {
	/*border: 1px solid #999999;*/
   overflow: auto;
	padding: 10px;
   background-color: white;
   width: 100%;	
   margin: 10px 0px 10px 2px;
  /* -webkit-box-shadow: 0px 0px 3px #000;
   -moz-box-shadow: 0px 0px 3px #000;
   box-shadow: 0px 0px 3px #000;	*/
}
.comenta_face {
	border: 1px solid #999999;
   overflow: auto;
	padding: 10px;
   background-color: white;
   width: 100%;	
   margin: 10px 0px 10px 2px;
   /*-webkit-box-shadow: 0px 0px 3px #000;
   -moz-box-shadow: 0px 0px 3px #000;
   box-shadow: 0px 0px 3px #000;	*/
}
.redes_nota {
   width: 100%; 
	overflow: hidden;
	/*border: 1px solid #B2C9F0;*/
}
.redes_compartir_nota {
   float: right;
   padding: 10px 0px;
	/*border: 1px solid red;	*/
}
.hora_nota {
	float: right;
	padding: 0px 10px 10px 0px;
	/*border: 1px solid blue;*/
   font-family: Arial,Helvetica,sans-serif;
   font-size: 15px;
   color: #333;	
	font-weight: bold;
}

/*fin desarrollo */


/* ventana envivo */
.body_vivo {
	margin: 0px;
	padding: 0px;
	background-color: Black;
}
.ventana_vivo {
   padding-top: 10px;
	width: 315px;
	height: 370px;

}
.logo_envivo {
   width: 315px;
	margin: 10px 0px 10px 0px;
}
/* fin ventana envivo */