.ficha{
	display:flex;
	width:95%;
	margin: 0 auto;
	padding-bottom: 18em;
}

.ficha-contenedor, .fichaEmbalses-contenedor,.fichaConcesionarios-contenedor{
	display:none;
	    width: 100%;
}

.contenedor-datos-ficha{
    display: flex;
        width: 50%;
    flex-direction: column;
	gap: 2em;

}

.panel-superior-ficha{
	display: flex;
    width: 90%;
    margin: 0 auto;
    border-bottom: solid 0.1em;
    gap: 0.5em;
    padding-bottom: 1em;
    font-size: 1.6em;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
	color: #003887d6;
}

.btn-descargar-ficha-pdf {
	display: none;
	align-items: center;
	gap: 0.35em;
	border: 1px solid var(--visor-boton-borde, #e0e7ef);
	background-color: var(--visor-boton-fondo, #fff);
	color: var(--visor-boton-texto, #003887);
	border-radius: var(--visor-boton-radio, 7px);
	padding: 0.55em 0.8em;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	white-space: nowrap;
	box-shadow: none;
}

body .btn-descargar-ficha-pdf[hidden] {
	display: none !important;
}

.btn-descargar-ficha-pdf:hover,
.btn-descargar-ficha-pdf:focus-visible {
	border-color: var(--visor-boton-fondo-activo, #003887);
	background-color: var(--visor-boton-fondo-activo, #003887);
	color: var(--visor-boton-texto-activo, #fff);
	outline: none;
}

.btn-descargar-ficha-pdf:disabled {
	opacity: 0.65;
	cursor: wait;
}

.btn-descargar-ficha-pdf .btn-descargar-ficha-pdf-icono {
	display: block;
	width: 1em;
	height: 1em;
	filter: none !important;
	transition: none;
}

.btn-descargar-ficha-pdf .btn-descargar-ficha-pdf-icono-hover {
	display: none;
}

.btn-descargar-ficha-pdf:is(:hover, :focus-visible) .btn-descargar-ficha-pdf-icono-normal {
	display: none;
}

.btn-descargar-ficha-pdf:is(:hover, :focus-visible) .btn-descargar-ficha-pdf-icono-hover {
	display: block;
}

.sai-ficha-tabs .sai-ficha-tablist {
	display: flex;
	align-items: stretch;
	gap: 12px;
	flex: 0 0 auto;
}

.sai-ficha-tabs .btn-descargar-ficha-pdf {
	margin: auto 0 auto auto;
	flex: 0 0 auto;
}

.sai-ficha-pdf-render {
	background-color: #ffffff;
	color: #000000;
	padding: 1.5em;
	box-sizing: border-box;
}

.sai-ficha-pdf-render .panel-superior {
	width: auto !important;
	margin: 0 0 1em 0 !important;
}

.sai-ficha-pdf-render .ficha {
	width: 100%;
	padding-bottom: 0;
}

#ficha-senial-precipitacion-embalses,#ficha-senial-temperatura-embalses{
	display:none;
}

.embalse-estacion-ficha, .noAyerEstadisticas,.rio-estacion-ficha{
	display:none;
}

.contenedor-carrousel{
	width:65%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#ficha-senial-temperatura,#ficha-senial-nivel,#ficha-senial-caudal,#ficha-senial-precipitacion,#ficha-senial-otros{
	display:none;
}

/********* SLIDER ***********/


.contenedor-aprovechamiento{
	display:none;
}

.wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
}

.contenedor-galerias{
	width: 50%;
  flex-direction: column;
  display: flex;
	gap:2em;
}

.ficha-datos-estacion-conce{
	display: flex;
  flex-direction: column;
  gap: 0.5em;
	margin-top: 0.5em;
}

.titulo-galeria{
	margin-bottom: 0.8em;
	font-size:120%;
}

.lead {
    margin-bottom: 2em
}

#fork-this {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 150px 150px 0;
    border-color: transparent #4BBD93 transparent transparent
}

#fork-this a {
    display: block;
    position: absolute;
    z-index: 10;
    width: 150px;
    height: 150px;
    top: 0;
    right: -150px;
    z-index: 10;
    background: url("fork.png") no-repeat 0 0;
    background-size: 150px 150px
}

#share {
    margin-bottom: 3rem
}

#share #fb,#share #twitter {
    display: inline-block
}

#share #fb {
    position: relative;
    top: -8px
}

.container:nth-child(even) {
    background: whitesmoke
}

.container:nth-child(odd) {
    background: #fff
}

.box-container, .box-container-aprovechamiento, .video-container-embalses {
    margin: 0;
    padding: 0;
	width: 90%;
}

.box {
    list-style-type: none;
    float: left;
    margin-bottom: 1rem;
    margin-left: 1%;
    margin-right: 1%;
    width: 48%
}

.box:nth-child(2n+1) {
    clear: both;
    margin-left: 0
}

.box:nth-child(2n+0) {
    margin-right: 0
}

.box a {
    display: block;
    width: 100%;
    height: auto
}

.box a img {
    -webkit-back-visibility: hidden;
    display: block;
    width: 100%;
	  object-fit: cover;
    object-position: 50% 50%;
    height: 230px;
}

.box a video {
    -webkit-back-visibility: hidden;
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    height: 230px;
}

.video-container{
	margin-block-start: 0;
	/*margin-left:-2.1em;*/
    padding-inline-start: 0;
}

#videos-conce{
	     width: 100%;
		display:none;
}

.wrap-video{
    width: 100%;
    display: flex;
    flex-direction: column;


}



/* ARPSI (PDF) */
.box-container,
.box-container-aprovechamiento,
.video-container-embalses,
.arpsi-container-embalses,
.arpsi-container{
  margin: 0;
  padding: 0;
  width: 90%;
}

.box-pdf a{
  position: relative;
}

.box-pdf .pdf-titulo{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 8px;
  background: rgba(0,0,0,0.55);
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
}


/* Título debajo de miniatura  */
.galeria-estaciones-wrap .sai-media-titulo{
  font-weight: 600;
  font-size: 13px;
  margin: 6px 0 8px;
  color: #111827;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}




/* ===== ARPSI LIST ===== */
.arpsi-list{
  list-style: none;
  margin: 0;
  padding: 0;
  width: 90%;
}



.arpsi-btn{
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  overflow: hidden;
}


.arpsi-item{
  padding: 0;               /* ahora lo controla el enlace */
  border-bottom: 1px solid #e5e7eb;
}

.arpsi-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 0;
  text-decoration: none;
  width: 100%;
}

.arpsi-row:hover{
  background: rgba(0,0,0,0.03);
      text-decoration: none;
}

.img-pdf-arpsi{
  width: 28px;     
  height: 28px;
  object-fit: contain;
  display: block;
}

.titulo-arpsi{
	margin-bottom:0.4em !important;
}

#texto-ficha-arpsi{
	color: #003887;
}

#contenedor-texto-ficha-arpsi{
	background-color: #fafaf8;
    width: 90%;
    border-radius: 5px;
    padding: 1em 1em 1em 0em;
}

#contenedor-texto-ficha-arpsi{
  display:none;
  margin: 8px 0 12px;
}

#texto-ficha-arpsi{
  white-space: pre-wrap; /* respeta \n */
}



/** MEDIAS QUERY **/

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

    #fork-this {
        display: none
    }

    #share #fb {
        top: -8px
    }

}

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

    .box {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.icono-localizacion-ficha{
	width:1.5em;
}

.icono-parametros-ficha{
	width:2em;
}

.contenedor-ficha-datos{
	display: flex;
    justify-content: space-between;
	border-bottom: solid 1px #0038871f;;
}

.ficha-datos-estacion{
	width: 75%;
    margin-left: 2.5em;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.ficha-texto-datos-estacion{
	color: #003887d6;
    font-weight: 400;
}

.contendor-parametros-medidos{
	display: flex;
    flex-direction: column;
    width: 75%;
    margin-left: 2.5em;
}

.contenedor-parametros-medidos{
	width: 75%;
    margin-left: 2.5em;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.ficha-paramentros-texto{
	display: flex;
    gap: 1em;
}

.titulo-parametros{
	display: flex;
    justify-content: space-between;
	cursor:pointer;
}

.ficha-parametros-texto{
	display:none;
	gap:1em;
	margin-left: 0.5em;
	align-items: center;
}

.contenedor-seniales-parametros{
	gap: 0.4em;
    display: flex;
    flex-direction: column;
	margin-top: 1em;
}

#id-contenedor-seniales-parametros, #id-datos-hidrologicos,
#control-caudales-retorno,#control-caudales-ecologicos,
#id-datos-presa,#id-datos-embalse,#id-contenedor-seniales-parametros-embalses,
#id-datos-hidrologicos-embalses,#control-caudales-retorno-embalses,
#control-caudales-ecologicos-embalses,#id-datos-hidrologicos-conc,#control-caudales-ecologicos-conc,
#id-contenedor-seniales-parametros-conc,#control-caudales-retorno-conc,#id-datos-documentacion-conc{
	display:none;
}

.descripcion-ficha{
	    display: flex;
    align-items: center;
}

.icono-mas-menos{
	width:1.2em;
}

.contenedor-datos-hidrologicos, .contenedor-datos-estacion{
	width: 75%;
    margin-left: 2.5em;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.datos-hidrologicos{
	gap: 0.7em;
    display: flex;
    flex-direction: column;
    margin-top: 1.1em;
}



.datos-hidrologicos-texto{
	display: flex;
	cursor:pointer;
	border-bottom: solid 1px #0038871f;
    justify-content: space-between;
}

.ficha-caudales{
    padding: 0.8em 0;
    background-color: #e1e1e18f;
    border-radius: 10px;
}

.tipo-q{
	padding-left:2em;
}

.ficha-caudales-texto{
text-align: left;
    padding-right: 1em;
	padding-bottom: 0.3em;
}

.flecha-ficha{	
    transform: rotate(-90deg);
	    transform: rotate(0deg);

}

.ficha-caudales-flex {
    display: flex;
    justify-content: center;
    align-items: stretch; 
    gap: 0;
}
.negrita-ficha{
	/*font-weight: 700;*/
	text-align: right;
}

#control-galeria,.width-control{
	width: 90%;
}

#galeria-conce,#esquema-conce,#control-esquema-embalses,#esquema-embalses{
	display:none;
}
#control-esquema,#control-videos{
	margin-top:1.5em;
}


.ficha-media-estado{
	display:none;
	width:90%;
	margin:0.35em 0 0.8em;
	font-size:0.95em;
	line-height:1.4;
	color:inherit;
}

.ficha-media-estado.is-loading,
.ficha-media-estado.is-empty,
.ficha-media-estado.is-error{
	display:block;
}

.ficha-media-estado.is-loading{
	opacity:0.75;
}

.ficha-media-estado.is-error{
	opacity:0.9;
}




/* =========================================================
   Ficha de estación - capa visual moderna
   Mantiene los IDs y la lógica JS existentes; solo moderniza
   estructura, espaciados, tarjetas, galería y responsive.
   ========================================================= */
.ficha-contenedor,
.fichaEmbalses-contenedor,
.fichaConcesionarios-contenedor{
  --sai-ficha-primary: #003887;
  --sai-ficha-primary-soft: rgba(0,56,135,0.08);
  --sai-ficha-primary-border: rgba(0,56,135,0.16);
  --sai-ficha-text: #1f2a37;
  --sai-ficha-muted: #667085;
  --sai-ficha-line: #e6edf5;
  --sai-ficha-card: #ffffff;
  --sai-ficha-bg: #f6f9fc;
  --sai-ficha-radius: 18px;
  --sai-ficha-radius-sm: 12px;
  --sai-ficha-shadow: 0 14px 34px rgba(31,42,55,0.08);
  --sai-ficha-shadow-soft: 0 6px 18px rgba(31,42,55,0.06);
  width: 100%;
  color: var(--sai-ficha-text);
}

.ficha-contenedor .ficha,
.fichaEmbalses-contenedor .ficha,
.fichaConcesionarios-contenedor .ficha{
  width: min(1480px, calc(100% - 28px));
  margin: 1.35em auto 3.5em;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
  gap: 1.35em;
  align-items: start;
}

.ficha-contenedor .contenedor-datos-ficha,
.fichaEmbalses-contenedor .contenedor-datos-ficha,
.fichaConcesionarios-contenedor .contenedor-datos-ficha,
.ficha-contenedor .contenedor-galerias,
.fichaEmbalses-contenedor .contenedor-galerias,
.fichaConcesionarios-contenedor .contenedor-galerias{
  width: 100%;
  margin: 0;
  gap: 1em;
  box-sizing: border-box;
}

