@charset "utf-8";

*{margin:0px;padding: 0px;box-sizing: border-box;} *:not(p){margin: 0px;padding: 0px;text-decoration: none;list-style:none;text-shadow:none;font-weight: normal;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */}
html {margin:0;padding:0; height: 100%;} table {border-collapse:collapse;border-spacing:0;} h1,h2,h3,h4,h5,h6{margin: 0 auto;padding: 0;} header,nav,main,section,article,footer{margin: 0 auto;padding: 0;} fieldset,img {border:0;} input{border:0 solid #001d26;padding:3px;color:#000;width:80%;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} q:before,q:after {content:'';} abbr,acronym { border:0;} a {outline: none; text-decoration: none;} a:hover {text-decoration-line: underline;}
small {font-size: 80px;} big{font-size: 22px;font-weight: bolder;} strong{font-size: 24px;font-weight: bolder;}

/* General Ideas Style */

body {
  background: #01050d;
  font-family: 'SeagullMdBTMedium', sans-serif;
  font-weight: 400;
  margin:0px;
  padding:0px;
  color: white;
  height: 100%;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-face-color: #6685CA;
  scrollbar-highlight-color: #6685CA;
  scrollbar-shadow-color: #6685CA;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color:#E5E5E5;
  scrollbar-drakshadow-color:#000000;
}

::-webkit-scrollbar { width: 7px;}
 /* Track */
::-webkit-scrollbar-track {background: #000;}
 /* Handle */
::-webkit-scrollbar-thumb {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,01434c+39,095d6d+50,680202+61,01434c+61,000000+100&1+0,0.75+50,1+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(1,67,76,0.81) 39%, rgba(9,93,109,0.75) 50%, rgba(1,67,76,0.81) 61%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(1,67,76,0.81) 39%,rgba(9,93,109,0.75) 50%,rgba(1,67,76,0.81) 61%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(1,67,76,0.81) 39%,rgba(9,93,109,0.75) 50%,rgba(1,67,76,0.81) 61%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  border-radius: 10px;
  -webkit-border-radius: 10px;    
}

::-webkit-scrollbar-thumb:window-inactive {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,01434c+39,095d6d+50,680202+61,01434c+61,000000+100&1+0,0.75+50,1+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(1,67,76,0.81) 39%, rgba(9,93,109,0.75) 50%, rgba(1,67,76,0.81) 61%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(1,67,76,0.81) 39%,rgba(9,93,109,0.75) 50%,rgba(1,67,76,0.81) 61%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(1,67,76,0.81) 39%,rgba(9,93,109,0.75) 50%,rgba(1,67,76,0.81) 61%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.ie7 body {overflow:hidden;} a{text-decoration: none;} .clr{clear: both;} .but{background-color: #255e98;color: white;font-size: 16px;padding: 0;text-align: center;width: 2%;float: right;margin-right: 10px;cursor: crosshair;}

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

/******************************************************
    [ MEDIA 8906 x-8906 ]
*******************************************************/
#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background: url('../images/ideas_visuales_experiencias.jpg');
  background-repeat: no-repeat;
  background-size: 108% 103%;
  background-position: -440px top;
  padding: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "q_somos"
  "nav"
  "pleca5"
  "m-qsomos"
  "footer";
  max-width: 8096px;
  width: 100%;
  height: auto;
  align-content:start;
}

/******************************************************
    [ HEADER]
*******************************************************/


/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-area: m-qsomos;
  margin: 0 auto;
  width: 100%;
  height: all;
  font-family: 'Scada', sans-serif;
  display: grid;
  grid-template-columns: 25% 1fr 55%;
  grid-template-areas:
  "izquierda  .   derecha"
  "pleca6  pleca6  pleca6";
  padding: 200px;
}

#izquierda-exp{
  grid-area: izquierda;
  background: none;
  padding: 0;
  width: 100%;
  color: #fff;
  display: grid;
  grid-gap: 0;
  grid-template-columns: 1fr;
  grid-template-areas:
  "exp"
  "lab";
  justify-content: center;
  align-self:  start;
}

ul{
  font-size: 55px;
  padding: 40px;
  text-align: justify;
}

ul span{
  color: #9bdbe6;
}

.Ideas_V-exp{
  color: #9bdbe6;
  font-size: 120px;
  padding: 40px;
  text-align: left;
}

.somos-list-exp li{
  font-size:70px;
  padding: 40px;
}

#experiencias_iv{
  grid-area: exp;
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
  height: auto;
  width: 100%;
}

.somos-list-exp i{
  color: #9bdbe6;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  background: none;
  grid-area: derecha;
  padding:0;
  width: 100%;
  display: grid;
  grid-gap: 200px;
  grid-row-gap: 200px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  background: rgba(0,0,0, .2);
  border: solid 20px #9bdbe6;
  border-radius: 86px;
  position: relative;
  height: 1350px;
  width: 2100px;
  cursor: zoom-in;
  font-family: 'Scada', sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 0;
  left: 50px;
}

.item-exp h3{
  color: white;
  font-size: 190px;
  font-weight: bolder;
  text-shadow: 1px 2px #000;
  z-index: 10;
  text-align: center;
}

.item-exp img{
  position: absolute;
  border-radius: 86px;
  height: 100%;
  width: 100%;
  object-fit: 100% 100%;
  opacity: .2;
}

.item-exp img:hover{
  opacity: 1;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  background: rgba(0,0, 0, .9);
  font-family: 'Scada', sans-serif;
  position: fixed;
  top:0;
  right:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 75% 1fr;
  grid-template-areas: 
  "nada0  nada0   nada0"
  "pleca7  pleca7   pleca7"
  "tit      tit       tit"
  "pleca8  pleca8   pleca8"
  "nada2  images-m  nada3"
  "pleca9  pleca9   pleca9"
  "sub      sub       sub" 
  "pleca10  pleca10   pleca10"
  "nada1  nada1   nada1";
  justify-content: center;
  align-content: center;
  height: 100%;
  width: 100%;
  z-index: 10;
  max-width: 8096px;
  text-align: center;
}


