/**** CSS AGREGADOS ****/

.bgviolet{background-color: #9E94FA}
.bgviolet2{background-color: #736BDE}
.bgviolet3{background-color: #5C4BB9}
.bgviolet4{background-color: #4F4296}
.bgviolet5{background-color: #DEDEF1}
.bgviolet6{background-color: #4F4295}
.bgblue{background-color: #56BDED}
.bgblue2{background-color: #3893CD}
.bgblue3{background-color: #386097}
.bggray{background-color: #efefef}
.martop80{margin-top: 80px}
.martop10{margin-top: 10px}
.martop40{margin-top: 40px!important}
.marbot40{margin-bottom: 40px}
.marbot20{margin-bottom: 20px}
.padtop40{padding-top: 40px}
.padtb40{padding-top: 40px; padding-bottom: 40px}
.padtb80{padding-top: 80px; padding-bottom: 80px}
.padleft40{padding-left: 40px}
.padleft30{padding-left: 30px}
.padbot20{padding-bottom: 20px!important}
.padbot40{padding-bottom: 40px!important}
.padbot60{padding-bottom: 60px!important}
.padbot200{padding-bottom: 200px!important}
.pad40{padding: 40px}
.pad30{padding: 30px}
.pad20{padding: 20px}
.txtwhite{color:#fff!important}
.txtblack{color:#000!important}
.txtviol3{color: #5C4BB9!important; font-size: 18px;}
.txtviol4{color: #4F4296!important}
.nomargl{margin-left: 0px!important}
.nomargt{margin-top: 0px!important}
.nomargr{margin-right: 0px!important}
.nomargb{margin-bottom: 0px!important}
.marlr80{margin-left:80px!important; margin-right: 80px!important}
.martb40{margin-top:40px; margin-bottom: 40px}
.txtunder{text-decoration: underline; font-weight: 700;}
.article .txtunder{text-decoration: underline; font-weight: 700;}
.txtcenter{text-align:center!important}
.nopaddb{padding-bottom: 0px!important}
.nopaddt{padding-top: 0px!important}
.nopad{padding: 0px!important}
.linkp{ color: #1c2027; font-size: 15px;  background: url("../img/global/5.3_link.svg"); background-position: left; padding-left: 60px; background-size: 40px; background-repeat: no-repeat; display: block; margin-bottom: 20px}
.w50{width:50%; max-width: 50%!important; position: relative; float: left}
.brdround{overflow: hidden; border-radius: 35px}
.brdgrey{border:#939498 1px solid; }
.disc{font-size: 11px!important; margin-top: 20px}
.disc .regular {font-weight: 400;}
.discg{font-size: 13px; margin-top: 20px; padding: 0 35px; color:#67696F}
p.bulviol{color:#736BDE;
    display: inline-block; 
    background: url(../img/personas/05_bullet_lila.svg);
    background-position: left top;
    padding-left: 30px!important;
    background-size: 19px;
    background-repeat: no-repeat;}
ul.bulviolet li{
    background: url(../img/personas/05_bullet_lila.svg);
    background-position: left top;
    padding-left: 30px!important;
    background-size: 19px;
    background-repeat: no-repeat; list-style: none!important}
.bggrey{background-color: #EFEFEF!important}

.imgleft{width: 90px; float: left; position: relative; margin-right: 30px}
.swiper-slide .imgleft{width: 78px!important; float: left; position: relative; margin-right: 30px}
.doscolp{column-count: 2; column-gap: 20px; }
.doscolp p{padding-bottom: 20px!important}
.w120{min-width: 120px!important}

.accsocial .bgacrd{padding: 45px!important;background-color: #EFEFEF!important}
.mart-300{margin-top: -300px}
.nobg{background: none!important}
.nomarb{margin-bottom: 0px!important}
.padtno{padding-top: 0px!important}
.contcenter{margin: 0 auto!important; width: 500px; max-width: 100%}

.imgcanales{width: 150px; position: absolute; top: 20px; right: 20px}

.totw{width: 100%}

.brdtopgrey{ border-top: #e7e7e7 1px solid}


p.bulblanco{   display: inline-block;
    background: url(../img/personas/05_bullet_blanco.svg);
    background-position: left top;
    padding-left: 25px !important;
    background-size: 16px;
    background-repeat: no-repeat;
    width: 100%;
    margin-bottom: 8px !important;
    font-size: 14px; padding-bottom: 0px!important}

h3{margin: 30px 0}

.item-num.brwhite{border-left: solid 4px #fff!important;}

.slidesecosistema {width: 600px; max-width: 100%; margin: 0 auto; }

.slidesecosistema h3{ margin-bottom: 0px!important; margin-top: 10px!important}
/* Contenedor de los dots */
.slidesecosistema .swiper-pagination {
  position: relative;       /* que quede dentro del slider */
  margin-top: -20px;         /* espacio con el contenido */
  text-align: center;       /* centrado */
}

/* Cada dot */
.slidesecosistema .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #ccc;         /* gris claro para los inactivos */
  opacity: 1;               /* que no se vean translúcidos */
  margin: 0 4px;            /* separación entre dots */
  border-radius: 50%;       /* forma circular */
  transition: all 0.3s ease;
}

/* Dot activo */
.slidesecosistema .swiper-pagination-bullet-active {
  background: #5A2AB5;      /* violeta */
  transform: scale(1.2);    /* un poquito más grande */
}

.slidesecosistema .swiper-slide{cursor: pointer; min-height: 40px; padding: 0 50px; display: flex; align-items: center}
.contentswip{ background: #fff; border-radius: 45px; padding: 30px 50px;}
.contentswip p {
  font-size: 15px;
}
.contentswip h3 {
  font-size: 18px;
}
.swiper-slide .flex-align {
    display: flex;
    align-items: center; margin-bottom: 30px
  }
.cuadrobor .flex-align {
    display: flex;
    align-items: center; 
  }

.ecos-button-next,
.ecos-button-prev {
  width: 40px;
  height: 40px; position: absolute;
    top: 47%; z-index: 99; cursor: pointer
}

/* Flecha derecha */
.ecos-button-next {
  right: 0px;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%235A2AB5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Flecha izquierda */
.ecos-button-prev {
 left: 0px;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%235A2AB5' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M15.41 7.41L10.83 12l4.58 4.59L14 18l-6-6 6-6z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.slideseventos {width:100%; margin: 0 auto 30px auto; }
.slideseventos .swiper-slide{ border-radius: 35px; overflow: hidden; width: 100%!important;}
.slideseventos .swiper-wrapper{width: 100%!important}
.slideseventos h2{ position: absolute; bottom: 0px; left: 0px; text-align: left; font-weight: 400; font-size: 19px; width: 100%; color: #fff; padding: 16px 36px; background: #5d4bb9}




.grup-grid-xp {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 30px 4px;
  margin: 60px 0 0 0;
}
.grup-grid-xp .grup-item {
  border-radius: 30px;
  background: #4F4295;
  padding: 30px 22px;
  text-align: center; color: #fff
}
.grup-grid-xp .grup-item .tit {
  display: block;
  border-radius: 40px;
  line-height: 40px;
  color: #fff;
	background: #9E94FA;
  font-size: 16px;
     margin: -50px auto 20px auto;
    width: 40px;
}
.grup-grid-xp .grup-item p {
  font-size: 14px;
}


.grup-grid-con {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px 6px;
  margin: 60px 0 0 0;
}
.grup-grid-con .grup-item {
  border-radius: 12px;
  background: #EFEFEF;
  padding: 20px;
  text-align: left; color: #000
}
.grup-grid-con .grup-item .tit {
  display: block; position: relative;
  font-size: 18px;
     margin: 0px auto 20px auto; text-transform: uppercase; height: 30px}
.grup-grid-con .grup-item .tit img{ position: absolute; right: -5px; top: 0px; width: 40px}
.grup-grid-con .grup-item .tit h2{ width: 85%; font-size: 14px; line-height: 17px; color: #4F4295; font-weight: 400; }


.grup-grid-con .grup-item ul li::before {
  content: "•";       /* bullet manual */
  color: #5C4BB9;     /* color violeta */
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;

}
.grup-grid-con .grup-item ul { padding-left: 10px }
.grup-grid-con .grup-item ul li { font-size: 14px}




.wrappermini {
  width: 1076px;
  margin: 0 auto;
  padding: 0;
}
.wrappermed {
  width: 1200px; margin: 40px auto!important
}

@media (max-width: 1500px) {
  .wrappermini {
    width: 940px;
    padding: 0 10px;
  }
.wrappermed {
  width: 1100px;
}
}
@media (max-width: 1200px) {
  .wrappermini {
    width: 100%;
    padding: 0 10px;
  }
.wrappermed {
  width: 100%
}
}
@media (max-width: 1100px) {
  .wrappermini {
    padding: 0 20px;
  }
}


.martop-190{margin-top: -190px!important}
 .cuadro {
      display: grid;
      grid-template-columns: 1fr 3fr;
      gap: 1px; 
	  background-color: #5c4bb9; 
      border: 1px solid #5c4bb9;
      border-radius: 35px; overflow: hidden; width: 100%
    }
  .cuadro .item { 
      padding: 20px;
      font-size: 15px;
	  background-color: #EFEFEF!important
    }

    .cuadro .item.titulo {
      font-weight: bold;
      font-size: 15px;
    }


    /* Responsive: en móviles se apilan en una sola columna */


    @media (max-width: 768px) {
      .contentswip p {
  font-size: 14px;
}
		.grup-grid-xp{       grid-template-columns: 1fr 1fr;}
	 .grup-grid-con{  grid-template-columns: 1fr 1fr;}
.accsocial .bgacrd{padding: 15px!important;}
		.area-violet{border-radius: 35px!important}
      .cuadro {
        grid-template-columns: 1fr;
      }
      .cuadro .item.titulo {
        border-bottom: 1px solid #5c4bb9;
      }
		.list-pipo{padding-bottom: 0px!important}
		.list-pipo ul{margin-bottom: 0px!important}
		.card-inic{display: block!important}
		.card-inic .image{max-width: 100%!important; margin-bottom: 20px}
		.cuadro .item { 
      font-size: 14px;
    }

    .cuadro .item.titulo {
      font-size: 14px;
    }
.martop-190{margin-top: -80px!important}
		.column{margin-bottom: 16px}
		.cuadrobor img{margin-bottom: 16px}
		.imgp{margin-bottom: 16px}
		.grid.col-140-rest {grid-template-columns: 1fr 1fr!important;}
		.doscolp{column-count: 1;}

    }


 @media (max-width: 480px) {
		.grup-grid-xp{  grid-template-columns: 1fr;}
	 .grup-grid-con{  grid-template-columns: 1fr;}
	 .imgcanales{width:80px}
.tit-round.mbot60 { margin-bottom: 20px;}
	 .flip-cards{padding: 0px}
	 /*.modulo.pad-max{padding: 0px}*/
	 .martop-190{margin-top: 0px!important}
	 .doble-col.col-pers p{font-size: 16px!important}
	 .doble-col div{padding: 20px}
	 .mod-section.pad40{padding: 20px 0}
	 .imgptit{width: 60%}
	 .bgsocial.brdround{display: block; text-align: center}
	 .bgsocial.brdround .imgleft{ float: none; margin: 0 0 0 20px!important}
	 .acordeons.v3 .info-acordeon p{padding: 10px; margin-bottom: 0px}
	 .acordeons.v3 .tit-acordeon .tit{width: 80%}
	 .acordeons .martop40{margin-top: 20px!important}
	 .acordeons ..datos-num.doscol{grid-template-columns: 1fr!important;}
	 .mod-section{padding: 40px 0 20px 0}
	 
}
 @media (max-width: 300px) {
	 .datos-num.social{  grid-template-columns: 1fr;}
}

ul.padbot20 li{padding-bottom:16px}

.titCirc{    border: #fff 1px solid;
    border-radius: 100%;
    min-height: 50px;
    min-width: 50px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    padding-top: 9px;
    margin-bottom: 25px;
}

.btnclip{background: url("../img/global/clip.svg");     background-position: left;
    padding-left: 48px;
    background-size: 35px;
    background-repeat: no-repeat;
    display: block;
    margin-top: 20px;
    height: 35px;
    padding-top: 6px; text-decoration: none!important;}
.btnclip:hover{color:#000}

img{max-width: 100%}

.doble-col.col-pers {
  margin: 0px 0 40px 0;
}

.doble-col.col-pers .col1 {
  background: #5C4BB9!important;
}
.doble-col.col-pers .col2 {
  background: #4F4295!important;
}

.doble-col.col-pers p{font-size: 17px}

.btnViol{color: #fff; font-size: 18px; display: inline-block; margin-top: 30px;background: url("../img/personas/05_bullet_lila.svg"); background-position: right; padding-right: 30px; background-size: 19px; background-repeat: no-repeat; }
.btnViol:hover{ padding-right: 36px;}


.video-wrapper-mini {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  aspect-ratio: 1.7777777777777777;
  /* mantiene vertical */
  overflow: hidden;
  border-radius: 34px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.video-wrapper-mini video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.headtitup{ overflow: hidden;  border-radius: 45px; 
  position:relative; margin-bottom: 30px; display: block}
.headtitup h2{ text-transform: uppercase; color: #fff; background: #5C4BB9; 
 width: 100%; padding: 16px 16px 14px 16px; font-weight: 300; 
 font-size: 22px; text-align: center; margin: 0; position: relative; z-index: 2}
.headtitup img{width: 100%; height: auto; display: block; margin-top: -7px}
@media (max-width: 700px) {
  .headtitup h2 {
    font-size: 18px;
  }
}

.dest-big.pers {
  border-left: none;  
  margin: 20px 40px;
  max-width: 100%;
	padding: 0px
}
.socialcolor .dest-big .ti {
  color: #736BDE;
  font-weight: 600;
  font-size: 22px;
  margin: 0 0 2px 0;
}
.dest-big .tx {
  color: #000;
  font-size: 15px;
  margin-bottom: 5px;
}

.ancla{position:absolute; left: 0px; top: -160px}

.acordeons.v5 {
  display: block;
  margin: 60px 0 0 0;
}
.acordeons.v5 .tit-acordeon {
  background: #fff;
  border: solid 1px #5c4bb9;
}
.acordeons.v5 .tit-acordeon .tit {
  color: #5c4bb9;
  font-size: 18px;
  font-weight: 700;
  text-transform: none; width: 88%
}
.acordeons.v5 .tit-acordeon .tit .ico {
  width: 50px;
  height: 50px; display: flex
}
.acordeons.v5 .tit-acordeon:after {
  background: url('../img/personas/icon_abrir.svg') center center no-repeat;
  background-size: 100%; opacity: 0.6
}
.acordeons.v5 .tit-acordeon:hover:after {
  background: url('../img/personas/icon_abrir.svg') center center no-repeat;
  background-size: 100%; opacity: 1
}
.acordeons.v5 .tit-acordeon.open:after {
  background: url('../img/personas/icon_cerrar.svg') center center no-repeat;
  background-size: 100%;
}
@media (max-width: 1023px) {
  .acordeons.v5 .tit-acordeon {
    border-radius: 0;
    padding: 10px 30px 10px 10px;
    display: block;
    height: auto;
    background: none;
    border: none;
    border-bottom: solid 1px #e7e7e7;
  }
  .acordeons.v5 .tit-acordeon .tit {
    margin-bottom: 10px;
  }
}
.acordeons.v5 .info-acordeon p {
  font-size: 15px; padding:0px 40px 20px 40px!important
}
.acordeons.v5 .info-acordeon p:first-child {
   padding:20px 40px 20px 40px!important
}
@media (max-width: 1023px) {
  .acordeons.v5 .info-acordeon p {
    font-size: 14px;
  }
}
.acordeons.v5 .info-acordeon p a {
  color: #cc334d;
  display: flex;
}
.acordeons.v5 .info-acordeon p a img {
  max-width: 20px;
  margin-right: 5px;
}
.acordeons.v5 .info-acordeon p a:hover {
  text-decoration: underline;
}

.acordeons.v5 .info-acordeon  {padding:0px;
    background: #EFEFEF;
	border-radius: 45px;}

.acordeons.v5 .info-acordeon .bgacrd {padding: 0px 0 0 0;}
.acordeons.v5 .info-acordeon .bgviolet {padding: 10px 0 20px 0;}

.area-violet{ background: #4F4296;  padding: 40px;  border-radius: 45px; display: block;}
.area-violet p{ margin-bottom: 0px}


.doble-col-per {
  border-radius: 45px;
  overflow: hidden;
}
.doble-col-per img{ max-width:100%;overflow: hidden;  border-radius: 40px;}
.row-per{
  display: grid;
  grid-template-columns: 1fr 1fr;padding: 40px;
    gap: 50px;}
.row-per.deskonly{
  display: grid!important;
  grid-template-columns: 1fr 1fr;padding: 40px;
    gap: 50px;}

.article ul.acerca.bulviol li::before { background: #5C4BB9}
.article ul.acerca.bulbla li::before { background: #fff; top: 5px!important}
.bulbla.light li{color:#fff!important}
.bulbla.dark li{color:#000!important}
.titburb{ border-radius:60px; padding:20px 26px!important; color: #000!important; background: #EFEFEF; position: relative; text-align: left!important; width: 100%; display: block; text-transform: uppercase!important; line-height: 100%!important; font-size: 22px!important}
.titburb img{ position: absolute; top: -5px; right: 20px; width: 39px; height: 70px }
span.nuevo{background: #fff; color: #000; margin-left: 10px; padding:3px 6px; text-transform: uppercase; font-size: 12px }

.content .grid .column.flex-align{justify-content: center}

.column p{margin-bottom: 20px}

.personas-tabs {
  margin: 60px 0;
}
.personas-tabs .pr-area-tabs {
  display: flex;
  align-items: center;
  border-radius: 30px;
  height: 60px;
	background: #939498;
  overflow: hidden;
  margin: 0 0 0px 0;   
}
.personas-tabs .pr-area-tabs .pr-btn-tab {
  display: flex;
  align-items: center;
text-align: left; padding-left: 50px;  min-width: 50%;
  max-width: 50%;
  font-size: 18px;
  font-weight: 700;
  color: #282a32;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
  height: 60px;
	 background-image: url("../img/personas/5.3_arrow_down_gris.svg") !important;
    background-repeat: no-repeat !important;
    background-size: 40px !important;
    background-position: 98% 10px !important;
}
.personas-tabs .pr-area-tabs .pr-btn-tab.ar:hover {
  background: #4C79AF;
  color: #fff; background-image: url(../img/personas/5.3_arrow_up_violet.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 40px !important;
    background-position: 98% 10px !important;
}
.personas-tabs .pr-area-tabs .pr-btn-tab.ar.active {
  background: #5C4BB9;
  color: #fff;    background-image: url(../img/personas/5.3_arrow_up_violet.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 40px !important;
    background-position: 98% 10px !important;
}
.personas-tabs .pr-area-tabs .pr-btn-tab.gl:hover {
  background: #4C79AF;
  color: #fff;  background-image: url(../img/personas/5.3_arrow_up_violet.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 40px !important;
    background-position: 98% 10px !important; 
}
.personas-tabs .pr-area-tabs .pr-btn-tab.gl.active {
  background: #5C4BB9;
  color: #fff;    background-image: url(../img/personas/5.3_arrow_up_violet.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 40px !important;
    background-position: 98% 10px !important;
}

.personas-tabs .pr-info-tabs{background: #EFEFEF; border-radius: 45px; padding: 60px}
.personas-tabs .grid.col-2{gap:20px!important}

.globo{border-radius:30px; padding: 30px 30px 10px 30px; margin-bottom: 8px; position: relative; float: left}
.globo.light p{color:#fff!important;}
.globo p {font-size:15px}

.personas-tabs .pr-info-tabs .dest-big { border-left:#4F4296 6px solid; margin: 0 0 40px 0; max-width: 100%!important}
.personas-tabs .pr-info-tabs .dest-peq { border-left:#fff 6px solid; margin: 0 0 20px 0; max-width: 100%; padding-left: 20px}
.personas-tabs .pr-info-tabs .dest-big .ti{ font-size: 32px; font-weight: 700;}
.personas-tabs .pr-info-tabs .dest-peq .ti{ font-size: 28px; margin-bottom: 0px; font-weight: 500}
.personas-tabs .pr-info-tabs .dest-peq .tx{ margin-bottom: 0px}
.personas-tabs .pr-info-tabs .dest-big .tx{ font-weight: 400}
.personas-tabs .pr-info-tabs li{font-size:15px!important}

.bwhite{border-color: #fff!important}
.listwhite li{background: url(../img/personas/05_bullet_blanco.svg) top left no-repeat;  background-size: 18px;break-inside: avoid;
    position: relative;
    padding: 0 0 0 30px;
    color: #fff;
    font-size: 16px;
    line-height: 125%;
    margin: 0 0 20px 0; color: #fff!important}
.titbig{font-size: 42px!important}
.txtbig{font-size: 20px!important}
.txtbigbig{font-size: 26px!important}
@media (max-width: 1500px) {
  .personas-tabs .pr-info-tabs .dest-big .ti{ font-size: 30px; }
}
@media (max-width: 767px) {
.titbig{font-size: 28px!important}
.txtbig{font-size: 16px!important}
.personas-tabs .pr-info-tabs .dest-big {position:relative; float: left; margin-top: 30px}
.personas-tabs .pr-info-tabs .dest-peq { position:relative; float: left}
.personas-tabs .pr-info-tabs .dest-big .ti{ font-size: 24px}
.personas-tabs .pr-info-tabs .dest-peq .ti{ font-size: 18px; }	
.personas-tabs .pr-area-tabs .pr-btn-tab { padding-left: 20px;  font-size: 16px;  background-position: 96% 10px !important;}
	.personas-tabs .pr-info-tabs{padding: 20px;position:relative; float: left; margin-bottom: 30px}
	.marlr80{ margin-left: 0px!important; margin-right: 0px!important}
	.area-violet{padding: 20px}
	.row-per{  display: grid; grid-template-columns: 1fr;padding: 20px;  gap: 50px;}
	
.datos-num.fivecol {grid-template-columns: 1fr 1fr!important;}
	.triple-col {  border-radius: 35px; display: block!important;}
.triple-col div { padding: 40px 50px;}
	.dest-big.pers{margin-left: 0px!important}
	.article ul.acerca li::before{top: 4px}
	.slidesecosistema{padding-top: 30px}
	.btnViol{font-size: 14px}
	
}

.graficolist span{width:13px; height: 13px; display: block; border-radius: 100%; overflow: hidden; float: left; margin-right: 16px; margin-top: 3px}
.graficolist li{ margin-bottom: 14px}
.bgvis{ background: #4F4295}
.bgint{ background: #736BDE}
.bgvisu{ background: #9E94FA}
.bgmot{ background: #3893CD}
.bgaud{ background: #4F4295}

.txtupp{text-transform: uppercase!important}


.datos-num.fivecol {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.datos-num .column:last-child .item-num{margin-bottom: 0px!important}

.cuadrobor{padding:20px; border:#5C4BB9 1px solid; border-radius: 45px;grid-template-columns: 2fr 5fr; margin: 40px 0}
.cuadrobor img{ border-radius: 35px;overflow: hidden;    width: 100%;   height: auto;  object-fit: cover;}
.cuadrobor h4{text-transform: uppercase; margin-bottom: 20px}

.imgp{width:70px; float: left; margin-right: 16px;}

.bgsocial{background: url(../img/social/05_bg_intro-80.jpg) center center no-repeat #4e4294; background-size: cover; padding: 30px 50px; display: flex; align-items: center; justify-content: center}

.card-back p{font-size: 16px!important}
.flip-cards.inverse .card-front {background: #9e94fa!important;}
.flip-cards.inverse .card-back {background: #4e4294!important;}
.flip-cards.inverse .card-back p{color: #fff!important;font-size: 14px!important}
.flip-cards.inverse .card-front p{color: #000!important}
.flip-cards.inverse .card-back { align-items: flex-start; justify-content: center; text-align: left!important;}
.flip-cards.inverse .card-back span{color:#fff; position: absolute; left: 20px; bottom: 20px; font-size: 18px; max-width: 360px}

.card-inic .image{border-radius: 35px!important; min-width: 270px!important}

.triple-col {
  border-radius: 45px;
  overflow: hidden;
  margin: 0px 0 60px 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.triple-col div {
  padding: 40px 50px;
}
.triple-col div p { color: #fff; margin-bottom: 20px}
.triple-col div h2 { color: #fff!important; margin-bottom: 16px}
.triple-col div ul li { color: #fff!important; margin-bottom: 12px; list-style: disc}

.card {
      max-width: 100%;
      margin: auto;
      border-radius: 35px;
      overflow: hidden;
    }

    .card-header {
      display: grid;
      grid-template-columns: 1fr 120px;
      background: #5C4BB9; /* violeta oscuro */
      color: #fff;
      font-weight: bold;
      font-size: 1rem;
    }

    .card-header div,
    .card-row div {
      padding: 22px;
    }

    .card-header div:first-child,
    .card-row div:first-child {
      border-right: 1px solid rgba(255,255,255,0.7); /* línea blanca */
    }

    .card-row {
      display: grid;
      grid-template-columns: 1fr 120px;
      background: #9E94FA; /* violeta claro */
      border-top: 1px solid rgba(255,255,255,0.2); color: #fff!important
    }

    .card-row div:last-child,
    .card-header div:last-child {
      text-align: center;
    }

    /* Responsive: apila en móviles */
    @media (max-width: 600px) {
      .card-header,
      .card-row {      }

      .card-header div:first-child,
      .card-row div:first-child {
        border-right: none; /* sacamos la línea en mobile */
      }

      .card-row div:last-child,
      .card-header div:last-child {
        text-align: left;
        margin-top: 8px;
        font-weight: bold;
      }
		.pad40{padding:20px}
    }



.brdviolet{border: 1px solid #5C4BB9;}

.tabla {
  display: grid;
  grid-template-columns: 1fr 100px 100px;
  overflow: hidden;
  max-width: 700px; font-size: 14px
}

.tabla .fila {
  display: contents;
}

.tabla .fila > div {
  padding: 6px 20px;
  border-bottom: 1px solid #5C4BB9;
}

.tabla .fila > div:last-child {
  border-right: none;
}

.encabezado > div {
  font-weight: bold;
  border-bottom: 1px solid #5C4BB9; color: #5C4BB9
}

/* --- Responsive --- */
@media (max-width: 600px) {
  .tabla {
    display: block;
  }
	
	.tabla .fila > div {
  padding: 6px 20px;
  border-bottom: none!important;
}
  .encabezado {
    display: none!important; /* ocultamos encabezado en mobile */
  }
  .tabla .fila {
    display: block;
    border-top: 1px solid #5C4BB9;
  border-bottom: none!important;
    padding: 10px;position: relative;
        float: left;
        width: 100%;
  }
  .tabla .fila .provincia {
    font-weight: bold;
    margin-bottom: 5px;
  }
  .tabla .fila .valor {
    display: block;
    margin-left: 0px; border-bottom: none; width: 46%; float: left; position: relative; padding-left: 20px
  }
  .tabla .fila .valor:nth-child(2)::before {
    content: "2023: ";
    font-weight: bold;
  }
  .tabla .fila .valor:nth-child(3)::before {
    content: "2024: ";
    font-weight: bold;
  }
}

.btnmodal {
      padding: 10px 20px;
      background-color: #5C4BB9;
      color: white;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      font-size: 16px;
    }

    .btnmodal:hover {
      background-color: #005fa3;
    }
/* Fondo oscuro del modal */
    .modal {
      display: none; 
      position: fixed;
      z-index: 1000;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0,0,0,0.7);
    }

    /* Contenido del modal (imagen) */
    .modal-content {
      margin: 20% auto;
      display: block;
      max-width: 80%;
      border-radius: 20px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.3);
      animation: zoom 0.3s ease;
    }

    @keyframes zoom {
      from {transform: scale(0.7);}
      to {transform: scale(1);}
    }

    /* Botón cerrar */
    .close {
      position: absolute;
      top: 20px;
      right: 35px;
      color: white;
      font-size: 40px;
      font-weight: bold;
      cursor: pointer;
    }

    .close:hover {
      color: #ff4444;
    }