.ficha-contenedor .contenedor-datos-ficha,
.fichaEmbalses-contenedor .contenedor-datos-ficha,
.fichaConcesionarios-contenedor .contenedor-datos-ficha{
  display: flex;
  flex-direction: column;
}

.ficha-contenedor .contenedor-galerias,
.fichaEmbalses-contenedor .contenedor-galerias,
.fichaConcesionarios-contenedor .contenedor-galerias{
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 1em;
}

.ficha-contenedor .contenedor-datos-estacion,
.ficha-contenedor .contenedor-parametros-medidos,
.ficha-contenedor .contenedor-datos-hidrologicos,
.fichaEmbalses-contenedor .ficha-datos-estacion,
.fichaEmbalses-contenedor .contenedor-parametros-medidos,
.fichaEmbalses-contenedor .contenedor-datos-hidrologicos,
.fichaConcesionarios-contenedor .contenedor-datos-estacion,
.fichaConcesionarios-contenedor .contenedor-parametros-medidos,
.fichaConcesionarios-contenedor .contenedor-datos-hidrologicos{
  width: 100%;
  margin-left: 0;
  padding: 0;
  gap: 0;
  box-sizing: border-box;
  border: 1px solid var(--sai-ficha-line);
  border-radius: var(--sai-ficha-radius);
  background: var(--sai-ficha-card);
 
  overflow: hidden;
}

.ficha-contenedor .contenedor-datos-estacion:hover,
.ficha-contenedor .contenedor-parametros-medidos:hover,
.ficha-contenedor .contenedor-datos-hidrologicos:hover,
.fichaEmbalses-contenedor .ficha-datos-estacion:hover,
.fichaEmbalses-contenedor .contenedor-parametros-medidos:hover,
.fichaEmbalses-contenedor .contenedor-datos-hidrologicos:hover,
.fichaConcesionarios-contenedor .contenedor-datos-estacion:hover,
.fichaConcesionarios-contenedor .contenedor-parametros-medidos:hover,
.fichaConcesionarios-contenedor .contenedor-datos-hidrologicos:hover{

  transform: translateY(-1px);
  
}

.fichaEmbalses-contenedor .ficha-datos-estacion,
.fichaConcesionarios-contenedor .ficha-datos-estacion-conce{
  width: 100%;
  margin: 0;
  gap: 0;
  padding: 0;
}

.fichaEmbalses-contenedor .ficha-datos-estacion::before,
.fichaConcesionarios-contenedor .ficha-datos-estacion-conce::before{
  content: "Ficha";
  display: flex;
  align-items: center;
  min-height: 58px;
  padding: 0 1.15em;
  border-bottom: 1px solid var(--sai-ficha-line);
  color: var(--sai-ficha-text);
  font-size: 1.05em;
  font-weight: 800;
  letter-spacing: .01em;
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
}

.ficha-contenedor .titulo-parametros,
.fichaEmbalses-contenedor .titulo-parametros,
.fichaConcesionarios-contenedor .titulo-parametros{
  min-height: 58px;
  align-items: center;
  padding: 0 1.15em;
  border-bottom: 1px solid var(--sai-ficha-line);
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  color: var(--sai-ficha-text);
  box-sizing: border-box;
}

.ficha-contenedor .titulo-parametros:hover,
.fichaEmbalses-contenedor .titulo-parametros:hover,
.fichaConcesionarios-contenedor .titulo-parametros:hover{
  background: linear-gradient(180deg, #fbfdff 0%, #f3f8fd 100%);
}

.ficha-contenedor .texto-titulo,
.fichaEmbalses-contenedor .texto-titulo,
.fichaConcesionarios-contenedor .texto-titulo{
  display: inline-flex;
  align-items: center;
  gap: .65em;
  color: var(--sai-ficha-text);
  font-size: 1.02em;
  letter-spacing: .01em;
  text-transform: none;
}

.ficha-contenedor .titulo-parametros .texto-titulo::before,
.fichaEmbalses-contenedor .titulo-parametros .texto-titulo::before,
.fichaConcesionarios-contenedor .titulo-parametros .texto-titulo::before,
.ficha-contenedor .titulo-galeria::before,
.fichaEmbalses-contenedor .titulo-galeria::before,
.fichaConcesionarios-contenedor .titulo-galeria::before{
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: var(--sai-ficha-primary-soft);
  border: 1px solid var(--sai-ficha-primary-border);
  
  flex: 0 0 30px;
}

.fichaEmbalses-contenedor .ficha-datos-estacion::before,
.fichaConcesionarios-contenedor .ficha-datos-estacion-conce::before{
  border-left: 4px solid var(--sai-ficha-primary);
}

.ficha-contenedor .icono-mas-menos,
.fichaEmbalses-contenedor .icono-mas-menos,
.fichaConcesionarios-contenedor .icono-mas-menos{
  width: 1.05em;
  height: 1.05em;
  opacity: .78;
  transition: transform .18s ease, opacity .18s ease;
}

.ficha-contenedor .titulo-parametros:hover .icono-mas-menos,
.fichaEmbalses-contenedor .titulo-parametros:hover .icono-mas-menos,
.fichaConcesionarios-contenedor .titulo-parametros:hover .icono-mas-menos{
  opacity: 1;
}

.ficha-contenedor .datos-hidrologicos,
.fichaEmbalses-contenedor .datos-hidrologicos,
.fichaConcesionarios-contenedor .datos-hidrologicos,
.ficha-contenedor #id-contenedor-datos-estacion,
.ficha-contenedor #id-contenedor-seniales-parametros,
.ficha-contenedor #id-datos-hidrologicos,
.fichaEmbalses-contenedor #id-contenedor-seniales-parametros-embalses,
.fichaEmbalses-contenedor #id-datos-presa,
.fichaEmbalses-contenedor #id-datos-embalse,
.fichaEmbalses-contenedor #id-datos-hidrologicos-embalses,
.fichaConcesionarios-contenedor #id-contenedor-datos-estacion-conce,
.fichaConcesionarios-contenedor #id-contenedor-seniales-parametros-conc,
.fichaConcesionarios-contenedor #id-datos-hidrologicos-conc{
  margin-top: 0;
  padding: .35em 1.15em 1.05em;
  box-sizing: border-box;
}

.fichaEmbalses-contenedor .ficha-datos-estacion,
.fichaConcesionarios-contenedor .ficha-datos-estacion-conce{
  padding-bottom: .45em;
}

.fichaEmbalses-contenedor .ficha-datos-estacion .contenedor-ficha-datos,
.fichaConcesionarios-contenedor .ficha-datos-estacion-conce .contenedor-ficha-datos{
  margin: 0 1.15em;
}

.ficha-contenedor .contenedor-ficha-datos,
.fichaEmbalses-contenedor .contenedor-ficha-datos,
.fichaConcesionarios-contenedor .contenedor-ficha-datos,
.ficha-contenedor .datos-hidrologicos-texto,
.fichaEmbalses-contenedor .datos-hidrologicos-texto,
.fichaConcesionarios-contenedor .datos-hidrologicos-texto{
  display: grid;
  grid-template-columns: minmax(190px, .9fr) minmax(160px, 1.1fr);
  gap: 1em;
  align-items: start;
  padding: .72em 0;
  border-bottom: 1px solid var(--sai-ficha-line);
  min-height: 32px;
  box-sizing: border-box;
}

.ficha-contenedor .datos-hidrologicos-texto:has(.flecha-ficha),
.fichaEmbalses-contenedor .datos-hidrologicos-texto:has(.flecha-ficha),
.fichaConcesionarios-contenedor .datos-hidrologicos-texto:has(.flecha-ficha){
  grid-template-columns: minmax(0, 1fr) auto;
  cursor: pointer;
}

.ficha-contenedor .contenedor-ficha-datos:last-child,
.fichaEmbalses-contenedor .contenedor-ficha-datos:last-child,
.fichaConcesionarios-contenedor .contenedor-ficha-datos:last-child,
.ficha-contenedor .datos-hidrologicos-texto:last-child,
.fichaEmbalses-contenedor .datos-hidrologicos-texto:last-child,
.fichaConcesionarios-contenedor .datos-hidrologicos-texto:last-child{
  border-bottom: 0;
}

.ficha-contenedor .ficha-texto-datos-estacion,
.fichaEmbalses-contenedor .ficha-texto-datos-estacion,
.fichaConcesionarios-contenedor .ficha-texto-datos-estacion{
  color: var(--sai-ficha-muted);
  font-size: .88em;
  line-height: 1.35;
  font-weight: 400;
  letter-spacing: .015em;
}

.ficha-contenedor .negrita-ficha,
.fichaEmbalses-contenedor .negrita-ficha,
.fichaConcesionarios-contenedor .negrita-ficha,
.ficha-contenedor .datos-hidrologicos-texto > div:last-child,
.fichaEmbalses-contenedor .datos-hidrologicos-texto > div:last-child,
.fichaConcesionarios-contenedor .datos-hidrologicos-texto > div:last-child{
  color: var(--sai-ficha-text); 
  text-align: right;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.fichaConcesionarios-contenedor .descripcion-ficha{
  grid-template-columns: minmax(150px, .35fr) minmax(0, 1fr);
  align-items: start;
}

.fichaConcesionarios-contenedor .descripcion-ficha .negrita-ficha{
  text-align: left;
}

.ficha-contenedor .contenedor-seniales-parametros,
.fichaEmbalses-contenedor .contenedor-seniales-parametros,
.fichaConcesionarios-contenedor .contenedor-seniales-parametros{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: .72em;
  margin-top: .8em;
}

.ficha-contenedor .ficha-parametros-texto,
.fichaEmbalses-contenedor .ficha-parametros-texto,
.fichaConcesionarios-contenedor .ficha-parametros-texto{
  margin-left: 0;
  padding: .78em .85em;
  border: 1px solid var(--sai-ficha-primary-border);
  border-radius: var(--sai-ficha-radius-sm);
  background: linear-gradient(180deg, rgba(0,56,135,0.055) 0%, rgba(0,56,135,0.025) 100%);
  min-height: 48px;
  box-sizing: border-box;
  color: var(--sai-ficha-text);
}

.ficha-contenedor .icono-parametros-ficha,
.fichaEmbalses-contenedor .icono-parametros-ficha,
.fichaConcesionarios-contenedor .icono-parametros-ficha{
  width: 28px;
  height: 28px;

  box-sizing: border-box;
}

.ficha-contenedor .ficha-caudales,
.fichaEmbalses-contenedor .ficha-caudales,
.fichaConcesionarios-contenedor .ficha-caudales{
  margin: .75em 0 .3em;
  padding: .85em;
  border: 1px solid var(--sai-ficha-line);
  border-radius: var(--sai-ficha-radius-sm);
  background: var(--sai-ficha-bg);
  box-sizing: border-box;
}

.ficha-contenedor .ficha-caudales:not(.ficha-caudales-flex),
.fichaEmbalses-contenedor .ficha-caudales:not(.ficha-caudales-flex),
.fichaConcesionarios-contenedor .ficha-caudales:not(.ficha-caudales-flex){
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: .6em;
}

.ficha-contenedor .ficha-caudales-flex,
.fichaEmbalses-contenedor .ficha-caudales-flex,
.fichaConcesionarios-contenedor .ficha-caudales-flex{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85em;
}

.ficha-contenedor .cont-normalidad,
.ficha-contenedor .cont-sequia,
.fichaEmbalses-contenedor .cont-normalidad,
.fichaEmbalses-contenedor .cont-sequia,
.fichaConcesionarios-contenedor .cont-normalidad,
.fichaConcesionarios-contenedor .cont-sequia{
  border-radius: var(--sai-ficha-radius-sm);
  background: #fff;
  border: 1px solid var(--sai-ficha-line);
  padding: .8em;
}

.ficha-contenedor .cont-normalidad p,
.ficha-contenedor .cont-sequia p,
.fichaEmbalses-contenedor .cont-normalidad p,
.fichaEmbalses-contenedor .cont-sequia p,
.fichaConcesionarios-contenedor .cont-normalidad p,
.fichaConcesionarios-contenedor .cont-sequia p{
  margin: 0 0 .55em;
  color: var(--sai-ficha-primary);
}

.ficha-contenedor .tipo-q,
.fichaEmbalses-contenedor .tipo-q,
.fichaConcesionarios-contenedor .tipo-q{
  padding: .55em .65em;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--sai-ficha-line);
}

.ficha-contenedor .ficha-caudales-texto,
.fichaEmbalses-contenedor .ficha-caudales-texto,
.fichaConcesionarios-contenedor .ficha-caudales-texto{
  padding-right: 0;
  padding-bottom: .25em;
  line-height: 1.35;
}