.subtitulo-exp{
  grid-area: sub;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+10,0b2037+51,000000+91&0.21+10,1+51,0.2+89 */
  background: linear-gradient(45deg, rgba(0,0,0,0.21) 10%,rgba(11,32,55,1) 51%,rgba(1,2,3,0.2) 89%,rgba(0,0,0,0.2) 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-size: 100px;
  line-height:130px;
  padding: 60px 600px 60px 600px;
  text-align: justify;
  width: 100%;
}

.subtitulo-exp span{
  color: #7fcaff;
}

.subtitulo-exp a{
  color: #7fcaff;
}

.bigtext-exp{
  color: #7fcaff;
  font-weight: bolder;
  font-size: 130%;
}

.images-modal-exp{
  grid-area: images-m;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 300px 0 300px 0;
}

.imagen-exp{
  background: none;
  cursor: pointer;
  width: 6800px;
  height: 3400px;
}

.imagen-exp img{
  width: 100%;
  height: 100%;
  object-fit: 100% 100%;
  border: solid 20px #7fcaff;
  border-radius: 90px;
}

.close-exp{
  background: #470007;
  border: solid 2px #7fcaff;
  border-radius: 50%;
  color: white;
  cursor: zoom-out;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height:280px;
  font-size:150px;
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
  text-align: center;
  text-decoration-line: none;
  position: relative;
  top: -1650px;
  right: -5700px;
  z-index: 14;
}

.close-exp:hover{
  text-decoration-line: none;
}

iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}


/******************************************************
    [ MEDIA all 7680-8095 ]
*******************************************************/
@media all and (min-width: 7680px) and (max-width: 8095px)
{
  
#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 103%;
  background-position: 0px top;
  max-width: 7680px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 40px !important}
h6{padding: 0 40px 0 0 !important}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 25% 1fr 50%;
  padding: 80px;
}

ul{
  font-size: 55px;
  padding: 40px;
}

.Ideas_V-exp{
  font-size: 120px;
  padding: 40px;
}

.somos-list-exp li{
  font-size:70px;
  padding: 40px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 80px;
  grid-row-gap: 80px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 15px #9bdbe6;
  border-radius: 40px;
  height: 1100px;
  width: 1900px;
  top: 0;
  left: 10px;
}

.item-exp h3{
  font-size: 100px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 86px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 70% 1fr;
  max-width: 7680px;
  text-align: center;
}

.img_firagas{
  width: 2000px;
  text-align: center;
}

.img_barbie{
  width: 2000px;
  text-align: center;
}

.img_pernod{
  width: 2000px;
  text-align: center;
}

.img_residenciales{
  width: 2000px;
  text-align: center;
}

.img_ae_domecq{
  width: 2000px;
  text-align: center;
}

.img_provisep{
  width: 2000px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 80px;
  line-height:120px;
  padding: 60px 600px 60px 600px;
}

.bigtext-exp{
  font-size: 130%;
}

.images-modal-exp{
  margin: 20px 0 20px 0;
}

.imagen-exp{
  width: 5800px;
  height: 2600px;
}

.imagen-exp img{
  border: solid 20px #7fcaff;
  border-radius: 90px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 240px;
  height:200px;
  font-size:120px;
  position: relative;
  top: -1300px;
  right: -5000px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}

/******************************************************
    [ MEDIA all 6016-7679 ]
*******************************************************/
@media all and (min-width: 6016px) and (max-width: 7679px)
{
  
#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 103%;
  background-position: 0px top;
  max-width: 6016px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 40px !important}
h6{padding: 0 40px 0 0 !important}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 25% 1fr 50%;
  padding: 80px;
}

ul{
  font-size: 55px;
  padding: 40px;
}

.Ideas_V-exp{
  font-size: 120px;
  padding: 40px;
}

.somos-list-exp li{
  font-size:70px;
  padding: 40px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 80px;
  grid-row-gap: 80px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 15px #9bdbe6;
  border-radius: 40px;
  height: 1000px;
  width: 1900px;
  top: 0;
  left: 10px;
}

.item-exp h3{
  font-size: 100px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 86px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 70% 1fr;
  max-width: 6016px;
  text-align: center;
}

.img_firagas{
  width: 2000px;
  text-align: center;
}

.img_barbie{
  width: 2000px;
  text-align: center;
}

.img_pernod{
  width: 2000px;
  text-align: center;
}

.img_residenciales{
  width: 2000px;
  text-align: center;
}

.img_ae_domecq{
  width: 2000px;
  text-align: center;
}

.img_provisep{
  width: 2000px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 60px;
  line-height:100px;
  padding: 60px 600px 60px 600px;
}

.bigtext-exp{
  font-size: 130%;
}

.images-modal-exp{
  margin: 20px 0 20px 0;
}

.imagen-exp{
  width: 5000px;
  height: 2100px;
}

.imagen-exp img{
  border: solid 20px #7fcaff;
  border-radius: 90px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 240px;
  height:200px;
  font-size:120px;
  position: relative;
  top: -1050px;
  right: -3850px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}


/******************************************************
    [ MEDIA all 5120-6015 ]
*******************************************************/
@media all and (min-width: 5120px) and (max-width: 6015px)
{

#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 120%;
  background-position: 0px top;
  max-width: 5120px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 20px !important}
h6{padding: 0 20px 0 0 !important}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 30% 1fr 45%;
  padding: 60px;
}

ul{
  font-size: 55px;
  padding: 30px;
}

.Ideas_V-exp{
  font-size: 100px;
  padding: 30px;
}

.somos-list-exp li{
  font-size:50px;
  padding: 30px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns:1fr 1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 10px #9bdbe6;
  border-radius: 40px;
  height: 750px;
  width: 1100px;
  top: 0;
  left: 10px;
}

.item-exp h3{
  font-size: 80px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 35px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 70% 1fr;
  max-width: 5120px;
  text-align: center;
}

.img_firagas{
  width: 2000px;
  text-align: center;
}

.img_barbie{
  width: 2000px;
  text-align: center;
}

.img_pernod{
  width: 2000px;
  text-align: center;
}

.img_residenciales{
  width: 2000px;
  text-align: center;
}

