.resumen_row_button {
    text-align: right;
    border: none;
    background: transparent;
}

#btn_select_resumenes {
    background-color: #0073aa;
    color: white;
    padding: 8px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s ease;
}

#btn_select_resumenes:hover {
    background-color: #005d8c;
}

#all_resumenes {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.resumen_row {
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: start;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fafafa;
	color: #FFF;
}

.resumen_col_checkbox {
    display: flex;
    justify-content: center;
    align-items: start;
    padding-top: 4px;
}

.resumen_checkbox {
    transform: scale(1.2);
    cursor: pointer;
}

.resumen_col_text {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
	text-align: left;
}




/*Popup up update*/
.custom-model-wrap-looking {
	overflow: hidden;
    overflow-y: scroll;
}

.gilgamesh__div_section {
	text-align:center;
}

.gilgamest__btn {
	line-height: 1em;
}

.main-card-delete {
	margin-bottom: 0px !important;
}

.gilgamesh__container_update {
	width:967px;
	text-align: left!important;
}


.popup_card-content-inside {
	padding-top: 0px!important;
}

.custom-model-main, .custom-model-update {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

.custom-model-update {
	top: 0vh!important;
}

.custom-model-main:before {
  content: "";
  display: inline-block;
  height: auto;
  vertical-align: middle;
  margin-right: -0px;
  height: 100%;
}
.model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}
.custom-model-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  max-width: 97%;
  margin: 30px auto;
}

.custom-model-wrap {
  display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(80vh - 70px);
}

.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}

.model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}

.model-open .bg-overlay-medium {
 	background: rgba(0, 0, 0, 0.5);
  	z-index: 99;
}

.show .bg-overlay-medium {
 	background: rgba(0, 0, 0, 0.5);
  	z-index: 99;
}

.bg-overlay, .bg-overlay-medium {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}

.close-btn, .close-btn-update, .close-btn-delete, .close-btn-resumenes  {
	position: absolute;
    right: -5px;
    top: -60px;
    cursor: pointer;
    z-index: 99;
    font-size: 50px;
    color: #FFF;
}

.custom-model-wrap-looking {
	background: #FFF;
}

.gilgamesh__p_title{
	color: #FFF!important;
	font-size: 22px;
} 

.gilgamesh__p {
	color: #FFF!important;
	font-size: 16px;
}

.gilgamesh__container {
	display: grid;
  	/*padding: 2rem;*/
  	/*grid-template-columns: 300px 1fr;*/
  	gap: 1rem;
  	align-items: center;
  	max-width: 900px;
  	/*margin: 5% auto;*/
  	font: 500 100%/1.5 system-ui;
  	background:#fff;
}

.gilgamesh__title {
  font-size: 2rem!important;
  font-weight:700!important;
  line-height: 1!important;
  color:#000000!important;
  font-family: "Fredoka", Sans-serif!important;
}

.gilgamesh__parrafo {
	font-size:18px!important;
	line-height:1.3!important;
	font-family: "Fredoka", Sans-serif!important;
}

.gilgamesh__img {
	max-width: 100%;
  	height: 450px;
  	box-shadow: 2px 2px 42px 2px #ddd;
}


@media (max-width: 768px) {
  	.gilgamesh__container {
    	display: block;
		text-align: center;
  	}
	
  	.gilgamesh__parrafo {
    	position: relative;
   		background-color: #ffffff85
  	}
	
  	.gilgamesh__container_img {
    	max-width: 100%;
    	background-position:center;
   		object-fit:cover;
  	}
	
  	.gilgamesh__title{
    	font-size:35px;
    	padding-top:0px;
    	padding-bottom:0px;
  	}
	.custom-model-wrap { overflow-y: scroll; }
}
@media only screen and (max-width: 967px) {
	.gilgamesh__container_update {width:auto; }
}
@media only screen and (max-width: 467px) {
	.custom-model-inner-quick { max-width: 97%!important; }
	.form__submit_looking { margin: unset!important; }
	#response_form_looking { padding-bottom: 25px; }
	.custom-model-wrap-looking { width: 100%; }
	.gilgamesh__container_update {width:auto; }
}