.ficha-contenedor .ficha-unidad-caudal,
.fichaEmbalses-contenedor .ficha-unidad-caudal,
.fichaConcesionarios-contenedor .ficha-unidad-caudal{
  white-space: nowrap;
}

.ficha-contenedor .ficha-unidad-caudal sup,
.fichaEmbalses-contenedor .ficha-unidad-caudal sup,
.fichaConcesionarios-contenedor .ficha-unidad-caudal sup{
  font-size: .62em;
  line-height: 0;
  vertical-align: super;
}

.ficha-contenedor .contenedor-galerias .wrap,
.fichaEmbalses-contenedor .contenedor-galerias .wrap,
.fichaConcesionarios-contenedor .contenedor-galerias .wrap,
.fichaEmbalses-contenedor .contenedor-galerias .wrap-video,
.fichaConcesionarios-contenedor .contenedor-galerias .wrap-video{
  width: 100%;
  padding: 1.05em;
  border: 1px solid var(--sai-ficha-line);
  border-radius: var(--sai-ficha-radius);
  background: var(--sai-ficha-card);
  
  box-sizing: border-box;
}

.ficha-contenedor .titulo-galeria,
.fichaEmbalses-contenedor .titulo-galeria,
.fichaConcesionarios-contenedor .titulo-galeria{
  display: inline-flex;
  align-items: center;
  gap: .65em;
  margin: 0 0 .9em;
  color: var(--sai-ficha-text);
  font-size: 1.02em;
}

.fichaEmbalses-contenedor .contenedor-galerias > .titulo-parametros.width-control,
.fichaConcesionarios-contenedor .contenedor-galerias > .titulo-parametros.width-control{
  width: 100%;
  margin: 0;
  border: 1px solid var(--sai-ficha-line);
  border-bottom: 0;
  border-radius: var(--sai-ficha-radius) var(--sai-ficha-radius) 0 0;
  box-shadow: var(--sai-ficha-shadow-soft);
}

.fichaEmbalses-contenedor .contenedor-galerias > .titulo-parametros.width-control + .wrap,
.fichaConcesionarios-contenedor .contenedor-galerias > .titulo-parametros.width-control + .wrap,
.fichaEmbalses-contenedor .contenedor-galerias > .titulo-parametros.width-control + .wrap-video,
.fichaConcesionarios-contenedor .contenedor-galerias > .titulo-parametros.width-control + .wrap-video{
  border-radius: 0 0 var(--sai-ficha-radius) var(--sai-ficha-radius);
  border-top: 0;
  box-shadow: var(--sai-ficha-shadow-soft);
}

.ficha-contenedor .box-container,
.fichaEmbalses-contenedor .box-container,
.fichaConcesionarios-contenedor .box-container,
.fichaEmbalses-contenedor .box-container-aprovechamiento,
.fichaConcesionarios-contenedor .box-container-aprovechamiento,
.fichaEmbalses-contenedor .video-container-embalses,
.fichaConcesionarios-contenedor .video-container{
  width: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
  gap: .85em;
}

.ficha-contenedor .box,
.fichaEmbalses-contenedor .box,
.fichaConcesionarios-contenedor .box,
.ficha-contenedor .box:nth-child(2n+1),
.ficha-contenedor .box:nth-child(2n+0),
.fichaEmbalses-contenedor .box:nth-child(2n+1),
.fichaEmbalses-contenedor .box:nth-child(2n+0),
.fichaConcesionarios-contenedor .box:nth-child(2n+1),
.fichaConcesionarios-contenedor .box:nth-child(2n+0){
  float: none;
  clear: none;
  width: auto;
  margin: 0;
}

.ficha-contenedor .box a,
.fichaEmbalses-contenedor .box a,
.fichaConcesionarios-contenedor .box a{
  display: block;
  border-radius: 14px;
  overflow: hidden;
  background: var(--sai-ficha-bg);
  border: 1px solid var(--sai-ficha-line);
  box-shadow: 0 4px 12px rgba(31,42,55,.06);
}

.ficha-contenedor .box a img,
.fichaEmbalses-contenedor .box a img,
.fichaConcesionarios-contenedor .box a img,
.fichaEmbalses-contenedor .box a video,
.fichaConcesionarios-contenedor .box a video{
  width: 100%;
  height: 190px;
  object-fit: cover;
  object-position: 50% 50%;
  transition: transform .22s ease;
}

.ficha-contenedor .box a:hover img,
.fichaEmbalses-contenedor .box a:hover img,
.fichaConcesionarios-contenedor .box a:hover img{
  transform: scale(1.035);
}

.ficha-contenedor .arpsi-list{
  width: 100%;
}

.ficha-contenedor .arpsi-item{
  border-bottom: 1px solid var(--sai-ficha-line);
}

.ficha-contenedor .arpsi-row{
  padding: .75em .2em;
  border-radius: 10px;
  color: var(--sai-ficha-text);
      font-weight: 200;
}

.ficha-contenedor .arpsi-row:hover{
  background: var(--sai-ficha-primary-soft);
}

.ficha-contenedor #contenedor-texto-ficha-arpsi{
  width: 100%;
  padding: .85em 1em;
  border-radius: var(--sai-ficha-radius-sm);
  background: var(--sai-ficha-primary-soft);
  border: 1px solid var(--sai-ficha-primary-border);
  box-sizing: border-box;
}

.ficha-contenedor #texto-ficha-arpsi{
  color: var(--sai-ficha-primary);
  font-weight: 650;
}

.ficha-media-estado.is-loading,
.ficha-media-estado.is-empty,
.ficha-media-estado.is-error{
  width: 100%;
  padding: .8em .9em;
  border-radius: var(--sai-ficha-radius-sm);
  box-sizing: border-box;
}

.ficha-media-estado.is-loading{
  background: var(--sai-ficha-primary-soft);
  color: var(--sai-ficha-primary);
}

.ficha-media-estado.is-empty{
  background: #f8fafc;
  color: var(--sai-ficha-muted);
  border: 1px dashed var(--sai-ficha-line);
}

.ficha-media-estado.is-error{
  background: #fff4f2;
  color: #b42318;
  border: 1px solid #ffd6cf;
}

.sai-ficha-pdf-render .ficha{
  position: static !important;
  top: auto !important;
}

.sai-ficha-pdf-render .contenedor-galerias{
  position: static !important;
}

@media screen and (max-width: 1280px){
  .ficha-contenedor .ficha,
  .fichaEmbalses-contenedor .ficha,
  .fichaConcesionarios-contenedor .ficha{
    grid-template-columns: 1fr;
    width: min(1120px, calc(100% - 24px));
  }

  .ficha-contenedor .contenedor-galerias,
  .fichaEmbalses-contenedor .contenedor-galerias,
  .fichaConcesionarios-contenedor .contenedor-galerias{
    position: static;
  }
}

@media screen and (max-width: 720px){
  .ficha-contenedor .ficha,
  .fichaEmbalses-contenedor .ficha,
  .fichaConcesionarios-contenedor .ficha{
    width: calc(100% - 16px);
    gap: .85em;
    margin-top: .85em;
  }

  .ficha-contenedor .titulo-parametros,
  .fichaEmbalses-contenedor .titulo-parametros,
  .fichaConcesionarios-contenedor .titulo-parametros,
  .fichaEmbalses-contenedor .ficha-datos-estacion::before,
  .fichaConcesionarios-contenedor .ficha-datos-estacion-conce::before{
    min-height: 52px;
    padding: 0 .9em;
  }

  .ficha-contenedor .contenedor-ficha-datos,
  .fichaEmbalses-contenedor .contenedor-ficha-datos,
  .fichaConcesionarios-contenedor .contenedor-ficha-datos,
  .ficha-contenedor .datos-hidrologicos-texto,
  .fichaEmbalses-contenedor .datos-hidrologicos-texto,
  .fichaConcesionarios-contenedor .datos-hidrologicos-texto{
    grid-template-columns: 1fr;
    gap: .3em;
  }

  .ficha-contenedor .negrita-ficha,
  .fichaEmbalses-contenedor .negrita-ficha,
  .fichaConcesionarios-contenedor .negrita-ficha,
  .ficha-contenedor .datos-hidrologicos-texto > div:last-child,
  .fichaEmbalses-contenedor .datos-hidrologicos-texto > div:last-child,
  .fichaConcesionarios-contenedor .datos-hidrologicos-texto > div:last-child{
    text-align: left;
  }

  .ficha-contenedor .ficha-caudales-flex,
  .fichaEmbalses-contenedor .ficha-caudales-flex,
	  .fichaConcesionarios-contenedor .ficha-caudales-flex{
	    grid-template-columns: 1fr;
	  }
	}

/* =========================================================
   Ficha normal - estructura de metadatos por apartados
   ========================================================= */