.img_ae_domecq{
  width: 2000px;
  text-align: center;
}

.img_provisep{
  width: 2000px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 50px;
  line-height:90px;
  padding: 30px 400px 30px 400px;
}

.bigtext-exp{
  font-size: 130%;
}

.images-modal-exp{
  margin: 20px 0 20px 0;
}

.imagen-exp{
  width: 5000px;
  height: 1900px;
}

.imagen-exp img{
  border: solid 14px #7fcaff;
  border-radius: 90px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 240px;
  height:180px;
  font-size:100px;
  position: relative;
  top: -900px;
  right: -3300px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}


/******************************************************
    [ MEDIA all 4096-5119 ]
*******************************************************/
@media all and (min-width: 4096px) and (max-width: 5119px)
{

#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 120%;
  background-position: 0px top;
  max-width: 4096px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 20px !important}
h6{padding: 0 20px 0 0 !important}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 30% 1fr 45%;
  padding: 40px;
}

ul{
  font-size: 55px;
  padding: 30px;
}

.Ideas_V-exp{
  font-size: 100px;
  padding: 30px;
}

.somos-list-exp li{
  font-size:50px;
  padding: 30px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 10px #9bdbe6;
  border-radius: 40px;
  height: 640px;
  width: 1200px;
  top: 0;
  left: 10px;
}

.item-exp h3{
  font-size: 80px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 35px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 70% 1fr;
  max-width: 4096px;
  text-align: center;
}

.img_firagas{
  width: 2000px;
  text-align: center;
}

.img_barbie{
  width: 2000px;
  text-align: center;
}

.img_pernod{
  width: 2000px;
  text-align: center;
}

.img_residenciales{
  width: 2000px;
  text-align: center;
}

.img_ae_domecq{
  width: 2000px;
  text-align: center;
}

.img_provisep{
  width: 2000px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 50px;
  line-height:90px;
  padding: 30px 400px 30px 400px;
}

.bigtext-exp{
  font-size: 130%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 5000px;
  height: 1500px;
}

.imagen-exp img{
  border: solid 10px #7fcaff;
  border-radius: 40px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 280px;
  height:150px;
  font-size:80px;
  position: relative;
  top: -750px;
  right: -2600px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}

/******************************************************
    [ MEDIA all 3840-4095 ]
*******************************************************/
@media all and (min-width: 3840px) and (max-width: 4095px)
{

#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 115%;
  background-position: 0px top;
  max-width: 3840px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 20px !important}
h6{padding: 0 20px 0 0 !important}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 30% 1fr 45%;
  padding: 40px;
}

ul{
  font-size: 45px;
  padding: 30px;
}

.Ideas_V-exp{
  font-size: 80px;
  padding: 20px;
}

.somos-list-exp li{
  font-size:48px;
  padding: 30px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 10px #9bdbe6;
  border-radius: 40px;
  height: 640px;
  width: 1200px;
  top: 0;
  left: 10px;
}

.item-exp h3{
  font-size: 80px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 35px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 70% 1fr;
  max-width: 3840px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 30px;
  line-height:50px;
  padding: 10px 600px 10px 600px;
}

.bigtext-exp{
  font-size: 130%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 3000px;
  height: 1300px;
}

.imagen-exp img{
  border: solid 10px #7fcaff;
  border-radius: 40px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 140px;
  height:100px;
  font-size:50px;
  position: relative;
  top: -650px;
  right: -2450px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}

/******************************************************
    [ MEDIA all 2560-3839 ]
*******************************************************/
@media all and (min-width: 2560px) and (max-width: 3839px)
{
#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 115%;
  background-position: 0px top;
  max-width: 2560px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important}
h6{padding: 0 10px 0 0 !important}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 35% 1fr 45%;
  padding: 20px;
}

ul{
  font-size: 28px;
  padding: 30px;
}

.Ideas_V-exp{
  font-size: 60px;
  padding: 20px;
}

.somos-list-exp li{
  font-size:35px;
  padding: 15px 0 15px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns:1fr 1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 4px #9bdbe6;
  border-radius: 20px;
  height: 400px;
  width: 520px;
  top: 0;
  left: 10px;
}

.item-exp h3{
  font-size: 40px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 15px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 75% 1fr;
  max-width: 2560px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 26px;
  line-height:35px;
  padding: 10px 150px 10px 150px;
}

.bigtext-exp{
  font-size: 130%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 2000px;
  height: 1000px;
}

.imagen-exp img{
  border: solid 5px #7fcaff;
  border-radius: 40px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 100px;
  height:80px;
  font-size:40px;
  position: relative;
  top: -490px;
  right: -1750px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}


/******************************************************
    [ MEDIA all 2160-2559 ]
*******************************************************/
@media all and (min-width: 2160px) and (max-width: 2559px)
{

#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 115%;
  background-position: 0px top;
  max-width: 2160px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important}
h6 a{padding: 0 10px 0 0 !important}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 35% 1fr 45%;
  padding: 20px;
}

ul{
  font-size: 24px;
  padding: 30px;
}

.Ideas_V-exp{
  font-size: 60px;
  padding: 20px;
}

.somos-list-exp li{
  font-size:30px;
  padding: 15px 0 15px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 4px #9bdbe6;
  border-radius: 20px;
  height: 380px;
  width: 570px;
  top: 0;
  left: 10px;
}

.item-exp h3{
  font-size: 40px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 15px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 75% 1fr;
  max-width: 2160px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 26px;
  line-height:35px;
  padding: 10px 150px 10px 150px;
}

.bigtext-exp{
  font-size: 130%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 2000px;
  height: 900px;
}

.imagen-exp img{
  border: solid 5px #7fcaff;
  border-radius: 40px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 100px;
  height:80px;
  font-size:40px;
  position: relative;
  top: -450px;
  right: -1460px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}

/******************************************************
    [ MEDIA all 1920-2159 ]
*******************************************************/
@media all and (min-width: 1920px) and (max-width: 2159px)
{

 #hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 115%;
  background-position: 0px top;
  max-width: 1920px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}



