/*
Theme Name:   ATRA CHILD
Description: Tema hijo para hacer personalizaciones de código
Author:       Creoo
Author URL:  https://www.creoo.es
Template:     astra
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.creoo.es
Text Domain:  CREOO
*/

:root {
	/*colores*/
  --blue: #00a7e1;
  --darkblue: #026782;
  --green: #3aaa35;
  --green2: #3fbc5c;
  --green3: #95e391;
  --white: #ffffff;
  --gray: #706f6f;
  --gray2: #c2c2c2;
  --brown: #635241;
}

/* Colors */

.color-white{color:white;}
.color-blue-1{color:#1f7bf0;}
.color-blue-2{color:#4820f0;}
.color-purple-1{color:#7252f2;}
.color-purple-2{color:#8d1ff0;}
.color-pink-1{color:#c93fb9;}
.color-pink-2{color:#d60069;}
.color-acent-green{color:#00D59A;}
.color-acent-blue{color:#00CDFF;}

/* BG Colors */

.bg-white{color:white;}
.bg-blue-1, .bg-Health{ background: rgb(0,205,255); background: linear-gradient(90deg, rgba(0,205,255,1) 0%, rgba(31,123,240,1) 70%);  }
.bg-blue-2, .bg-Mass-product{ background: rgb(31,123,240); background: linear-gradient(90deg, rgba(31,123,240,1) 0%, rgba(72,32,240,1) 70%);}
.bg-purple-1, .bg-Mental{ background: rgb(72,32,240); background: linear-gradient(90deg, rgba(72,32,240,1) 0%, rgba(114,82,242,1) 70%); }
.bg-purple-2, .bg-Mobility{ background: rgb(114,82,242); background: linear-gradient(90deg, rgba(114,82,242,1) 0%, rgba(141,31,240,1) 70%); }
.bg-pink-1, .bg-Physical{ background: rgb(141,31,240); background: linear-gradient(90deg, rgba(141,31,240,1) 0%, rgba(201,63,185,1) 70%); }
.bg-pink-2, .bg-Sensorial{ background: rgb(201,63,185); background: linear-gradient(90deg, rgba(201,63,185,1) 0%, rgba(214,0,105,1) 70%); }
.bg-acent-green{background-color:#00D59A;}
.bg-acent-blue{background-color:#00CDFF;}

/* BG Gradient */

.deg-fluor{
	background: rgb(0,212,255);
    background: linear-gradient(90deg, rgba(0,212,255,1) 0%, rgba(49,83,143,0.6) 45%, rgba(201,63,185,0.6) 71%, rgba(214,0,105,0.6) 99%);
}

.deg-fluor-green{
	 background: rgb(0,213,154);
     background: linear-gradient(90deg, rgba(0,213,154,1) 0%, rgba(0,205,255,1) 50%, rgba(49,83,143,1) 100%); 
}

.deg-blue{
	 background: rgb(0,205,255);
     background: linear-gradient(90deg, rgba(0,205,255,1) 0%, rgba(72,32,240,1) 70%); 
}

.deg-purple{
	 background: rgb(49,83,143);
     background: linear-gradient(90deg, rgba(49,83,143,1) 0%, rgba(141,31,240,1) 70%); 
}

.deg-pink{
	 background: rgb(201,63,185);
     background: linear-gradient(90deg, rgba(201,63,185,1) 0%, rgba(214,0,105,1) 70%); 
}



/*NUEVAS PRUEBAS*/
/* 1.timeline HZ */
#tlgbTimelineItem-5 ~ .timeline__item::after {
    background-color: #fff;
    border: 4px solid #ff0000 !important;
    border-radius: 50%;
    content: "";
    height: 60px !important;
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 60px !important;
    z-index: 1;
  }

#tlgbTimelineItem-6{transform: translateY(135px);}

body{background-color:black;}

/*TEXT DECORATION NONE */
h1,h2,h3,h4,h5,h6,p,a,span,strong{text-decoration: none !important;}

/*AJUSTES GENERALES*/
#nop{display: none;}
.f-left{float: left;}
.hidemvl{display: inline;}
.hidescreen{display: none;}
.clear{clear: revert;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6{margin-bottom: 0px;}
#gap{height:20px;}


/* FLEX */
.flex-row, .flex, .d-flex, .flex-r-c {display: flex;}
.flex-row-col{display: flex;}  
.flex-col {display:flex; flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
.flex-wrap-reverse{flex-wrap: wrap-reverse;}
.flex-nowrap{flex-wrap: nowrap;}

/* Eje principal */
.flex-1-start{justify-content: start} 
.flex-1-end{justify-content: end;}
.flex-1-center{justify-content: center;}
.flex-1-between{justify-content: space-between;}
.flex-1-around{justify-content: space-around;}

/* Eje secundario "align-content" (alinea cuando hay varias lineas) */
.flex-2-start{align-content: flex-start;} 
.flex-2-end{align-content: flex-end;}
.flex-2-center{align-content: center;}
.flex-2-between{justify-content: space-between;}

/* Eje secundario "align-item" (alinea cuando hay solo una lineas) */
.flex-item-start{align-items: flex-start;}
.flex-item-end{align-items: flex-end;}
.flex-item-center{align-items: center;}

.grow-1{flex-grow: 1;}
.gap-2, .gap-col-2, .gap-row-2{gap:2px;}
.gap-4, .gap-col-4, .gap-row-4{gap:4px;}
.gap-8, .gap-col-8, .gap-row-8{gap:8px;}
.gap-16, .gap-col-16, .gap-row-16{gap:16px;}
.gap-32, .gap-col-32, .gap-row-32{gap:32px;}



.center-x, .center-x-y{display: flex; flex-direction:row; justify-content: center; align-items: center;}
.center-y, .center-y-x{display: flex; flex-direction:column; justify-content: center; align-items: center;}








/*IMÁGEN*/
.centroimagen{display:block; margin:auto;}






/*SIZES*/
.size-16-33{width:16.6%;}/*Screen 6 itmes > mobile 3 items*/
.size-25-50{width: 25%;}
.size-60-100{width: 60%;}
.size-70-100{width: 70%;}
.size-40-100{width: 40%;}
.size-30-100{width: 30%;}






















/******************************************
************* CUSTOM POSTS  ***************
*******************************************/

/*CTA's flotantes*/
#content_cta{display: flex; justify-content: space-between;}
#content_cta_r{display: flex; justify-content: flex-end;}
#content_cta_r_l{display: flex; justify-content: flex-end;}
.float_cta{float: left;}
.float_cta_r{float: right;}
.float_cta_r_l{float: right;}



/* CPT...*/
#cpt_box{width: min(100% - 30px, 1100px); margin-inline: auto;}
#cpt_box h1{padding: 0 0 16px 0; }
#cpt_box h2{padding: 0 0 16px 0; }
#cpt_box img{border-radius:10px;}

.tag_hf{
	list-style: none;
    border-radius: 20px;
    padding: 3px 12px 3px 12px;
    color: white;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
	transition-duration: 0.3s;
}

.tag_hf:hover{padding: 3px 18px 3px 18px; transition-duration: 0.3s; color:white;}
.tag_hf:active{color:white;}



.embed-container iframe{width:100%!important; border-radius:15px; aspect-ratio: 16 / 9; height:100%!important; padding:6px;}




#in_cpt_min{position: relative; float: left; width: 33%; padding:12px; padding: 8px; display: flex; justify-content: center; flex-direction: column; }
#in_cpt_min a{color:#00d59a; text-decoration:none; font-size: 16px !important;}

.in_cpt_end{
	text-align:center;
	min-height:200px;
	border-bottom:2px #00D59A solid;
	margin: 16px 0 32px 0;
	border-radius: 12px;
    background: rgb(0,213,154);
    background: linear-gradient(0deg, rgba(0,213,154,0.1) 0%, rgba(0,213,154,0) 65%);
	transition:0.6s;
	display: flex;
   flex-direction: column;
   justify-content: space-evenly;
   align-items: center;
	padding: 0 12px;
}

.in_cpt_end a{
  font-size:21px !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cpt_end_cruz{width: 25%; opacity:0.5; transition:0.6s;}
/*hover multiple*/
#in_cpt_min:hover
.cpt_end_cruz{transform:rotate(180deg); transition:0.6s;}
#in_cpt_min:hover
.in_cpt_end{
	 background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 65%);
	transition:0.6s;
}
/*end hover mutiple*/



.cpt_size_img_min{width: 100%; float: left;}
.cpt_size_img{width: 33%;}
#in_cpt_logo{float: left; width: 10%; padding:8px;}
#in_cpt_txt{float: left; width: 89%; padding:8px;}
.cpt_eco{ position: absolute; z-index: 99; top: 30px; left: 30px; width:40px;}
.cpt_green{width:100%; padding: 15px; color: #ffffff;}
#gap_end{border-bottom: 2px dotted var(--blue); margin-top: 50px;}
.space-after{margin-top:10%;}



/*resumen home CPT*/
#div-exito{height: 450px;}
#cpt_box_home{padding: 25px 10% 20px 10%;}
.cpt_info_archive{ width: min(100% - 30px, 1400px); margin-inline: auto;}
#cpt_box_archive{
  /*padding: 25px 20%;*/
  width: min(100% - 30px, 1400px); 
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 1rem;}


/* GRID ARCHIVE CPT */
.cpt_grid_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: space-evenly;
  padding: 2px;
  background-image: linear-gradient(rgb(0, 0, 0), rgb(0, 0, 0)), 
                    linear-gradient(39deg,rgba(214, 0, 105, 1) 0%, rgba(201, 63, 185, 1) 33%, rgba(72, 32, 240, 1) 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
  border-radius: 12px;
  transition:0.6s;
}

.cpt_grid_item_arrow{justify-content: space-between; gap:8px; transition: 0.6s;}
.cpt_grid_item h2{
   font-size:21px !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
   }
.cpt_grid_item span{font-size:12px; color:grey;}
.cpt_grid_item_img{transform: translateX(-150px); opacity:0; transition: 0.6s;}



.cpt_grid_item:hover{
 box-shadow: 0px 0px 41px 2px rgba(214,0,105,0.75);
-webkit-box-shadow: 0px 0px 41px 2px rgba(214,0,105,0.75);
-moz-box-shadow: 2px 0px 41px 2px rgba(214,0,105,0.75);
transition:0.6s;
}

/*hover elementos*/
.cpt_grid_item:hover
.cpt_grid_item_img{transform: translateX(0); opacity:1; transition: 0.6s;}



/*  END GRID ARCHIVE CPT */



.h_cpt{width: 100%;}
.txt-position{margin-block: -50px; /*display:inline-block;display:inline-block;*/}
.label-cpt{background-color: var(--blue); padding:5px 10px 5px 10px; border-radius:25px; border:2px solid var(--white);; }



/* FOOTER */

/* Línea degradao */
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
  border-width: 0;
  border-top-width: 0; 
}
.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
  grid-column-gap: 0;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}








/******************************************
*********         1600              ********
*******************************************/
@media only screen and (max-width: 1600px){




}





/******************************************
*********         1400              ********
*******************************************/
@media only screen and (max-width: 1400px){

 } 





/******************************************
*********         1230              ********
*******************************************/
@media only screen and (max-width: 1230px){

/*Bloques verdes sostenibles HOME*/
.size-bloq-green{height:200px;}

/* GRID BLOQUES */
#grid3{padding: 50px 2% 50px 2%;}
#grid2{padding: 50px 10% 50px 10%;}





/*TEXTOS*/
.txt-r-c{text-align:center; }
.txt-r-l{text-align:left; }
.txt-l-c{text-align:center; }
.txt-xl{font-size: 45px !important;}
.txt-j-c{text-align: center;}
.txt-xxl{font-size: 120px !important;}

/*resumen home CPT*/
#div-exito{height: 300px;}
#cpt_box_home, #cpt_box_archive, /*.cpt_info_archive{padding: 24px;*/ }




/* SIZES */

.size-60-100{width: 100%;}
.size-70-100{width: 100%;}
.size-40-100{width: 100%;}
.size-30-100{width: 100%;}

/*DISPLAY*/
.flex-r-c{flex-direction: column; align-items: center;}
 } 







/******************************************
*********         1100              ********
*******************************************/
@media only screen and (max-width: 1100px){



}	


/******************************************
*********         920              ********
*******************************************/
@media only screen and (max-width: 920px){


	

}  




/******************************************
*********         800              ********
*******************************************/
@media only screen and (max-width: 800px){

/* GRID BLOQUES */
#grid3, #grid2{padding: 50px 30px 50px 30px;}
#content_div_space{display: flex; width: 100%; flex-direction: column; justify-content: space-between; height: 1100px;}
#content_div_space2{display: flex; width: 100%; flex-direction: column; justify-content: space-between; height: 700px;}
#content_space, #content_space2{width: 100%; height: 325px;}
#in_content_space, #in_content_space2{width:80%;}



/*LOOP CPT HOME*/ /* SIZES */
.size-25-50{width: 50%;}


 } 







/******************************************
*********         690              ********
*******************************************/
@media only screen and (max-width: 690px){

/* FLEX */
.center-x-y{display: flex; flex-direction:column; justify-content: center; align-items: center;}
.center-y-x{display: flex; flex-direction:row; justify-content: center; align-items: center;}	
	
/*CPT*/

#in_cpt_imgs{width: 100%;}
#in_cpt_min{width: 50%; padding:8px;}

/*SIZE*/
.size-16-33{width:33%;}

}



/******************************************
*********         500              ********
*******************************************/
@media only screen and (max-width: 500px){

#in_cpt_min{width: 100%; padding:8px;}
}








 /******************************************
*********         350              ********
*******************************************/
@media only screen and (max-width: 350px){

/* TEXTOS */
.txt-xxl{font-size: 25px !important;}

/*LOOP CPT HOME*/
.size-25-50{width: 100%;}