.ficha-contenedor .ficha.ficha-estacion-layout{
  --sai-ficha-primary: #003887;
  --sai-ficha-ok: #2f9e44;
  --sai-ficha-danger: #c92a2a;
  --sai-ficha-text: #1f2937;
  --sai-ficha-muted: #5f6b7a;
  --sai-ficha-line: #dfe7ef;
  --sai-ficha-soft: #f7fafc;
  width: min(1580px, calc(100% - 32px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(340px, 420px);
  gap: 22px;
  align-items: start;
  margin-top: 1.25em;
}

.ficha-contenedor .ficha-estacion-layout .contenedor-datos-ficha{
  display: contents;
  width: 100%;
}

.ficha-contenedor .ficha-estacion-layout .contenedor-datos-estacion{
  grid-column: 1;
  grid-row: 1 / span 3;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-card-galeria{
  grid-column: 2;
  grid-row: 1;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-card-localizacion{
  grid-column: 2;
  grid-row: 2;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-card-coordenadas{
  grid-column: 2;
  grid-row: 3;
}

.ficha-contenedor .ficha-estacion-layout #arpsi-embalses{
  grid-column: 2;
  grid-row: 4;
} 

.ficha-contenedor .ficha-estacion-layout .contenedor-galerias{
  display: flex;
  flex-direction: column;
  gap: 12px;
  grid-column: 3;
  grid-row: 1 / span 4; 
  width: 100%;
  margin: 0;  
  position: sticky; 
  top: 1em;  
}
  
.ficha-contenedor .ficha-estacion-layout .contenedor-datos-estacion,
.ficha-contenedor .ficha-estacion-layout .contenedor-parametros-medidos,
.ficha-contenedor .ficha-estacion-layout .contenedor-datos-hidrologicos,
.ficha-contenedor .ficha-estacion-layout .sai-ficha-card,
.ficha-contenedor .ficha-estacion-layout .sai-ficha-card-galeria,
.ficha-contenedor .ficha-estacion-layout .contenedor-galerias > .wrap,
.ficha-contenedor .ficha-estacion-layout #arpsi-embalses{
  width: 100%;
  margin: 0;
  border: 1px solid var(--sai-ficha-line); 
  border-radius: 8px;
  background: #fff;  
   
  overflow: hidden;
  box-sizing: border-box;
}

.ficha-contenedor .ficha-estacion-layout .contenedor-datos-estacion:hover,
.ficha-contenedor .ficha-estacion-layout .contenedor-parametros-medidos:hover,
.ficha-contenedor .ficha-estacion-layout .contenedor-datos-hidrologicos:hover{
  transform: none;
}

.ficha-contenedor .ficha-estacion-layout .titulo-parametros{
  min-height: 50px;
  padding: 0 16px;
  border-bottom: 1px solid var(--sai-ficha-line);
  background: #fff;
  cursor: default;
}

.ficha-contenedor .ficha-estacion-layout .titulo-parametros:hover{
  background: #fff;
}

.ficha-contenedor .ficha-estacion-layout .texto-titulo{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: var(--sai-ficha-text);
  font-size: 1em;
  line-height: 1.2;
  text-transform: none;
}

.ficha-contenedor .ficha-estacion-layout .titulo-galeria{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1.2;
}

.ficha-contenedor .ficha-estacion-layout .titulo-parametros .texto-titulo::before,
.ficha-contenedor .ficha-estacion-layout .titulo-galeria::before{
  content: none;
  display: none;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-card-icon{
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  object-fit: contain;
  object-position: center;
  display: block;
  align-self: center;
  margin: 0;
  vertical-align: middle;
}

.ficha-contenedor .ficha-estacion-layout .icono-mas-menos:not(.flecha-ficha){
  display: none !important;
}

.ficha-contenedor .ficha-estacion-layout #id-contenedor-datos-estacion,
.ficha-contenedor .ficha-estacion-layout #id-contenedor-seniales-parametros,
.ficha-contenedor .ficha-estacion-layout #id-datos-hidrologicos,
.ficha-contenedor .ficha-estacion-layout #control-caudales-retorno,
.ficha-contenedor .ficha-estacion-layout #control-caudales-ecologicos,
.ficha-contenedor .ficha-estacion-layout .sai-ficha-card-body{
  display: block;
  padding: 12px 16px 16px;
  box-sizing: border-box;
}

.ficha-contenedor .ficha-estacion-layout #control-caudales-retorno,
.ficha-contenedor .ficha-estacion-layout #control-caudales-ecologicos{
  padding: 0;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-card-galeria{
  padding: 16px;
}

.ficha-contenedor .ficha-estacion-layout .datos-hidrologicos{
  margin-top: 0;
  padding: 0;
}

.ficha-contenedor .ficha-estacion-layout .datos-hidrologicos-texto{
  cursor: default;
}

.ficha-contenedor .ficha-estacion-layout .datos-hidrologicos-texto > .ficha-texto-datos-estacion:only-child{
  grid-column: 1 / -1;
  white-space: nowrap;
}

.ficha-contenedor .ficha-estacion-layout .contenedor-datos-estacion .contenedor-ficha-datos:has(#ficha-coordenadas-datos),
.ficha-contenedor .ficha-estacion-layout .contenedor-datos-estacion .contenedor-ficha-datos:has(#ficha-coordenadas-geograficas){
  display: none;
}

.ficha-contenedor .ficha-estacion-layout .contenedor-ficha-datos,
.ficha-contenedor .ficha-estacion-layout .datos-hidrologicos-texto{
  grid-template-columns: minmax(145px, 0.85fr) minmax(120px, 1.15fr);
  gap: 12px;
  padding: 9px 0;
}

.ficha-contenedor .ficha-estacion-layout .contenedor-datos-estacion .contenedor-ficha-datos{
  grid-template-columns: minmax(245px, 0.95fr) minmax(0, 1.05fr);
  align-items: start;
}

.ficha-contenedor .ficha-estacion-layout .ficha-texto-datos-estacion{
  color: var(--sai-ficha-muted);
  font-size: 0.86em;
  font-weight: 400;
  letter-spacing: 0;
}

.ficha-contenedor .ficha-estacion-layout .contenedor-datos-estacion .ficha-texto-datos-estacion{
  white-space: nowrap;
  line-height: 1.25;
}

.ficha-contenedor .ficha-estacion-layout .contenedor-datos-estacion .negrita-ficha{
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.25;
}

.ficha-contenedor .ficha-estacion-layout .negrita-ficha,
.ficha-contenedor .ficha-estacion-layout .datos-hidrologicos-texto > div:last-child{
  color: var(--sai-ficha-text);

  text-align: left;
}

.ficha-contenedor .ficha-estacion-layout .contenedor-parametros-medidos,
.ficha-contenedor .ficha-estacion-layout .contenedor-datos-hidrologicos{
  grid-column: auto;
}

.ficha-contenedor .ficha-estacion-layout .contenedor-datos-hidrologicos{
  grid-column: 1 / 3;
}

.ficha-contenedor .ficha-estacion-layout .contenedor-seniales-parametros{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 0;
}

.ficha-contenedor .ficha-estacion-layout .ficha-parametros-texto{
  border-radius: 8px;
  border: 1px solid rgba(0, 56, 135, 0.14);
  background: #fbfdff;
  min-height: 42px;
  padding: 9px 10px;
}

.ficha-contenedor .ficha-estacion-layout .icono-parametros-ficha{
  width: 2.7em;
  height:  2.7em;

}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-card-localizacion .sai-ficha-card-body{
  position: relative;
  padding: 0;
  min-height: 320px;
  overflow: hidden;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa{
  position: relative;
  height: 320px;
  min-height: 320px;
  width: 100%;
  border-radius: 0;
  background: #e9f1f8;
  overflow: hidden;
  display: block;
  color: var(--sai-ficha-muted);
  font-size: 0.9em;
  isolation: isolate;
  touch-action: pan-x pan-y;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa.is-empty{
  display: flex;
  align-items: center;
  justify-content: center;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa .leaflet-control-container{
  position: absolute;
  inset: 0;
  z-index: 700;
  pointer-events: none;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa .leaflet-top,
.ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa .leaflet-bottom{
  position: absolute;
  z-index: 710;
  pointer-events: none;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa .leaflet-top{
  top: 8px;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa .leaflet-bottom{
  bottom: 8px;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa .leaflet-left{
  left: 8px;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa .leaflet-right{
  right: 8px;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa .leaflet-control{
  pointer-events: auto;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa .leaflet-control-zoom{
  margin: 0;
  border: 0;
 
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa .leaflet-control-zoom a{
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: var(--sai-ficha-text);
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa .leaflet-control-attribution{
  margin: 0;
  max-width: calc(100% - 16px);
  padding: 3px 6px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.92);
 
  color: #5b6778;
  font-size: 10px;
  line-height: 1.2;
  text-align: right;
  white-space: normal;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa .leaflet-control-attribution a{
  color: var(--sai-ficha-primary);
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-localizacion-pie{
  position: absolute;
  top: 12px;
  left: auto;
  right: 12px;
  bottom: auto;
  z-index: 500;
  max-width: calc(100% - 24px);
  width: max-content;
  margin-top: 0;
  padding: 7px 10px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.92);

  color: var(--sai-ficha-muted);
  font-size: 0.86em;
  pointer-events: auto;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-localizacion-pie .sai-ficha-ruta-google{
  color: var(--sai-ficha-primary);
  font-weight: 700;
  text-decoration: none;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-localizacion-pie .sai-ficha-ruta-google:hover,
.ficha-contenedor .ficha-estacion-layout .sai-ficha-localizacion-pie .sai-ficha-ruta-google:focus-visible{
  text-decoration: underline;
  outline: none;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-side-card .sai-ficha-card-body{
  padding-top: 12px;
}

.sai-ficha-info{
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #aab6c4;
  border-radius: 50%;
  color: #6b7280;
  font-size: 0.8em;
  font-weight: 800;
}

.sai-ficha-estado-box{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px;
  border: 1px solid rgba(47, 158, 68, 0.35);
  border-radius: 6px;
  background: rgba(47, 158, 68, 0.08);
}

.is-fuera-servicio .sai-ficha-estado-box{
  border-color: rgba(201, 42, 42, 0.35);
  background: rgba(201, 42, 42, 0.08);
}

.sai-ficha-status-dot{
  width: 12px;
  height: 12px;
  margin-top: 3px;
  border-radius: 50%;
  background: var(--sai-ficha-ok);
  flex: 0 0 12px;
}

.is-fuera-servicio .sai-ficha-status-dot{
  background: var(--sai-ficha-danger);
}

.sai-ficha-status-title{
  color: #2b8a3e;
  font-weight: 800;
}

.is-fuera-servicio .sai-ficha-status-title{
  color: var(--sai-ficha-danger);
}

.sai-ficha-status-subtitle{
  color: var(--sai-ficha-muted);
  font-size: 0.86em;
  margin-top: 2px;
}

.sai-ficha-health-row{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  color: var(--sai-ficha-muted);
  font-size: 0.86em;
  font-weight: 700;
}

.sai-ficha-health-row strong{
  color: #2b8a3e;
}

.sai-ficha-health-bar{
  height: 8px;
  border-radius: 999px;
  background: #edf2f7;
  overflow: hidden;
  margin-top: 8px;
}

.sai-ficha-health-bar span{
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2f9e44, #51cf66);
}

.sai-ficha-bateria{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.sai-ficha-battery-icon{
  width: 28px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  padding: 2px;
  border: 1px solid #8a98a8;
  border-radius: 3px;
  position: relative;
  box-sizing: border-box;
}

.sai-ficha-battery-icon::after{
  content: "";
  width: 3px;
  height: 7px;
  border-radius: 0 2px 2px 0;
  background: #8a98a8;
  position: absolute;
  right: -5px;
  top: 2px;
}

.sai-ficha-battery-icon span{
  display: block;
  width: 0;
  height: 100%;
  border-radius: 2px;
  background: #51cf66;
}

.sai-ficha-camara-layout{
  display: block;
}

.sai-ficha-camara-media{
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 180px;
  border-radius: 6px;
  overflow: hidden;
  background: #edf2f7;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sai-ficha-muted);
  font-size: 0.86em;
  text-align: center;
}

.sai-ficha-camara-media img{
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  display: none;
}

.sai-ficha-camara-info{
  margin-top: 12px;
}

.sai-ficha-camara-info strong{
  display: block;
  color: var(--sai-ficha-primary);
  margin-bottom: 8px;
}

.sai-ficha-camara-info .contenedor-ficha-datos{
  grid-template-columns: minmax(130px, 0.85fr) minmax(0, 1.15fr);
  padding: 6px 0;
}

.sai-ficha-camara-boton{
  margin-top: 10px;
  border: 1px solid #003887d6;
  border-radius: 5px;
  background: #fff;
  color: #003887d6;
  padding: 0.3em 0.6em;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.sai-ficha-camara-boton:hover,
.sai-ficha-camara-boton:focus-visible{
  background-color: #003887d6;
  color: #fff;
  box-shadow: 0 2px 8px rgba(0, 56, 135, 0.18);
  outline: none;
}

.sai-ficha-camara-boton:disabled{
  opacity: 0.55;
  cursor: default;
}

.sai-ficha-camara-boton:disabled:hover,
.sai-ficha-camara-boton:disabled:focus-visible{
  background: #fff;
  color: #003887d6;
  box-shadow: none;
}

.ficha-contenedor .ficha-estacion-layout .contenedor-galerias > .wrap{
  order: 6;
}

.ficha-contenedor .ficha-estacion-layout #arpsi-embalses #wrap-arpsi{
  width: 100%;
  padding: 16px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.ficha-contenedor .ficha-estacion-layout .arpsi-list,
.ficha-contenedor .ficha-estacion-layout .box-container{
  width: 100%;
}

.ficha-contenedor .ficha-estacion-layout .arpsi-row{
  padding: 10px 0;
}

.ficha-contenedor .ficha-estacion-layout .titulo-galeria{
  margin-bottom: 10px;
}

@media screen and (max-width: 1280px){
  .ficha-contenedor .ficha.ficha-estacion-layout{
    grid-template-columns: 1fr;
  }

  .ficha-contenedor .ficha-estacion-layout .contenedor-galerias{
    grid-column: auto;
    grid-row: auto;
    position: static;
  }
}

@media screen and (max-width: 820px){
  .ficha-contenedor .ficha-estacion-layout .contenedor-datos-ficha{
    grid-template-columns: 1fr;
  }

  .ficha-contenedor .ficha-estacion-layout .contenedor-datos-estacion,
  .ficha-contenedor .ficha-estacion-layout .sai-ficha-card-galeria,
  .ficha-contenedor .ficha-estacion-layout .sai-ficha-card-localizacion,
  .ficha-contenedor .ficha-estacion-layout .sai-ficha-card-coordenadas,
  .ficha-contenedor .ficha-estacion-layout #arpsi-embalses{
    grid-column: auto;
    grid-row: auto;
  }

  .ficha-contenedor .ficha-estacion-layout .contenedor-datos-hidrologicos{
    grid-column: auto;
  }

  .ficha-contenedor .ficha-estacion-layout .contenedor-seniales-parametros{
    grid-template-columns: 1fr;
  }

  .sai-ficha-camara-layout{
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 520px){
  .ficha-contenedor .ficha.ficha-estacion-layout{
    width: calc(100% - 16px);
  }

  .ficha-contenedor .ficha-estacion-layout .contenedor-ficha-datos,
  .ficha-contenedor .ficha-estacion-layout .datos-hidrologicos-texto{
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .ficha-contenedor .ficha-estacion-layout .contenedor-datos-estacion .contenedor-ficha-datos{
    grid-template-columns: minmax(145px, 52%) minmax(0, 1fr);
    gap: 10px;
  }

  .ficha-contenedor .ficha-estacion-layout .contenedor-datos-estacion .ficha-texto-datos-estacion{
    white-space: nowrap;
  }

  .ficha-contenedor .ficha-estacion-layout .datos-hidrologicos-texto > .ficha-texto-datos-estacion:only-child{
    white-space: normal;
  }

  .ficha-contenedor .ficha-estacion-layout .sai-ficha-mini-mapa{
    height: 260px;
    min-height: 260px;
  }
}

/* =========================================================
   Ficha embalses - misma estructura de cards que estaciones
   ========================================================= */
.fichaEmbalses-contenedor .ficha.ficha-embalses-layout{
  --sai-ficha-primary: #003887;
  --sai-ficha-text: #1f2937;
  --sai-ficha-muted: #5f6b7a;
  --sai-ficha-line: #dfe7ef;
  --sai-ficha-soft: #f7fafc;
  width: min(1580px, calc(100% - 32px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(340px, 420px);
  gap: 22px;
  align-items: start;
  margin-top: 1.25em;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-datos-ficha{
  display: contents;
  width: 100%;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .ficha-datos-estacion{
  grid-column: 1;
  grid-row: 1 / span 3;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card-galeria{
  grid-column: 2;
  grid-row: 1;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card-localizacion{
  grid-column: 2;
  grid-row: 2;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card-coordenadas{
  grid-column: 2;
  grid-row: 3;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-parametros-medidos,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-datos-hidrologicos{
  grid-column: 1 / 3;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-galerias{
  display: flex;
  flex-direction: column;
  gap: 12px;
  grid-column: 3;
  grid-row: 1 / span 7;
  width: 100%;
  margin: 0;
  position: sticky;
  top: 1em;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .ficha-datos-estacion,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-parametros-medidos,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-datos-hidrologicos,
.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card,
.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card-galeria,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-galerias > .wrap,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-galerias > .wrap-video{
  width: 100%;
  margin: 0;
  border: 1px solid var(--sai-ficha-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .ficha-datos-estacion,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-parametros-medidos,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-datos-hidrologicos,
.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card{
  padding: 0;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-galerias > .wrap,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-galerias > .wrap-video{
  padding: 16px;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .ficha-datos-estacion:hover,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-parametros-medidos:hover,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-datos-hidrologicos:hover{
  transform: none;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .ficha-datos-estacion::before,
.fichaEmbalses-contenedor .ficha-embalses-layout .titulo-parametros .texto-titulo::before,
.fichaEmbalses-contenedor .ficha-embalses-layout .titulo-galeria::before{
  content: none;
  display: none;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .titulo-parametros{
  min-height: 50px;
  padding: 0 16px;
  border-bottom: 1px solid var(--sai-ficha-line);
  background: #fff;
  cursor: default;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .titulo-parametros:hover{
  background: #fff;
}

.fichaEmbalses-contenedor .ficha-embalses-layout #control-parametrosEmbalses,
.fichaEmbalses-contenedor .ficha-embalses-layout #control-datos-presa,
.fichaEmbalses-contenedor .ficha-embalses-layout #control-datos-embalse,
.fichaEmbalses-contenedor .ficha-embalses-layout #control-hidrologicos-embalses,
.fichaEmbalses-contenedor .ficha-embalses-layout #id-caudales-retorno-embalses,
.fichaEmbalses-contenedor .ficha-embalses-layout #id-caudales-ecologicos-embalses{
  pointer-events: none;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .texto-titulo,
.fichaEmbalses-contenedor .ficha-embalses-layout .titulo-galeria{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: var(--sai-ficha-text);
  font-size: 1em;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .titulo-galeria{
  margin: 0 0 10px;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card-icon{
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  object-fit: contain;
  object-position: center;
  display: block;
  align-self: center;
  margin: 0;
  vertical-align: middle;
}

.fichaEmbalses-contenedor .ficha-embalses-layout #id-contenedor-seniales-parametros-embalses,
.fichaEmbalses-contenedor .ficha-embalses-layout #id-datos-presa,
.fichaEmbalses-contenedor .ficha-embalses-layout #id-datos-embalse,
.fichaEmbalses-contenedor .ficha-embalses-layout #id-datos-hidrologicos-embalses,
.fichaEmbalses-contenedor .ficha-embalses-layout #control-caudales-retorno-embalses,
.fichaEmbalses-contenedor .ficha-embalses-layout #control-caudales-ecologicos-embalses,
.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card-body{
  display: block !important;
  padding: 12px 16px 16px;
  box-sizing: border-box;
}

.fichaEmbalses-contenedor .ficha-embalses-layout #control-caudales-retorno-embalses,
.fichaEmbalses-contenedor .ficha-embalses-layout #control-caudales-ecologicos-embalses{
  padding: 0;
}

.fichaEmbalses-contenedor .ficha-embalses-layout #flecha-caudales-embalses,
.fichaEmbalses-contenedor .ficha-embalses-layout #flecha-caudales-ecologicos-embalses{
  display: none !important;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card-galeria{
  padding: 16px;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .datos-hidrologicos{
  margin-top: 0;
  padding: 0;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-ficha-datos,
.fichaEmbalses-contenedor .ficha-embalses-layout .datos-hidrologicos-texto{
  grid-template-columns: minmax(190px, 0.85fr) minmax(140px, 1.15fr);
  gap: 12px;
  padding: 9px 0;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .ficha-datos-estacion > .contenedor-ficha-datos{
  grid-template-columns: minmax(230px, 0.95fr) minmax(0, 1.05fr);
  align-items: start;
  margin: 0 16px;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .ficha-texto-datos-estacion{
  color: var(--sai-ficha-muted);
  font-size: 0.86em;
  font-weight: 400;
  letter-spacing: 0;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .ficha-datos-estacion .ficha-texto-datos-estacion{
  white-space: nowrap;
  line-height: 1.25;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .negrita-ficha,
.fichaEmbalses-contenedor .ficha-embalses-layout .datos-hidrologicos-texto > div:last-child{
  color: var(--sai-ficha-text);
  text-align: left;
  line-height: 1.25;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .ficha-datos-estacion .negrita-ficha{
  min-width: 0;
  overflow-wrap: anywhere;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-seniales-parametros{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 0;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .ficha-parametros-texto{
  border-radius: 8px;
  border: 1px solid rgba(0, 56, 135, 0.14);
  background: #fbfdff;
  min-height: 42px;
  padding: 9px 10px;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .icono-parametros-ficha{
  width: 2.7em;
  height: 2.7em;
}

.fichaEmbalses-contenedor .ficha-embalses-layout #id-caudales-retorno-embalses,
.fichaEmbalses-contenedor .ficha-embalses-layout #id-caudales-ecologicos-embalses{
  grid-template-columns: minmax(0, 1fr);
  cursor: default;
}

.fichaEmbalses-contenedor .ficha-embalses-layout #id-caudales-retorno-embalses .ficha-texto-datos-estacion,
.fichaEmbalses-contenedor .ficha-embalses-layout #id-caudales-ecologicos-embalses .ficha-texto-datos-estacion{
  white-space: nowrap;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card-localizacion .sai-ficha-card-body{
  position: relative;
  padding: 0;
  min-height: 320px;
  overflow: hidden;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa{
  position: relative;
  height: 320px;
  min-height: 320px;
  width: 100%;
  border-radius: 0;
  background: #e9f1f8;
  overflow: hidden;
  display: block;
  color: var(--sai-ficha-muted);
  font-size: 0.9em;
  isolation: isolate;
  touch-action: pan-x pan-y;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa.is-empty{
  display: flex;
  align-items: center;
  justify-content: center;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa .leaflet-control-container{
  position: absolute;
  inset: 0;
  z-index: 700;
  pointer-events: none;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa .leaflet-top,
.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa .leaflet-bottom{
  position: absolute;
  z-index: 710;
  pointer-events: none;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa .leaflet-top{
  top: 8px;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa .leaflet-bottom{
  bottom: 8px;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa .leaflet-left{
  left: 8px;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa .leaflet-right{
  right: 8px;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa .leaflet-control{
  pointer-events: auto;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa .leaflet-control-zoom{
  margin: 0;
  border: 0;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa .leaflet-control-zoom a{
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: var(--sai-ficha-text);
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa .leaflet-control-attribution{
  margin: 0;
  max-width: calc(100% - 16px);
  padding: 3px 6px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.92);
  color: #5b6778;
  font-size: 10px;
  line-height: 1.2;
  text-align: right;
  white-space: normal;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa .leaflet-control-attribution a{
  color: var(--sai-ficha-primary);
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-localizacion-pie{
  position: absolute;
  top: 12px;
  left: auto;
  right: 12px;
  bottom: auto;
  z-index: 500;
  max-width: calc(100% - 24px);
  width: max-content;
  margin-top: 0;
  padding: 7px 10px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--sai-ficha-muted);
  font-size: 0.86em;
  pointer-events: auto;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-localizacion-pie .sai-ficha-ruta-google{
  color: var(--sai-ficha-primary);
  font-weight: 700;
  text-decoration: none;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-localizacion-pie .sai-ficha-ruta-google:hover,
.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-localizacion-pie .sai-ficha-ruta-google:focus-visible{
  text-decoration: underline;
  outline: none;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-galerias > .titulo-parametros.width-control{
  min-height: 50px;
  border-radius: 8px 8px 0 0;
  box-shadow: none;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-galerias > .titulo-parametros.width-control + .wrap,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-galerias > .titulo-parametros.width-control + .wrap-video{
  border-radius: 0 0 8px 8px;
  border-top: 0;
  box-shadow: none;
}

@media screen and (max-width: 1280px){
  .fichaEmbalses-contenedor .ficha.ficha-embalses-layout{
    grid-template-columns: 1fr;
    width: min(1120px, calc(100% - 24px));
  }

  .fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-galerias{
    grid-column: auto;
    grid-row: auto;
    position: static;
  }
}

@media screen and (max-width: 820px){
  .fichaEmbalses-contenedor .ficha-embalses-layout .ficha-datos-estacion,
  .fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card-galeria,
  .fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card-localizacion,
  .fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card-coordenadas,
  .fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-parametros-medidos,
  .fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-datos-hidrologicos{
    grid-column: auto;
    grid-row: auto;
  }

  .fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-seniales-parametros{
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 520px){
  .fichaEmbalses-contenedor .ficha.ficha-embalses-layout{
    width: calc(100% - 16px);
  }

  .fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-ficha-datos,
  .fichaEmbalses-contenedor .ficha-embalses-layout .datos-hidrologicos-texto,
  .fichaEmbalses-contenedor .ficha-embalses-layout .ficha-datos-estacion > .contenedor-ficha-datos{
    grid-template-columns: minmax(145px, 52%) minmax(0, 1fr);
    gap: 10px;
  }

  .fichaEmbalses-contenedor .ficha-embalses-layout #id-caudales-retorno-embalses .ficha-texto-datos-estacion,
  .fichaEmbalses-contenedor .ficha-embalses-layout #id-caudales-ecologicos-embalses .ficha-texto-datos-estacion{
    white-space: normal;
  }

  .fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-mini-mapa{
    height: 260px;
    min-height: 260px;
  }
}

/* =========================================================
   Ficha concesionarios - misma estructura de cards que estaciones
   ========================================================= */
.fichaConcesionarios-contenedor .ficha.ficha-concesionarios-layout{
  --sai-ficha-primary: #003887;
  --sai-ficha-text: #1f2937;
  --sai-ficha-muted: #5f6b7a;
  --sai-ficha-line: #dfe7ef;
  --sai-ficha-soft: #f7fafc;
  width: min(1580px, calc(100% - 32px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(340px, 420px);
  gap: 22px;
  align-items: start;
  margin-top: 1.25em;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-datos-ficha{
  display: contents;
  width: 100%;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-datos-estacion{
  grid-column: 1;
  grid-row: 1 / span 3;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card-galeria{
  grid-column: 2;
  grid-row: 1;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card-localizacion{
  grid-column: 2;
  grid-row: 2;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card-coordenadas{
  grid-column: 2;
  grid-row: 3;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-parametros-medidos,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-datos-hidrologicos{
  grid-column: 1 / 3;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-galerias{
  display: flex;
  flex-direction: column;
  gap: 12px;
  grid-column: 3;
  grid-row: 1 / span 7;
  width: 100%;
  margin: 0;
  position: sticky;
  top: 1em;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-datos-estacion,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-parametros-medidos,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-datos-hidrologicos,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card-galeria,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-galerias > .wrap,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-galerias > .wrap-video{
  width: 100%;
  margin: 0;
  border: 1px solid var(--sai-ficha-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-datos-estacion:hover,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-parametros-medidos:hover,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-datos-hidrologicos:hover{
  transform: none;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .ficha-datos-estacion-conce::before,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .titulo-parametros .texto-titulo::before,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .titulo-galeria::before{
  content: none;
  display: none;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .titulo-parametros{
  min-height: 50px;
  padding: 0 16px;
  border-bottom: 1px solid var(--sai-ficha-line);
  background: #fff;
  cursor: default;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .titulo-parametros:hover{
  background: #fff;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout #control-datos-estacion-conce,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout #control-parametrosConc,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout #control-hidrologicos-conc,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout #control-documentacion-conc,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-caudales-retorno-conc,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-caudales-ecologicos-conc{
  pointer-events: none;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .texto-titulo,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .titulo-galeria{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: var(--sai-ficha-text);
  font-size: 1em;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .titulo-galeria{
  margin: 0 0 10px;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card-icon{
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  object-fit: contain;
  object-position: center;
  display: block;
  align-self: center;
  margin: 0;
  vertical-align: middle;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-contenedor-datos-estacion-conce,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-contenedor-seniales-parametros-conc,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-datos-hidrologicos-conc,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout #control-caudales-retorno-conc,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout #control-caudales-ecologicos-conc,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-datos-documentacion-conc,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card-body{
  display: block !important;
  padding: 12px 16px 16px;
  box-sizing: border-box;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout #control-caudales-retorno-conc,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout #control-caudales-ecologicos-conc{
  padding: 0;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout #flecha-caudales-conc,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout #flecha-caudales-ecologicos-conc{
  display: none !important;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card-galeria{
  padding: 16px;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout #galeria-conce{
  display: flex !important;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .datos-hidrologicos{
  margin-top: 0;
  padding: 0;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-ficha-datos,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .datos-hidrologicos-texto{
  grid-template-columns: minmax(190px, 0.85fr) minmax(140px, 1.15fr);
  gap: 12px;
  padding: 9px 0;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .ficha-datos-estacion-conce > .contenedor-ficha-datos{
  grid-template-columns: minmax(230px, 0.95fr) minmax(0, 1.05fr);
  align-items: start;
  margin: 0 16px;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .ficha-texto-datos-estacion{
  color: var(--sai-ficha-muted);
  font-size: 0.86em;
  font-weight: 400;
  letter-spacing: 0;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .ficha-datos-estacion-conce .ficha-texto-datos-estacion{
  white-space: nowrap;
  line-height: 1.25;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .negrita-ficha,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .datos-hidrologicos-texto > div:last-child{
  color: var(--sai-ficha-text);
  text-align: left;
  line-height: 1.25;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .ficha-datos-estacion-conce .negrita-ficha{
  min-width: 0;
  overflow-wrap: anywhere;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .descripcion-ficha{
  grid-template-columns: minmax(230px, 0.95fr) minmax(0, 1.05fr);
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-seniales-parametros{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 0;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .ficha-parametros-texto{
  border-radius: 8px;
  border: 1px solid rgba(0, 56, 135, 0.14);
  background: #fbfdff;
  min-height: 42px;
  padding: 9px 10px;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .icono-parametros-ficha{
  width: 2.7em;
  height: 2.7em;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-caudales-retorno-conc,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-caudales-ecologicos-conc{
  grid-template-columns: minmax(0, 1fr);
  cursor: default;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-caudales-retorno-conc .ficha-texto-datos-estacion,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-caudales-ecologicos-conc .ficha-texto-datos-estacion{
  white-space: nowrap;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-datos-documentacion-conc .lista{
  margin: 0;
  padding: 0;
  list-style: none;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-datos-documentacion-conc li{
  padding: 9px 0;
  border-bottom: 1px solid var(--sai-ficha-line);
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-datos-documentacion-conc li:last-child{
  border-bottom: 0;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-datos-documentacion-conc a{
  color: var(--sai-ficha-primary);
  font-weight: 700;
  text-decoration: none;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card-localizacion .sai-ficha-card-body{
  position: relative;
  padding: 0;
  min-height: 320px;
  overflow: hidden;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa{
  position: relative;
  height: 320px;
  min-height: 320px;
  width: 100%;
  border-radius: 0;
  background: #e9f1f8;
  overflow: hidden;
  display: block;
  color: var(--sai-ficha-muted);
  font-size: 0.9em;
  isolation: isolate;
  touch-action: pan-x pan-y;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa.is-empty{
  display: flex;
  align-items: center;
  justify-content: center;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa .leaflet-control-container{
  position: absolute;
  inset: 0;
  z-index: 700;
  pointer-events: none;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa .leaflet-top,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa .leaflet-bottom{
  position: absolute;
  z-index: 710;
  pointer-events: none;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa .leaflet-top{
  top: 8px;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa .leaflet-bottom{
  bottom: 8px;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa .leaflet-left{
  left: 8px;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa .leaflet-right{
  right: 8px;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa .leaflet-control{
  pointer-events: auto;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa .leaflet-control-zoom{
  margin: 0;
  border: 0;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa .leaflet-control-zoom a{
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: var(--sai-ficha-text);
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa .leaflet-control-attribution{
  margin: 0;
  max-width: calc(100% - 16px);
  padding: 3px 6px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.92);
  color: #5b6778;
  font-size: 10px;
  line-height: 1.2;
  text-align: right;
  white-space: normal;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa .leaflet-control-attribution a{
  color: var(--sai-ficha-primary);
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-localizacion-pie{
  position: absolute;
  top: 12px;
  left: auto;
  right: 12px;
  bottom: auto;
  z-index: 500;
  max-width: calc(100% - 24px);
  width: max-content;
  margin-top: 0;
  padding: 7px 10px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--sai-ficha-muted);
  font-size: 0.86em;
  pointer-events: auto;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-localizacion-pie .sai-ficha-ruta-google{
  color: var(--sai-ficha-primary);
  font-weight: 700;
  text-decoration: none;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-localizacion-pie .sai-ficha-ruta-google:hover,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-localizacion-pie .sai-ficha-ruta-google:focus-visible{
  text-decoration: underline;
  outline: none;
}

/* Ruta de la ficha: patron compartido del boton principal del visor. */
:is(
  .ficha-contenedor .ficha-estacion-layout,
  .fichaEmbalses-contenedor .ficha-embalses-layout,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout
) .sai-ficha-localizacion-pie{
  padding: 0;
  background: transparent;
}

:is(
  .ficha-contenedor .ficha-estacion-layout,
  .fichaEmbalses-contenedor .ficha-embalses-layout,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout
) .sai-ficha-localizacion-pie .sai-ficha-ruta-google.boton-estandar-visor{
  display: inline-flex;
  min-height: 2rem;
  padding: 0.4rem 0.75rem;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid var(--visor-boton-borde, #e0e7ef);
  border-radius: var(--visor-boton-radio, 7px);
  background: var(--visor-boton-fondo, #fff);
  color: var(--visor-boton-texto, #003887) !important;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

:is(
  .ficha-contenedor .ficha-estacion-layout,
  .fichaEmbalses-contenedor .ficha-embalses-layout,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout
) .sai-ficha-localizacion-pie .sai-ficha-ruta-google.boton-estandar-visor:hover,
:is(
  .ficha-contenedor .ficha-estacion-layout,
  .fichaEmbalses-contenedor .ficha-embalses-layout,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout
) .sai-ficha-localizacion-pie .sai-ficha-ruta-google.boton-estandar-visor:focus-visible{
  border-color: var(--visor-boton-borde-hover, #e0e7ef);
  background: var(--visor-boton-fondo-hover, #eef5fa);
  color: var(--visor-boton-texto-hover, #003887) !important;
  text-decoration: none;
  outline: none;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-galerias > .titulo-parametros.width-control{
  min-height: 50px;
  border-radius: 8px 8px 0 0;
  box-shadow: none;
      cursor: pointer;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-galerias > .titulo-parametros.width-control + .wrap,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-galerias > .titulo-parametros.width-control + .wrap-video{
  border-radius: 0 0 8px 8px;
  border-top: 0;
  box-shadow: none;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-galerias > .wrap,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-galerias > .wrap-video{
  padding: 16px;
}

@media screen and (max-width: 1280px){
  .fichaConcesionarios-contenedor .ficha.ficha-concesionarios-layout{
    grid-template-columns: 1fr;
    width: min(1120px, calc(100% - 24px));
  }

  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-galerias{
    grid-column: auto;
    grid-row: auto;
    position: static;
  }
}

@media screen and (max-width: 820px){
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-datos-estacion,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card-galeria,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card-localizacion,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card-coordenadas,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-parametros-medidos,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-datos-hidrologicos{
    grid-column: auto;
    grid-row: auto;
  }

  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-seniales-parametros{
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 520px){
  .fichaConcesionarios-contenedor .ficha.ficha-concesionarios-layout{
    width: calc(100% - 16px);
  }

  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-ficha-datos,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .datos-hidrologicos-texto,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .ficha-datos-estacion-conce > .contenedor-ficha-datos,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .descripcion-ficha{
    grid-template-columns: minmax(145px, 52%) minmax(0, 1fr);
    gap: 10px;
  }

  .fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-caudales-retorno-conc .ficha-texto-datos-estacion,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout #id-caudales-ecologicos-conc .ficha-texto-datos-estacion{
    white-space: normal;
  }

  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-mini-mapa{
    height: 260px;
    min-height: 260px;
  }
}

/* =========================================================
   Ficha normal - pestañas principales
   ========================================================= */
.ficha-contenedor .ficha.ficha-estacion-layout{ 
  width: min(1625px, calc(100% - 32px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  gap: 0;
  align-items: start;
  margin: 1.25em auto 3.5em;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-tabs{
  grid-column: 1 / -1;
  display: flex;
  align-items: stretch;
  gap: 12px;
  min-height: 58px;
  padding-right: 18px;
   border-bottom: 1px solid var(--sai-ficha-line);
  background: #fff;
  overflow-x: auto;
  scrollbar-width: thin;
  box-sizing: border-box;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-tab{
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 58px;
  padding: 0 14px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: var(--sai-ficha-text);
  font: inherit;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-tab:hover,
.ficha-contenedor .ficha-estacion-layout .sai-ficha-tab:focus-visible{
  color: var(--sai-ficha-primary);
  outline: none;
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-tab.is-active{
  color: var(--sai-ficha-primary);
  border-bottom-color: var(--sai-ficha-primary);
}

.ficha-contenedor .ficha-estacion-layout .sai-ficha-tab-icon{
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  object-fit: contain;
}

.ficha-contenedor .ficha-estacion-layout > .contenedor-datos-ficha{
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
}

.ficha-contenedor .ficha-estacion-layout > .contenedor-galerias{
  grid-column: 1 / -1;
  width: 100%;
  margin: 0;
  padding: 0 16px 16px;
  position: static;
  box-sizing: border-box;
}

.ficha-contenedor .ficha-estacion-layout.is-tab-datos .contenedor-datos-estacion{
  grid-column: 1;
  grid-row: 1 / span 2;
}

.ficha-contenedor .ficha-estacion-layout.is-tab-datos .sai-ficha-card-localizacion,
.ficha-contenedor .ficha-estacion-layout.is-tab-datos .sai-ficha-card-coordenadas{
  grid-column: 2;
}

.ficha-contenedor .ficha-estacion-layout.is-tab-datos .sai-ficha-card-localizacion{
  grid-row: 1;
  display: flex;
  flex-direction: column;
}

.ficha-contenedor .ficha-estacion-layout.is-tab-datos .sai-ficha-card-coordenadas{
  grid-row: 2;
}

.ficha-contenedor .ficha-estacion-layout.is-tab-datos .sai-ficha-card-localizacion .sai-ficha-card-body{
  flex: 1 1 auto;
  min-height: 320px;
}

.ficha-contenedor .ficha-estacion-layout.is-tab-datos .sai-ficha-card-localizacion .sai-ficha-mini-mapa{
  height: 100%;
  min-height: 320px;
}

.ficha-contenedor .ficha-estacion-layout.is-tab-datos .sai-ficha-card-galeria,
.ficha-contenedor .ficha-estacion-layout.is-tab-datos #arpsi-embalses,
.ficha-contenedor .ficha-estacion-layout.is-tab-datos .contenedor-parametros-medidos,
.ficha-contenedor .ficha-estacion-layout.is-tab-datos .contenedor-datos-hidrologicos,
.ficha-contenedor .ficha-estacion-layout.is-tab-datos > .contenedor-galerias{
  display: none !important;
}

.ficha-contenedor .ficha-estacion-layout.is-tab-hidrologicos .contenedor-datos-estacion,
.ficha-contenedor .ficha-estacion-layout.is-tab-hidrologicos .sai-ficha-card-galeria,
.ficha-contenedor .ficha-estacion-layout.is-tab-hidrologicos .sai-ficha-card-localizacion,
.ficha-contenedor .ficha-estacion-layout.is-tab-hidrologicos .sai-ficha-card-coordenadas,
.ficha-contenedor .ficha-estacion-layout.is-tab-hidrologicos #arpsi-embalses,
.ficha-contenedor .ficha-estacion-layout.is-tab-hidrologicos > .contenedor-galerias{
  display: none !important;
}

.ficha-contenedor .ficha-estacion-layout.is-tab-hidrologicos .contenedor-parametros-medidos,
.ficha-contenedor .ficha-estacion-layout.is-tab-hidrologicos .contenedor-datos-hidrologicos{
  grid-column: auto;
}

.ficha-contenedor .ficha-estacion-layout.is-tab-documentacion{
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  gap: 0 16px;
  padding-right: 16px;
}

.ficha-contenedor .ficha-estacion-layout.is-tab-documentacion > .contenedor-datos-ficha{
  grid-column: 1;
  grid-row: 2;
  grid-template-columns: minmax(0, 1fr);
  padding: 16px 0 16px 16px;
}

.ficha-contenedor .ficha-estacion-layout.is-tab-documentacion > .contenedor-galerias{
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 0;
  position: static;
}

.ficha-contenedor .ficha-estacion-layout.is-tab-documentacion .contenedor-datos-estacion,
.ficha-contenedor .ficha-estacion-layout.is-tab-documentacion .sai-ficha-card-localizacion,
.ficha-contenedor .ficha-estacion-layout.is-tab-documentacion .sai-ficha-card-coordenadas,
.ficha-contenedor .ficha-estacion-layout.is-tab-documentacion .contenedor-parametros-medidos,
.ficha-contenedor .ficha-estacion-layout.is-tab-documentacion .contenedor-datos-hidrologicos{
  display: none !important;
}

.ficha-contenedor .ficha-estacion-layout.is-tab-documentacion .sai-ficha-card-galeria,
.ficha-contenedor .ficha-estacion-layout.is-tab-documentacion #arpsi-embalses{
  grid-column: 1;
}

.ficha-contenedor .ficha-estacion-layout .contenedor-datos-estacion,
.ficha-contenedor .ficha-estacion-layout .contenedor-parametros-medidos,
.ficha-contenedor .ficha-estacion-layout .contenedor-datos-hidrologicos,
.ficha-contenedor .ficha-estacion-layout .sai-ficha-card,
.ficha-contenedor .ficha-estacion-layout .sai-ficha-card-galeria,
.ficha-contenedor .ficha-estacion-layout #arpsi-embalses,
.ficha-contenedor .ficha-estacion-layout .contenedor-galerias > .wrap{
  border-radius: 7px;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06), 0 1px 1px rgba(15, 23, 42, 0.04);
}

.sai-ficha-pdf-render .ficha-estacion-layout.is-ficha-pdf-expandida .contenedor-datos-estacion,
.sai-ficha-pdf-render .ficha-estacion-layout.is-ficha-pdf-expandida .contenedor-parametros-medidos,
.sai-ficha-pdf-render .ficha-estacion-layout.is-ficha-pdf-expandida .contenedor-datos-hidrologicos{
  display: flex !important;
}

.sai-ficha-pdf-render .ficha-estacion-layout.is-ficha-pdf-expandida .sai-ficha-card-galeria,
.sai-ficha-pdf-render .ficha-estacion-layout.is-ficha-pdf-expandida .sai-ficha-card-localizacion,
.sai-ficha-pdf-render .ficha-estacion-layout.is-ficha-pdf-expandida .sai-ficha-card-coordenadas,
.sai-ficha-pdf-render .ficha-estacion-layout.is-ficha-pdf-expandida #arpsi-embalses{
  display: block !important;
}

.sai-ficha-pdf-render .ficha-estacion-layout.is-ficha-pdf-expandida > .contenedor-galerias{
  display: flex !important;
  position: static !important;
}

.sai-ficha-pdf-render .ficha-estacion-layout.is-ficha-pdf-expandida .sai-ficha-tabs{
  display: none !important;
}

@media screen and (max-width: 1180px){
  .ficha-contenedor .ficha.ficha-estacion-layout,
  .ficha-contenedor .ficha-estacion-layout.is-tab-documentacion{
    grid-template-columns: 1fr;
    padding-right: 0;
  }

  .ficha-contenedor .ficha-estacion-layout > .contenedor-datos-ficha,
  .ficha-contenedor .ficha-estacion-layout.is-tab-documentacion > .contenedor-datos-ficha{
    grid-column: 1;
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .ficha-contenedor .ficha-estacion-layout.is-tab-datos .contenedor-datos-estacion,
  .ficha-contenedor .ficha-estacion-layout.is-tab-datos .sai-ficha-card-localizacion,
  .ficha-contenedor .ficha-estacion-layout.is-tab-datos .sai-ficha-card-coordenadas,
  .ficha-contenedor .ficha-estacion-layout.is-tab-documentacion .sai-ficha-card-galeria,
  .ficha-contenedor .ficha-estacion-layout.is-tab-documentacion #arpsi-embalses{
    grid-column: 1;
    grid-row: auto;
  }

  .ficha-contenedor .ficha-estacion-layout.is-tab-documentacion > .contenedor-galerias{
    grid-column: 1;
    grid-row: auto;
    padding: 0 14px 14px;
  }
}

@media screen and (max-width: 620px){
  .ficha-contenedor .ficha.ficha-estacion-layout{
    width: calc(100% - 16px);
  }

  .ficha-contenedor .ficha-estacion-layout .sai-ficha-tabs{
    gap: 8px;
    min-height: 54px;
    padding: 0 10px;
  }

  .ficha-contenedor .ficha-estacion-layout .sai-ficha-tab{
    min-height: 54px;
    padding: 0 10px;
  }
}

/* =========================================================
   Ficha embalses - pestañas principales
   ========================================================= */
.fichaEmbalses-contenedor .ficha.ficha-embalses-layout{
  width: min(1620px, calc(100% - 32px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  gap: 0;
  align-items: start;
  margin: 1.25em auto 3.5em;
  border: 1px solid var(--sai-ficha-line);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box; 
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-tabs{
  grid-column: 1 / -1;
  display: flex;
  align-items: stretch;
  gap: 12px;
  min-height: 58px;
  padding: 0 18px;
  border-bottom: 1px solid var(--sai-ficha-line);
  background: #fff;
  overflow-x: auto;
  scrollbar-width: thin;
  box-sizing: border-box;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-tab{
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 58px;
  padding: 0 14px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: var(--sai-ficha-text);
  font: inherit;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-tab:hover,
.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-tab:focus-visible{
  color: var(--sai-ficha-primary);
  outline: none;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-tab.is-active{
  color: var(--sai-ficha-primary);
  border-bottom-color: var(--sai-ficha-primary);
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-tab-icon{
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  object-fit: contain;
}

.fichaEmbalses-contenedor .ficha-embalses-layout > .contenedor-datos-ficha{
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
}

.fichaEmbalses-contenedor .ficha-embalses-layout > .contenedor-galerias{
  grid-column: 1 / -1;
  width: 100%;
  margin: 0;
  padding: 0 16px 16px;
  position: static;
  box-sizing: border-box;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos .ficha-datos-estacion{
  grid-column: 1;
  grid-row: 1 / span 2;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos .sai-ficha-card-localizacion,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos .sai-ficha-card-coordenadas{
  grid-column: 2;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos .sai-ficha-card-localizacion{
  grid-row: 1;
  display: flex;
  flex-direction: column;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos .sai-ficha-card-coordenadas{
  grid-row: 2;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos .sai-ficha-card-localizacion .sai-ficha-card-body{
  flex: 1 1 auto;
  min-height: 320px;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos .sai-ficha-card-localizacion .sai-ficha-mini-mapa{
  height: 100%;
  min-height: 320px;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos .sai-ficha-card-galeria,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos .contenedor-parametros-medidos,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos .contenedor-datos-hidrologicos,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos > .contenedor-galerias{
  display: none !important;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-hidrologicos .ficha-datos-estacion,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-hidrologicos .sai-ficha-card-galeria,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-hidrologicos .sai-ficha-card-localizacion,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-hidrologicos .sai-ficha-card-coordenadas,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-hidrologicos > .contenedor-galerias{
  display: none !important;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-hidrologicos .contenedor-parametros-medidos{
  grid-column: 1 / -1;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-hidrologicos .contenedor-datos-hidrologicos{
  grid-column: auto;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion{
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  gap: 0 16px;
  padding-right: 16px;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion > .contenedor-datos-ficha{
  grid-column: 1;
  grid-row: 2;
  grid-template-columns: minmax(0, 1fr);
  padding: 16px 0 16px 16px;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion > .contenedor-galerias{
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 0;
  position: static;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion .ficha-datos-estacion,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion .sai-ficha-card-localizacion,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion .sai-ficha-card-coordenadas,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion .contenedor-parametros-medidos,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion .contenedor-datos-hidrologicos{
  display: none !important;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion .sai-ficha-card-galeria{
  grid-column: 1;
}

.fichaEmbalses-contenedor .ficha-embalses-layout .ficha-datos-estacion,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-parametros-medidos,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-datos-hidrologicos,
.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card,
.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card-galeria,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-galerias > .wrap,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-galerias > .wrap-video{
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion > .contenedor-galerias{
  gap: 0;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion #control-esquema-embalses,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion #control-videos-embalses{
  margin: 0;
  border: 1px solid var(--sai-ficha-line);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion #control-videos-embalses{
  margin-top: 12px;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion #control-esquema-embalses:has(+ #esquema-embalses[style*="display: block"]){
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion #control-videos-embalses:has(+ #videos-embalses[style*="display: none"]){
  border-bottom: 1px solid var(--sai-ficha-line);
  border-radius: 8px;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion #esquema-embalses,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion #videos-embalses{
  border: 1px solid var(--sai-ficha-line);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  box-shadow: none;
}

.sai-ficha-pdf-render .ficha-embalses-layout.is-ficha-pdf-expandida .ficha-datos-estacion,
.sai-ficha-pdf-render .ficha-embalses-layout.is-ficha-pdf-expandida .contenedor-parametros-medidos,
.sai-ficha-pdf-render .ficha-embalses-layout.is-ficha-pdf-expandida .contenedor-datos-hidrologicos{
  display: flex !important;
}

.sai-ficha-pdf-render .ficha-embalses-layout.is-ficha-pdf-expandida .sai-ficha-card-galeria,
.sai-ficha-pdf-render .ficha-embalses-layout.is-ficha-pdf-expandida .sai-ficha-card-localizacion,
.sai-ficha-pdf-render .ficha-embalses-layout.is-ficha-pdf-expandida .sai-ficha-card-coordenadas{
  display: block !important;
}

.sai-ficha-pdf-render .ficha-embalses-layout.is-ficha-pdf-expandida > .contenedor-galerias{
  display: flex !important;
  position: static !important;
}

.sai-ficha-pdf-render .ficha-embalses-layout.is-ficha-pdf-expandida .sai-ficha-tabs{
  display: none !important;
}

@media screen and (max-width: 1180px){
  .fichaEmbalses-contenedor .ficha.ficha-embalses-layout,
  .fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion{
    grid-template-columns: 1fr;
    padding-right: 0;
  }

  .fichaEmbalses-contenedor .ficha-embalses-layout > .contenedor-datos-ficha,
  .fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion > .contenedor-datos-ficha{
    grid-column: 1;
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos .ficha-datos-estacion,
  .fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos .sai-ficha-card-localizacion,
  .fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos .sai-ficha-card-coordenadas,
  .fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion .sai-ficha-card-galeria{
    grid-column: 1;
    grid-row: auto;
  }

  .fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion > .contenedor-galerias{
    grid-column: 1;
    grid-row: auto;
    padding: 0 14px 14px;
  }
}

@media screen and (max-width: 620px){
  .fichaEmbalses-contenedor .ficha.ficha-embalses-layout{
    width: calc(100% - 16px);
  }

  .fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-tabs{
    gap: 8px;
    min-height: 54px;
    padding: 0 10px;
  }

  .fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-tab{
    min-height: 54px;
    padding: 0 10px;
  }
}

/* =========================================================
   Ficha concesionarios - pestanas principales
   ========================================================= */
.fichaConcesionarios-contenedor .ficha.ficha-concesionarios-layout{
  width: min(1480px, calc(100% - 32px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  gap: 0;
  align-items: start;
  margin: 1.25em auto 3.5em;
  border: 1px solid var(--sai-ficha-line);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-tabs{
  grid-column: 1 / -1;
  display: flex;
  align-items: stretch;
  gap: 12px;
  min-height: 58px;
  padding: 0 18px;
  border-bottom: 1px solid var(--sai-ficha-line);
  background: #fff;
  overflow-x: auto;
  scrollbar-width: thin;
  box-sizing: border-box;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-tab{
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 58px;
  padding: 0 14px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: var(--sai-ficha-text);
  font: inherit;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-tab:hover,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-tab:focus-visible{
  color: var(--sai-ficha-primary);
  outline: none;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-tab.is-active{
  color: var(--sai-ficha-primary);
  border-bottom-color: var(--sai-ficha-primary);
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-tab-icon{
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  object-fit: contain;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout > .contenedor-datos-ficha{
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  padding: 16px;
  box-sizing: border-box;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout > .contenedor-galerias{
  grid-column: 1 / -1;
  width: 100%;
  margin: 0;
  padding: 0 16px 16px;
  position: static;
  box-sizing: border-box;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos .contenedor-datos-estacion{
  grid-column: 1;
  grid-row: 1 / span 2;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos .sai-ficha-card-localizacion,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos .sai-ficha-card-coordenadas{
  grid-column: 2;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos .sai-ficha-card-localizacion{
  grid-row: 1;
  display: flex;
  flex-direction: column;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos .sai-ficha-card-coordenadas{
  grid-row: 2;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos .sai-ficha-card-localizacion .sai-ficha-card-body{
  flex: 1 1 auto;
  min-height: 320px;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos .sai-ficha-card-localizacion .sai-ficha-mini-mapa{
  height: 100%;
  min-height: 320px;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos .sai-ficha-card-galeria,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos .contenedor-parametros-medidos,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos .contenedor-datos-hidrologicos,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos > .contenedor-galerias{
  display: none !important;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos #galeria-conce{
  display: none !important;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-hidrologicos .contenedor-datos-estacion,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-hidrologicos .sai-ficha-card-galeria,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-hidrologicos .sai-ficha-card-localizacion,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-hidrologicos .sai-ficha-card-coordenadas,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-hidrologicos .contenedor-datos-hidrologicos:has(#control-documentacion-conc),
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-hidrologicos > .contenedor-galerias{
  display: none !important;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-hidrologicos #galeria-conce{
  display: none !important;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-hidrologicos .contenedor-parametros-medidos{
  grid-column: 1 / -1;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-hidrologicos .contenedor-datos-hidrologicos:has(#control-hidrologicos-conc){
  grid-column: auto;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion{
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
  gap: 0 16px;
  padding-right: 16px;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion > .contenedor-datos-ficha{
  grid-column: 1;
  grid-row: 2;
  grid-template-columns: minmax(0, 1fr);
  padding: 16px 0 16px 16px;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion > .contenedor-galerias{
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 0;
  position: static;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion .contenedor-datos-estacion,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion .sai-ficha-card-localizacion,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion .sai-ficha-card-coordenadas,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion .contenedor-parametros-medidos,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion .contenedor-datos-hidrologicos:has(#control-hidrologicos-conc){
  display: none !important;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion .sai-ficha-card-galeria,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion .contenedor-datos-hidrologicos:has(#control-documentacion-conc){
  grid-column: 1;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-datos-estacion,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-parametros-medidos,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-datos-hidrologicos,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card-galeria,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-galerias > .wrap,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-galerias > .wrap-video{
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion > .contenedor-galerias{
  gap: 0;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion #control-esquema-conce,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion #control-videos-conce{
  margin: 0;
  border: 1px solid var(--sai-ficha-line);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion #control-videos-conce{
  margin-top: 12px;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion #control-esquema-conce:has(+ #esquema-conce[style*="display: block"]),
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion #control-videos-conce:has(+ #videos-conce[style*="display: block"]){
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}

.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion #esquema-conce,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion #videos-conce{
  border: 1px solid var(--sai-ficha-line);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  box-shadow: none;
}

.sai-ficha-pdf-render .ficha-concesionarios-layout.is-ficha-pdf-expandida .contenedor-datos-estacion,
.sai-ficha-pdf-render .ficha-concesionarios-layout.is-ficha-pdf-expandida .contenedor-parametros-medidos,
.sai-ficha-pdf-render .ficha-concesionarios-layout.is-ficha-pdf-expandida .contenedor-datos-hidrologicos{
  display: block !important;
}

.sai-ficha-pdf-render .ficha-concesionarios-layout.is-ficha-pdf-expandida .sai-ficha-card-galeria,
.sai-ficha-pdf-render .ficha-concesionarios-layout.is-ficha-pdf-expandida .sai-ficha-card-localizacion,
.sai-ficha-pdf-render .ficha-concesionarios-layout.is-ficha-pdf-expandida .sai-ficha-card-coordenadas{
  display: block !important;
}

.sai-ficha-pdf-render .ficha-concesionarios-layout.is-ficha-pdf-expandida > .contenedor-galerias{
  display: flex !important;
  position: static !important;
}

.sai-ficha-pdf-render .ficha-concesionarios-layout.is-ficha-pdf-expandida .sai-ficha-tabs{
  display: none !important;
}

@media screen and (max-width: 1180px){
  .fichaConcesionarios-contenedor .ficha.ficha-concesionarios-layout,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion{
    grid-template-columns: 1fr;
    padding-right: 0;
  }

  .fichaConcesionarios-contenedor .ficha-concesionarios-layout > .contenedor-datos-ficha,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion > .contenedor-datos-ficha{
    grid-column: 1;
    grid-template-columns: 1fr;
    padding: 14px;
  }

  .fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos .contenedor-datos-estacion,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos .sai-ficha-card-localizacion,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos .sai-ficha-card-coordenadas,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion .sai-ficha-card-galeria,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion .contenedor-datos-hidrologicos:has(#control-documentacion-conc),
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion .sai-ficha-card-arpsi{
    grid-column: 1;
    grid-row: auto;
  }

  .fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion > .contenedor-galerias{
    grid-column: 1;
    grid-row: auto;
    padding: 0 14px 14px;
  }
}

@media screen and (max-width: 620px){
  .fichaConcesionarios-contenedor .ficha.ficha-concesionarios-layout{
    width: calc(100% - 16px);
  }

  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-tabs{
    gap: 8px;
    min-height: 54px;
    padding: 0 10px;
  }

  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-tab{
    min-height: 54px;
    padding: 0 10px;
  }
}

.ficha-contenedor .ficha-estacion-layout > .contenedor-datos-ficha,
.fichaEmbalses-contenedor .ficha-embalses-layout > .contenedor-datos-ficha,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout > .contenedor-datos-ficha,
.ficha-contenedor .ficha-estacion-layout .contenedor-datos-estacion,
.ficha-contenedor .ficha-estacion-layout .contenedor-parametros-medidos,
.ficha-contenedor .ficha-estacion-layout .contenedor-datos-hidrologicos,
.ficha-contenedor .ficha-estacion-layout .sai-ficha-card,
.ficha-contenedor .ficha-estacion-layout .sai-ficha-card-galeria,
.fichaEmbalses-contenedor .ficha-embalses-layout .ficha-datos-estacion,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-parametros-medidos,
.fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-datos-hidrologicos,
.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card,
.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card-galeria,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-datos-estacion,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-parametros-medidos,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-datos-hidrologicos,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card-galeria{
  min-width: 0;
  max-width: 100%;
}

@media screen and (max-width: 620px){
  .ficha-contenedor .ficha.ficha-estacion-layout,
  .fichaEmbalses-contenedor .ficha.ficha-embalses-layout,
  .fichaConcesionarios-contenedor .ficha.ficha-concesionarios-layout{
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7.5rem;
    overflow: visible;
  }

  .ficha-contenedor .ficha-estacion-layout > .contenedor-datos-ficha,
  .ficha-contenedor .ficha-estacion-layout.is-tab-documentacion > .contenedor-datos-ficha,
  .ficha-contenedor .ficha-estacion-layout.is-tab-documentacion > .contenedor-galerias,
  .fichaEmbalses-contenedor .ficha-embalses-layout > .contenedor-datos-ficha,
  .fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion > .contenedor-datos-ficha,
  .fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion > .contenedor-galerias,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout > .contenedor-datos-ficha,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion > .contenedor-datos-ficha,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion > .contenedor-galerias{
    padding-left: 10px;
    padding-right: 10px;
  }

  .ficha-contenedor .ficha-estacion-layout.is-tab-documentacion,
  .fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion{
    padding-bottom: 1.5rem;
  }

  .ficha-contenedor .ficha-estacion-layout.is-tab-documentacion > .contenedor-galerias,
  .fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion > .contenedor-galerias,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion > .contenedor-galerias{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .ficha-contenedor .ficha-estacion-layout .sai-ficha-tabs,
  .fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-tabs,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-tabs{
    min-width: 0;
    padding-right: 0;
    scroll-padding-inline: 10px 28px;
    -webkit-overflow-scrolling: touch;
  }

  .ficha-contenedor .ficha-estacion-layout .sai-ficha-tablist,
  .fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-tablist,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-tablist{
    gap: 8px;
  }

  .ficha-contenedor .ficha-estacion-layout .sai-ficha-tabs::after,
  .fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-tabs::after,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-tabs::after{
    content: "";
    flex: 0 0 24px;
  }

  .ficha-contenedor .ficha-estacion-layout .sai-ficha-tab,
  .fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-tab,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-tab{
    flex: 0 0 auto;
  }
}

@media screen and (max-width: 520px){
  .ficha-contenedor .ficha-estacion-layout .contenedor-ficha-datos,
  .ficha-contenedor .ficha-estacion-layout .datos-hidrologicos-texto,
  .ficha-contenedor .ficha-estacion-layout .contenedor-datos-estacion .contenedor-ficha-datos,
  .fichaEmbalses-contenedor .ficha-embalses-layout .contenedor-ficha-datos,
  .fichaEmbalses-contenedor .ficha-embalses-layout .datos-hidrologicos-texto,
  .fichaEmbalses-contenedor .ficha-embalses-layout .ficha-datos-estacion > .contenedor-ficha-datos,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .contenedor-ficha-datos,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .datos-hidrologicos-texto,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .ficha-datos-estacion-conce > .contenedor-ficha-datos,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .descripcion-ficha{
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  .ficha-contenedor .ficha-estacion-layout .ficha-texto-datos-estacion,
  .fichaEmbalses-contenedor .ficha-embalses-layout .ficha-texto-datos-estacion,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .ficha-texto-datos-estacion{
    min-width: 0;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .ficha-contenedor .ficha-estacion-layout .negrita-ficha,
  .fichaEmbalses-contenedor .ficha-embalses-layout .negrita-ficha,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .negrita-ficha,
  .ficha-contenedor .ficha-estacion-layout .datos-hidrologicos-texto > div:last-child,
  .fichaEmbalses-contenedor .ficha-embalses-layout .datos-hidrologicos-texto > div:last-child,
  .fichaConcesionarios-contenedor .ficha-concesionarios-layout .datos-hidrologicos-texto > div:last-child{
    min-width: 0;
    max-width: 100%;
    text-align: left;
  }
}

.fichaEmbalses-contenedor .ficha-embalses-layout .sai-ficha-card-arpsi,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout .sai-ficha-card-arpsi{
  width: 100%;
  margin: 0;
  padding: 16px;
  border: 1px solid var(--sai-ficha-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  overflow: hidden;
  box-sizing: border-box;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-datos .sai-ficha-card-arpsi,
.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-hidrologicos .sai-ficha-card-arpsi,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-datos .sai-ficha-card-arpsi,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-hidrologicos .sai-ficha-card-arpsi{
  display: none !important;
}

.fichaEmbalses-contenedor .ficha-embalses-layout.is-tab-documentacion .sai-ficha-card-arpsi,
.fichaConcesionarios-contenedor .ficha-concesionarios-layout.is-tab-documentacion .sai-ficha-card-arpsi{
  grid-column: 1;
}

.js-contenedor-texto-ficha-arpsi{
  display: none;
  margin: 0 0 12px;
}

.js-texto-ficha-arpsi{
  display: block;
  color: var(--sai-ficha-text);
  line-height: 1.45;
}

.js-arpsi-bloques{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.arpsi-bloque{
  width: 100%;
} 
 
.arpsi-bloque .titulo-arpsi{
  margin-bottom: .55em !important;
} 
 
.arpsi-bloque .js-contenedor-texto-ficha-arpsi{
  display: block;
  margin: 0 0 12px;
  padding: .85em 1em;
  border-radius: var(--sai-ficha-radius-sm); 
  background: var(--sai-ficha-primary-soft);
  border: 1px solid var(--sai-ficha-primary-border);
  box-sizing: border-box;
}

.arpsi-bloque .js-texto-ficha-arpsi{
  white-space: pre-wrap;
  color: var(--sai-ficha-primary);

}