#logo_iv{left: 10px;height: 140px !important;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 35% 1fr 45%;
  padding: 10px;
}

ul{
  font-size: 23px;
  padding: 0 0 10px 20px;
}

.Ideas_V-exp{
  font-size: 50px;
  padding: 0 0 10px 20px;
}

.somos-list-exp li{
  font-size:25px;
  padding: 10px 0 10px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 15px;
  grid-row-gap: 15px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 12px;
  height: 300px;
  width: 570px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 32px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 15px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 75% 1fr;
  max-width: 1920px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 20px;
  line-height:25px;
  padding: 7px 100px 7px 100px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 2000px;
  height: 660px;
}

.imagen-exp img{
  border: solid 4px #7fcaff;
  border-radius: 25px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 80px;
  height:60px;
  font-size:30px;
  position: relative;
  top: -320px;
  right: -1335px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}

/******************************************************
    [ MEDIA all 1719-1919 ]
*******************************************************/
@media all and (min-width: 1768px) and (max-width: 1919px)
{

 #hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 115%;
  background-position: 0px top;
  max-width: 1768px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}



#logo_iv{left: 10px;height: 140px !important;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 35% 1fr 45%;
  padding: 10px;
}

ul{
  font-size: 20px;
  padding: 0 0 10px 10px;
}

.Ideas_V-exp{
  font-size: 40px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:22px;
  padding: 10px 0 10px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 15px;
  grid-row-gap: 15px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 12px;
  height: 260px;
  width: 500px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 32px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 15px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 75% 1fr;
  max-width: 1768px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 17px;
  line-height:21px;
  padding: 7px 100px 7px 100px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 2000px;
  height: 590px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 65px;
  height:45px;
  font-size:22px;
  position: relative;
  top: -290px;
  right: -1235px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}

/******************************************************
    [ MEDIA all 1600-1767 ]
/*******************************************************/
@media all and (min-width: 1600px) and (max-width: 1767px)
{

 #hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 115%;
  background-position: 0px top;
  max-width: 1600px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}





/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 35% 1fr 45%;
  padding: 10px;
}

ul{
  font-size: 18px;
  padding: 0 0 10px 10px;
}

.Ideas_V-exp{
  font-size: 36px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:20px;
  padding: 8px 0 8px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 15px;
  grid-row-gap: 15px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 12px;
  height: 230px;
  width: 420px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 28px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 15px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 75% 1fr;
  max-width: 1600px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 16px;
  line-height:20px;
  padding: 7px 100px 7px 100px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 2000px;
  height: 540px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 65px;
  height:40px;
  font-size:19px;
  position: relative;
  top: -270px;
  right: -1120px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}


/******************************************************
    [ MEDIA all 1400-1599 ]
*******************************************************/
@media all and (min-width: 1400px) and (max-width: 1599px)
{


 #hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 115%;
  background-position: 0px top;
  max-width: 1400px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}





/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 35% 1fr 45%;
  padding: 10px;
}

ul{
  font-size: 18px;
  padding: 0 0 10px 10px;
}

.Ideas_V-exp{
  font-size: 36px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:20px;
  padding: 8px 0 8px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 15px;
  grid-row-gap: 15px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 12px;
  height: 220px;
  width: 400px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 25px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 15px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 75% 1fr;
  max-width: 1400px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 16px;
  line-height:20px;
  padding: 7px 100px 7px 100px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 2000px;
  height: 510px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 65px;
  height:40px;
  font-size:19px;
  position: relative;
  top: -250px;
  right: -980px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}



/******************************************************
    [ MEDIA all 1360-1399 ]
*******************************************************/
@media all and (min-width: 1360px) and (max-width: 1399px)
{


 #hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 115%;
  background-position: 0px top;
  max-width: 1366px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}





/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 35% 1fr 45%;
  padding: 10px;
}

ul{
  font-size: 16px;
  padding: 0 0 8px 8px;
}

.Ideas_V-exp{
  font-size: 30px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:16px;
  padding: 7px 0 7px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 12px;
  grid-row-gap: 12px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 12px;
  height: 190px;
  width: 390px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 22px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 15px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 75% 1fr;
  max-width: 1366px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 14px;
  line-height:19px;
  padding: 7px 100px 7px 100px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 1500px;
  height: 440px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 65px;
  height:40px;
  font-size:19px;
  position: relative;
  top: -220px;
  right: -950px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}

/******************************************************
    [ MEDIA all 1280-1359 ]
*******************************************************/
@media all and (min-width: 1280px) and (max-width: 1359px)
{

 #hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 110%;
  background-position: 0px top;
  max-width: 1280px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}





/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 35% 1fr 45%;
  padding: 10px;
}

ul{
  font-size: 16px;
  padding: 0 0 8px 8px;
}

.Ideas_V-exp{
  font-size: 30px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:16px;
  padding: 7px 0 7px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 12px;
  grid-row-gap: 12px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 12px;
  height: 170px;
  width: 340px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 22px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 15px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 75% 1fr;
  max-width: 1280px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 14px;
  line-height:19px;
  padding: 7px 100px 7px 100px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 1500px;
  height: 380px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 65px;
  height:40px;
  font-size:19px;
  position: relative;
  top: -185px;
  right: -890px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}


/******************************************************
    [ MEDIA all 1176-1279 ]
*******************************************************/
@media all and (min-width: 1176px) and (max-width: 1279px)
{

 #hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 110%;
  background-position: 0px top;
  max-width: 1176px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}





/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 35% 1fr 45%;
  padding: 10px;
}

ul{
  font-size: 16px;
  padding: 0 0 8px 8px;
}

.Ideas_V-exp{
  font-size: 30px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:16px;
  padding: 7px 0 7px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 12px;
  grid-row-gap: 12px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 12px;
  height: 150px;
  width: 310px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 22px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 8px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 75% 1fr;
  max-width: 1176px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 13px;
  line-height:19px;
  padding: 7px 100px 7px 100px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 1000px;
  height: 330px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 50px;
  height:40px;
  font-size:17px;
  position: relative;
  top: -165px;
  right: -810px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}