/*Tarjeta*/
.popup_card {
	 width: 340px;
	 margin: auto;
	 overflow-y: hidden;
	 position: relative;
	 z-index: 1;
	 overflow-x: hidden;
	 background-color: rgba(255, 255, 255, 1);
	 display: flex;
	 transition: 0.3s;
	 flex-direction: column;
	 border-radius: 10px;
	 box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.2);
}
 .popup_card[data-state="#about"] {
	 height: auto;
}
 .popup_card[data-state="#about"] .popup_card-main {
	 padding-top: 0;
}
 .popup_card[data-state="#contact"] {
	 height: 430px;
}
 .popup_card[data-state="#experience"] {
	 height: 550px;
}
 .popup_card.is-active .popup_card-header {
	 height: 80px;
}
 .popup_card.is-active .popup_card-cover {
	 height: 100px;
	 top: -50px;
}
 .popup_card.is-active .popup_card-avatar {
	 transform: none;
	 left: 20px;
	 width: 50px;
	 height: 50px!important;
	 bottom: 10px;
}
 .popup_card.is-active .popup_card-fullname, .popup_card.is-active .popup_card-jobtitle {
	 left: 86px;
	 transform: none;
	 
}
 .popup_card.is-active .popup_card-fullname {
	 bottom: 18px;
	 font-size: 19px!important;
}
 .popup_card.is-active .popup_card-jobtitle {
	bottom: 0px !important;
    letter-spacing: 1px;
    font-size: 10px !important;
}
 .popup_card-header {
	 position: relative;
	 display: flex;
	 height: 200px;
	 flex-shrink: 0;
	 width: 100%;
	 transition: 0.3s;
}
 .popup_card-header * {
	 transition: 0.3s;
}
 .popup_card-cover {
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 height: 160px;
	 top: -20%;
	 left: 0;
	 will-change: top;
	 background-size: cover;
	 background-position: center;
	 filter: blur(30px);
	 transform: scale(1.2);
	 transition: 0.5s;
}
 .popup_card-avatar {
	width: 100px;
    height: 100px!important;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2)!important;
    border-radius: 50%!important;
    object-position: center;
    object-fit: cover;
    position: absolute;
    bottom: 20px !important;
    left: 50%;
    transform: translateX(-50%) translateY(-64px);
}
 .popup_card-fullname {
	 position: absolute;
	 bottom: 0;
	 font-size: 22px!important;
	 font-weight: 700!important;
	 text-align: center;
	 white-space: nowrap;
	 transform: translateY(-10px) translateX(-50%);
	 left: 50%;
	 color: #636b6f!important;
}
 .popup_card-jobtitle {
	 position: absolute;
	 bottom: -15px !important;;
	 font-size: 11px!important;
	 white-space: nowrap;
	 font-weight: 500!important;
	 opacity: 0.7;
	 text-transform: uppercase;
	 letter-spacing: 1.5px;
	 margin: 0;
	 left: 50%;
	 transform: translateX(-50%) translateY(-7px);
}
 .popup_card-main {
	 position: relative;
	 flex: 1;
	 display: flex;
	 padding-top: 10px;
	 flex-direction: column;
}
 .popup_card-subtitle {
	 font-weight: 700;
	 font-size: 13px;
	 margin-bottom: 8px;
}
 .popup_card-content {
	 padding: 20px;
}
 .popup_card-desc {
	 line-height: 1.6;
	 color: #636b6f;
	 font-size: 14px;
	 margin: 0;
	 font-weight: 400;
	 font-family: "DM Sans", sans-serif;
}
 .popup_card-social {
	 display: flex;
	 align-items: center;
	 padding: 0 20px;
	 margin-bottom: 30px;
}
 .popup_card-social svg {
	 fill: #a5b5ce;
	 width: 16px;
	 display: block;
	 transition: 0.3s;
}
 .popup_card-social a {
	 color: #8797a1;
	 height: 32px;
	 width: 32px;
	 border-radius: 50%;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 transition: 0.3s;
	 background-color: rgba(93, 133, 193, 0.05);
	 border-radius: 50%;
	 margin-right: 10px;
}
 .popup_card-social a:hover svg {
	 fill: #637faa;
}
 .popup_card-social a:last-child {
	 margin-right: 0;
}
 .popup_card-buttons {
	 display: flex;
	 background-color: #fff;
	 margin-top: auto;
	 position: sticky;
	 bottom: 0;
	 left: 0;
}
 .popup_card-buttons button {
	 flex: 1 1 auto;
	 user-select: none;
	 background: 0;
	 font-size: 13px;
	 border: 0;
	 padding: 15px 5px;
	 cursor: pointer;
	 color: #5c5c6d;
	 transition: 0.3s;
	 font-family: "Jost", sans-serif;
	 font-weight: 500;
	 outline: 0;
	 border-bottom: 3px solid transparent;
}
 .popup_card-buttons button.is-active, .popup_card-buttons button:hover {
	 color: #2b2c48;
	 border-bottom: 3px solid #8ab35e;
	 background: linear-gradient(to bottom, rgba(138, 179, 94, 0) 0%, rgba(138, 179, 94, 0.05) 44%, rgba(138, 179, 94, 0.1) 100%);
}
 .popup_card-section {
	 display: none;
}
 .popup_card-section.is-active {
	 display: block;
	 animation: fadeIn 0.6s both;
}
 @keyframes fadeIn {
	 0% {
		 opacity: 0;
		 transform: translatey(40px);
	}
	 100% {
		 opacity: 1;
	}
}
 .popup_card-timeline {
	 margin-top: 30px;
	 position: relative;
}
 .popup_card-timeline:after {
	 background: linear-gradient(to top, rgba(134, 214, 243, 0) 0%, rgba(81, 106, 204, 1) 100%);
	 content: "";
	 left: 42px;
	 width: 2px;
	 top: 0;
	 height: 100%;
	 position: absolute;
	 content: "";
}
 .popup_card-item {
	 position: relative;
	 padding-left: 60px;
	 padding-right: 20px;
	 padding-bottom: 30px;
	 z-index: 1;
}
 .popup_card-item:last-child {
	 padding-bottom: 5px;
}
 .popup_card-item:after {
	 content: attr(data-year);
	 width: 10px;
	 position: absolute;
	 top: 0;
	 left: 37px;
	 width: 8px;
	 height: 8px;
	 line-height: 0.6;
	 border: 2px solid #fff;
	 font-size: 11px;
	 text-indent: -35px;
	 border-radius: 50%;
	 color: rgba(134, 134, 134, 0.7);
	 background: linear-gradient(to bottom, #a0aee3 0%, #516acc 100%);
}
 .popup_card-item-title {
	 font-weight: 500;
	 font-size: 14px;
	 margin-bottom: 5px;
}
 .popup_card-item-desc {
	 font-size: 13px;
	 color: #6f6f7b;
	 line-height: 1.5;
	 font-family: "DM Sans", sans-serif;
}
 .popup_card-contact-wrapper {
	 margin-top: 20px;
}
 .popup_card-contact {
	 display: flex;
	 align-items: center;
	 font-size: 13px;
	 color: #6f6f7b;
	 font-family: "DM Sans", sans-serif;
	 line-height: 1.6;
	 cursor: pointer;
}
 .popup_card-contact + .popup_card-contact {
	 margin-top: 16px;
}
 .popup_card-contact svg {
	 flex-shrink: 0;
	 width: 30px;
	 min-height: 34px;
	 margin-right: 12px;
	 transition: 0.3s;
	 padding-right: 12px;
	 border-right: 1px solid #dfe2ec;
}
 .contact-me {
	 border: 0;
	 outline: none;
	 background: linear-gradient(to right, rgba(83, 200, 239, 0.8) 0%, rgba(81, 106, 204, 0.8) 96%);
	 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
	 color: #fff;
	 padding: 12px 16px;
	 width: 100%;
	 border-radius: 5px;
	 margin-top: 25px;
	 cursor: pointer;
	 font-size: 14px;
	 font-weight: 500;
	 font-family: "Jost", sans-serif;
	 transition: 0.3s;
}