/******************************************************
    [ MEDIA all 1152-1175 ]
*******************************************************/
@media all and (min-width: 1152px) and (max-width: 1175px)
{


 #hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 110%;
  background-position: 0px top;
  max-width: 1152px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}





/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 35% 1fr 45%;
  padding: 10px;
}

ul{
  font-size: 16px;
  padding: 0 0 8px 8px;
}

.Ideas_V-exp{
  font-size: 30px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:16px;
  padding: 7px 0 7px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 12px;
  height: 145px;
  width: 290px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 22px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 8px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 75% 1fr;
  max-width: 1152px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 13px;
  line-height:19px;
  padding: 7px 100px 7px 100px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 1500px;
  height: 450px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 50px;
  height:40px;
  font-size:17px;
  position: relative;
  top: -215px;
  right: -800px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}


/******************************************************
    [ MEDIA all 1112-1151 ] IPAD 
*******************************************************/
@media all and (min-width: 1112px) and (max-width: 1151px)
{

#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: cover;
  background-position: 0px top;
  max-width: 1112px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}





/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 35% 1fr 45%;
  padding: 10px;
}

ul{
  font-size: 16px;
  padding: 0 0 8px 8px;
}

.Ideas_V-exp{
  font-size: 30px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:16px;
  padding: 7px 0 7px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 12px;
  height: 160px;
  width: 290px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 22px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 8px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 75% 1fr;
  max-width: 1112px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 13px;
  line-height:19px;
  padding: 7px 100px 7px 100px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 1500px;
  height: 480px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 80px;
  height:40px;
  font-size:24px;
  position: relative;
  top: -235px;
  right: -770px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}


/******************************************************
    [ MEDIA all 1080-1111 IPAD 810]  
*******************************************************/
@media all and (min-width: 1080px) and (max-width: 1111px)
{

#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: cover;
  background-position: 0px top;
  max-width: 1080px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}


#logo_iv{left: 10px;height: 55px !important;}


/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 35% 1fr 45%;
  padding: 10px;
}

ul{
  font-size: 16px;
  padding: 0 0 8px 8px;
}

.Ideas_V-exp{
  font-size: 30px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:16px;
  padding: 7px 0 7px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 12px;
  height: 160px;
  width: 280px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 22px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 8px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 75% 1fr;
  max-width: 1080px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 13px;
  line-height:19px;
  padding: 7px 100px 7px 100px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 1500px;
  height: 480px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 80px;
  height:40px;
  font-size:24px;
  position: relative;
  top: -235px;
  right: -750px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}




/******************************************************
    [ MEDIA all 1024-1079 ]
*******************************************************/
@media all and (min-width: 1024px) and (max-width: 1079px)
{

#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: cover;
  background-position: 0px top;
  max-width: 1024px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}


#logo_iv{left: 10px;height: 55px !important;}


/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 35% 1fr 45%;
  padding: 10px;
}

ul{
  font-size: 16px;
  padding: 0 0 8px 8px;
}

.Ideas_V-exp{
  font-size: 30px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:16px;
  padding: 7px 0 7px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 12px;
  height: 160px;
  width: 280px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 22px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 8px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 75% 1fr;
  max-width: 1024px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 13px;
  line-height:19px;
  padding: 7px 60px 7px 60px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 1500px;
  height: 400px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 70px;
  height:40px;
  font-size:18px;
  position: relative;
  top: -195px;
  right: -705px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}


/******************************************************
    [ MEDIA all 846-1023 ]
*******************************************************/
@media all and (min-width: 846px) and (max-width: 1023px)
{


#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: cover;
  background-position: 0px top;
  max-width: 845px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}


#logo_iv{left: 10px;height: 55px !important;}


/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 40% 1fr 45%;
  padding: 5px;
}

ul{
  font-size: 15px;
  padding: 0 0 8px 8px;
}

.Ideas_V-exp{
  font-size: 28px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:15px;
  padding: 7px 0 7px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 8px;
  height: 130px;
  width: 200px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 19px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 8px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 85% 1fr;
  max-width: 845px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 11.5px;
  line-height:17px;
  padding: 7px 20px 7px 20px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 1500px;
  height: 220px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 50px;
  height:30px;
  font-size:15px;
  position: relative;
  top: -110px;
  right: -665px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}


/******************************************************
    [ MEDIA all 800-845 ]
*******************************************************/
@media all and (min-width: 800px) and (max-width: 845px)
{


#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: cover;
  background-position: 0px top;
  max-width: 845px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}


#logo_iv{left: 10px;height: 55px !important;}


/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 40% 1fr 45%;
  padding: 5px;
}

ul{
  font-size: 15px;
  padding: 0 0 8px 8px;
}

.Ideas_V-exp{
  font-size: 28px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:15px;
  padding: 7px 0 7px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 8px;
  height: 130px;
  width: 200px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 19px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 8px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 85% 1fr;
  max-width: 845px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 11.5px;
  line-height:17px;
  padding: 7px 20px 7px 20px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 1500px;
  height: 280px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 80px;
  height:40px;
  font-size:18px;
  position: relative;
  top: -135px;
  right: -625px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}



/******************************************************
    [ MEDIA all 750-799 ]
*******************************************************/
@media all and (min-width: 750px) and (max-width: 799px)
{



#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: cover;
  background-position: 0px top;
  max-width: 799px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}


#logo_iv{left: 10px;height: 50px !important;}


/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 40% 1fr 45%;
  padding: 5px;
}

ul{
  font-size: 14px;
  padding: 0 0 8px 8px;
}

.Ideas_V-exp{
  font-size: 28px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:14px;
  padding: 7px 0 7px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 8px;
  height: 130px;
  width: 200px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 17px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 8px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 85% 1fr;
  max-width: 799px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 11.5px;
  line-height:17px;
  padding: 7px 20px 7px 20px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 1500px;
  height: 190px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 60px;
  height:30px;
  font-size:16px;
  position: relative;
  top: -95px;
  right: -595px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}





/******************************************************
    [ MEDIA all 700-749 ]
*******************************************************/
@media all and (min-width: 700px) and (max-width: 749px)
{



#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: cover;
  background-position: 0px top;
  max-width: 700px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}


#logo_iv{left: 10px;height: 50px !important;}


/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 40% 1fr 45%;
  padding: 5px;
}

ul{
  font-size: 13px;
  padding: 0 0 8px 8px;
}

.Ideas_V-exp{
  font-size: 28px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:13px;
  padding: 7px 0 7px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 8px;
  height: 120px;
  width: 185px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 16px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 8px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 85% 1fr;
  max-width: 700px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 11.5px;
  line-height:17px;
  padding: 7px 20px 7px 20px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 1500px;
  height: 150px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 60px;
  height:30px;
  font-size:16px;
  position: relative;
  top: -75px;
  right: -535px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1250px;
}

/******************************************************/
}

/******************************************************
    [ MEDIA all 570-699 ]
*******************************************************
@media all and (min-width: 570px) and (max-width: 699px)
{
/******************************************************
    [ BACKGROUND ]
*******************************************************/


/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************
}


/******************************************************
    [ MEDIA all 320-569 ]
*******************************************************
@media all and (min-width: 320px) and (max-width: 569px)
{
/******************************************************
    [ BACKGROUND ]
*******************************************************/



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************
}


/******************************************************
    [ CELULARES y TABLETS VERTICAL]
*******************************************************/

@media all and (min-width: 1024px) and (max-width: 1279px) and (orientation:portrait)
{
#hidden{display: none;}

#pleca20{display: none;}

#cels-somos{display: none}
/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{
  background-size: 100% 110%;
  background-position: 0px top;
  max-width: 1024px;
  height: 1366px;
}

/******************************************************
    [ HEADER]
*******************************************************/
h5{padding: 0 0 0 10px !important;}
h6 a{padding: 0 10px 0 0 !important;}


#logo_iv{left: 10px;height: 55px !important;}


/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/

#m-experiencias{
  grid-template-columns: 35% 1fr 45%;
  padding: 10px;
}

ul{
  font-size: 16px;
  padding: 0 0 8px 8px;
}

.Ideas_V-exp{
  font-size: 30px;
  padding: 0 0 10px 10px;
}

.somos-list-exp li{
  font-size:16px;
  padding: 7px 0 7px 10px;
}

#experiencias_iv{
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-exp{
  grid-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  justify-content: flex-end;
  align-content: flex-end; 
  text-align: right; 
}

.item-exp{
  border: solid 2px #9bdbe6;
  border-radius: 12px;
  height: 180px;
  width: 240px;
  top: 0;
  left: 0px;
}

.item-exp h3{
  font-size: 22px;
  text-shadow: 1px 2px #000;
}

.item-exp img{
  position: absolute;
  border-radius: 8px;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv-exp{
display: none;
}

.modal-iv-exp:target{
  grid-template-columns: 1fr 75% 1fr;
  max-width: 1024px;
  text-align: center;
}

.subtitulo-exp{
  font-size: 13px;
  line-height:19px;
  padding: 7px 60px 7px 60px;
}

.bigtext-exp{
  font-size: 120%;
}

.images-modal-exp{
  margin: 20px 0 20px 0 !important;
}

.imagen-exp{
  width: 1500px;
  height: 400px;
}

.imagen-exp img{
  border: solid 3px #7fcaff;
  border-radius: 16px;
}

.close-exp{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 70px;
  height:40px;
  font-size:18px;
  position: relative;
  top: -195px;
  right: -705px;
}


iframe{
  width: 70%;
  height: 65%;
}

/******************************************************
    [ FOOTER]
*******************************************************/
.f-exp{
  max-height: 1366px;
}

/******************************************************/
}



@media all and (min-width: 834px) and (max-width: 860px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 180% 99.999%;
  background-position: -280px top;
  margin: 0 auto;
  max-width: 860px;
  align-content:start;
  height: 1112px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}


/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 43% 1fr 1fr;
  height: 100%;
}

#izquierda-somos{
  grid-area: izquierda;
  background: none;
  padding: 5px;
  width: 100%;
  color: #fff;
  position: static;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "nosotros   vision"
  "mision   valores";
  justify-content: center;
  align-self:  center;
}


.Ideas{
  font-size: 20px;
  padding: 5px;
}

.Ideas_V{
  font-size: 20px;
  padding: 5px;
}

.p-somos{
  font-size: 11.5px;
  padding: 4px;
}

.somos-list li{
  font-size: 14px;
  padding: 5px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
  margin: 10px 0 10px 0;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 50px  0 50px 0;
  grid-gap: 7px;
  justify-content: center;
  align-self: center;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 155px;
  width: 200px;
  top: 0;
  left: -7px;
  margin: 20px 0 20px 0;
}

.item h3{
  font-size: 18px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 13px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 90% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 19px;
  padding: 3px 120px 3px 120px;
}

.img_firagas{
  width: 420px;
}

.img_barbie{
  width: 420px;
}

.img_pernod{
  width: 420px;
}

.img_residenciales{
  width: 420px;
}

.img_ae_domecq{
  width: 420px;
}

.img_provisep{
  width: 420px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 15.5px;
  line-height: 18px;
  padding: 7px 80px 7px 80px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 70px;
  height: 40px;
  font-size: 15px;
  top: -210px;
  right: none;
  left: 690px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 35px;
  height: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 80px 0 80px 0;
}

.imagen{
  width: 1300px;
  height: 420px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 20px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
  padding:  0;
  position: relative;
  bottom: 0;
}

#copyright_iv { 
  font-size: 14px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 240px;
  margin:5px 0 5px 0;
}


/******************************************************/
}



@media all and (min-width: 800px) and (max-width: 801px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 180% 99.999%;
  background-position: -280px top;
  margin: 0 auto;
  max-width: 801px;
  align-content:start;
  height: 1280px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}


/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 43% 1fr 1fr;
  height: 100%;
}

#izquierda-somos{
  grid-area: izquierda;
  background: none;
  padding: 5px;
  width: 100%;
  color: #fff;
  position: static;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "nosotros   vision"
  "mision   valores";
  justify-content: center;
  align-self:  center;
}


.Ideas{
  font-size: 20px;
  padding: 5px;
}

.Ideas_V{
  font-size: 20px;
  padding: 5px;
}

.p-somos{
  font-size: 11.5px;
  padding: 4px;
}

.somos-list li{
  font-size: 14px;
  padding: 5px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
  margin: 10px 0 10px 0;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 70px  0 70px 0;
  grid-gap: 7px;
  justify-content: center;
  align-self: center;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 155px;
  width: 200px;
  top: 0;
  left: -7px;
  margin: 20px 0 20px 0;
}

.item h3{
  font-size: 18px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 13px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 90% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 19px;
  padding: 3px 80px 3px 80px;
}

.img_firagas{
  width: 420px;
}

.img_barbie{
  width: 420px;
}

.img_pernod{
  width: 420px;
}

.img_residenciales{
  width: 420px;
}

.img_ae_domecq{
  width: 420px;
}

.img_provisep{
  width: 420px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 15.5px;
  line-height: 18px;
  padding: 7px 50px 7px 50px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 80px;
  height: 40px;
  font-size: 15px;
  top: -210px;
  right: none;
  left: 655px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 45px;
  height: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 80px 0 80px 0;
}

.imagen{
  width: 1300px;
  height: 420px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 20px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
  padding:  0;
  position: relative;
  bottom: 0;
}

#copyright_iv { 
  font-size: 14px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 240px;
  margin:5px 0 5px 0;
}


/******************************************************/
}


@media all and (min-width: 767px) and (max-width: 799px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-qsomos{
  background-size: 180% 99.999%;
  background-position: -280px top;
  margin: 0 auto;
  max-width: 833px;
  align-content:start;
  height: 1024px;
}

#pleca5{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca6{
  margin: 0 0 0 0;
  height: 2px;
}


/******************************************************
    [ HEADER]
*******************************************************/
h5{padding:  0 0 0 10px !important;}

h6 a{padding: 0  10px 0 0;}

/******************************************************
    [ CONTENIDO-SOMOS]
*******************************************************/
#m-qsomos{
  grid-template-columns: 43% 1fr 1fr;
  height: 100%;
}

#izquierda-somos{
  grid-area: izquierda;
  background: none;
  padding: 5px;
  width: 100%;
  color: #fff;
  position: static;
  display: grid;
  grid-gap: 5px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "nosotros   vision"
  "mision   valores";
  justify-content: center;
  align-self:  center;
}


.Ideas{
  font-size: 20px;
  padding: 5px;
}

.Ideas_V{
  font-size: 20px;
  padding: 5px;
}

.p-somos{
  font-size: 11.5px;
  padding: 4px;
}

.somos-list li{
  font-size: 14px;
  padding: 5px;
}

.item-somos{
  border: solid 1px #9bdbe6;
  height: auto;
  margin: 10px 0 10px 0;
}

#nosotros_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#vision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#mision_iv{
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#valores_iv{
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/******************************************************
    [ GALERIA-SOMOS]
*******************************************************/
#derecha-somos{
  padding: 80px  0 30px 0;
  grid-gap: 7px;
  justify-content: center;
  align-self: center;  
}

.galeria-somos{
  background: none;
}

.item{
  border: solid 1px #9bdbe6;
  border-radius: 10px;
  height: 155px;
  width: 200px;
  top: 0;
  left: -7px;
  margin: 20px 0 20px 0;
}

.item h3{
  font-size: 18px;
  text-shadow: 1px 0px #000;
}

.item h4{
  font-size: 13px;
  line-height: 13px;
  text-shadow: 1px 0px #000;
}

.item img{
  border-radius: 10px;
  object-fit: 100% 100%;
  opacity: .2;
}

/******************************************************
    [ LIGHTBOX -MODAL]
*******************************************************/
.modal-iv:target{
  top:0;
  left: 0;
  padding:0;
  margin: 0 auto;
  grid-template-columns: 1fr 90% 1fr;
  justify-content: center;
  align-content: center;
}

#nada0{
  background: none;
  height: 1400px;
  top: 0;
  left: 0; 
}

#nada1{
  background: none;
  height: 1400px;
  bottom: 0;
  left: 0; 
}

#nada2{
  background: none;
  height: 100%;
}

#nada3{
  background: none;
  height: 100%;
}

#pleca7{
  margin: 0 0 0 0;
  height: 2px;
}

.titulo{
  font-size: 19px;
  padding: 3px 80px 3px 80px;
}

.img_firagas{
  width: 420px;
}

.img_barbie{
  width: 420px;
}

.img_pernod{
  width: 420px;
}

.img_residenciales{
  width: 420px;
}

.img_ae_domecq{
  width: 420px;
}

.img_provisep{
  width: 420px;
}

#pleca8{
  margin: 0 0 0 0;
  height: 2px;
}

#pleca9{
  margin: 0 0 0 0;
  height: 2px;
}

.subtitulo{
  font-size: 15.5px;
  line-height: 18px;
  padding: 7px 50px 7px 50px;
}

.bigtext{
  font-size: 115%;
}

#pleca10{
  margin: 0 0 0 0;
  height: 2px;
}

.close{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  position: relative;
  width: 80px;
  height: 40px;
  font-size: 15px;
  top: -210px;
  right: none;
  left: 625px;
}

.arrows{
  border: solid 2px #7fcaff;
  border-radius: 50%;
  width: 45px;
  height: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin: 0 10px 0 10px;
}

.images-modal{
  justify-content: center;
  align-items: center;
  margin: 80px 0 80px 0;
}

.imagen{
  width: 1300px;
  height: 420px;
}

.imagen img{
  object-fit: 100% 100%;
  border: solid 3px #7fcaff;
  border-radius: 20px;
}

/******************************************************
    [ FOOTER]
*******************************************************/
footer{
  margin: 0 auto;
  height: auto;
  padding:  0;
  position: relative;
  bottom: 0;
}

#copyright_iv { 
  font-size: 14px;
  margin:5px 0 5px 0;
}

#copyright_iv span{
  font-size: 20px;
  color: #7fcaff;
}

#link_iv {
  display: none;
  font-size: 16px;
  margin: 80px 0 80px 0;
}

#link_iv a{
  display: none;
  font-size: 16px;
}

#browsers_iv p{
  font-size:12px;
  margin: 10px 0 10px 0;
}

#browsers img{
  max-width: 240px;
  margin:5px 0 5px 0;
}


/******************************************************/
}


@media all and (min-width: 480px) and (max-width: 480px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************
#contenedor-home{
  background: url('../images/ideas_visuales_background-03.jpg');
  background-repeat: no-repeat;
  background-size: 108% 100%;
  background-position: top center;
}



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************
}


@media all and (min-width: 385px) and (max-width: 414px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************
#contenedor-home{
  background: url('../images/ideas_visuales_background-03.jpg');
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: top center;
}



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************
}

@media all and (min-width: 384px) and (max-width: 384px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************
#contenedor-home{
  background: url('../images/ideas_visuales_background-03.jpg');
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: top center;
}



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************
}

@media all and (min-width: 369px) and (max-width: 383px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************
#contenedor-home{
  background: url('../images/ideas_visuales_background-03.jpg');
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: top center;
}



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************
}

@media all and (min-width: 368px) and (max-width: 368px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************
#contenedor-home{
  background: url('../images/ideas_visuales_background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************
}


@media all and (min-width: 360px) and (max-width: 367px) and (orientation:portrait)
{

/******************************************************
    [ BACKGROUND ]
*******************************************************
#contenedor-home{
  background: url('../images/ideas_visuales_background-03.jpg');
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: top center;
}



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/

/******************************************************/
}


@media all and (min-width: 240px) and (max-width: 699px)
{


#hidden{display: none;}

#pleca20{display: none;}

header{display: none;}

#m-experiencias{display: none;}

#pleca5{height: 2px}
#pleca7{height: 1px}


#contenedor-experiencias{
  background: none;
  padding: 0;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "nav"
  "pleca5"
  "c-somos"
  "footer";
  max-width: 699px;
  width: 100%;
  height: 100%;
  align-content:start;
}

/******************************************************
    [ CONTENIDO]
*******************************************************/
#cels-somos{
  grid-area:c-somos;
  padding: 0px 10px 0 10px;
  margin: 0 auto;
  display: block;
  max-width: 699px;
  width: 100%;
  height: 100%;
}

 .item-somos-cel{
  background: none;
  display: block;
  padding: 0;
  margin: 10px auto;
  width: 100%;
  height: auto;
}

.Ideas_V-cel{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2b4662+0,2989d8+50,2b4662+51,7db9e8+100 */
background: rgb(43,70,98); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(43,70,98,1) 0%, rgba(41,137,216,1) 50%, rgba(43,70,98,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(43,70,98,1) 0%,rgba(41,137,216,1) 50%,rgba(43,70,98,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(43,70,98,1) 0%,rgba(41,137,216,1) 50%,rgba(43,70,98,1) 51%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b4662', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  font-size: 19px;
  width: 100%;
  margin: 0;
  padding: 6px 0 6px 6px;
  line-height: 22px;
}


ul{
  font-size: 16px;
  padding: 6px;
  text-align: justify;
}

ul span{
  color: #9bdbe6;
}

.Ideas_V-exp{
  color: #9bdbe6;
  font-size: 16px;
  padding: 6px;
  text-align: left;
}

.somos-list-exp li{
  font-size:16px;
  padding: 6px;
  text-align: left;
}

#experiencias_iv{
  grid-area: exp;
  border-top-left-radius: 86px;
  border-bottom-right-radius: 86px;
  height: auto;
  width: 100%;
}

.somos-list-exp i{
  color: #9bdbe6;
}
.fa-check-circle{
  color: #3f96f7;
  font-size: 19px;
}

.galeria-somos-cel{display: 
block;}


#pie-exp{
  font-family: 'Scada';
  font-size: 16px;
  padding: 8px;
  text-align: justify;
}

#pie-exp span{
  color: #9bdbe6;
}

.bigtext{font-size: 110%;}

iframe{
  width: 100%;
  height: 460px;
  padding: 0;
  margin: 0 auto;
}

/******************************************************
    [ FOOTER]
*******************************************************/


/******************************************************/
}



/******************************************************
    [ WATCHES DEVICE-SMALL  ]
*******************************************************
@media all and (min-width: 90px) and (max-width: 319px) and (orientation: portrait)
{
  /******************************************************
    [ BACKGROUND ]
*******************************************************
#contenedor-home{
  background: url('../images/ideas_visuales_background-03.jpg');
  background-repeat: no-repeat;
  background-size: 108% 100%;
  background-position: center center;
}



/******************************************************
    [ FOOTER]
*******************************************************
footer{display: none;}
/******************************************************/


/******************************************************
}


/******************************************************
    [ ESCONDIDA  ]
*******************************************************/
@media all and (min-width: 1px) and (max-width: 239px)
{
  /******************************************************
    [ BACKGROUND ]
*******************************************************/
#contenedor-experiencias{display: none;}
#hidden{display: block; margin: 0 auto; width: 100%; height: 100%;}
#iv_logo{display: block;background: none;text-align: center; margin: 0 0 5px 0;}
#logoiv{text-align: center; width: 100%; position: static;}
#logoiv img{width: 90px;}
#ideasiv{color:#236dbc;display: block; font-size: 28px;text-align: center;width: 100%; position: static;}
#sloganiv{color:#236dbc;display: block; font-size: 16px;line-height: 16px;text-align: center;width: 100%; position: static;}
#cel{display: block; font-size: 14px;text-align: center;width: 100%; color: yellow; margin: 25px 0 0 0;}
#redesiv{width: 100%; text-align: center; margin: 25px 0 0 0;}
#redesiv a{color:#236dbc;font-size: 36px; text-align:center; width: 100%; padding: 15px;}
#redesiv a:hover{color:white;}
#pleca3{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#01050d+0,4097ad+51,01050d+100&0+0,1+51,0.01+100 */
  background: linear-gradient(to right, rgba(1,5,13,0) 0%,rgba(64,151,173,1) 51%,rgba(1,5,13,0.01) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  height: 2px;}

}