/*tabs megamenu*/
.tabs-component_general{

}

.tabs-megamenu h1{
max-width: 1171px;
    width: 100%;
    margin: 0 auto;
    padding: 20px 15px 0px 15px;
    font-family: "Montserrat", sans-serif;
    display: block;
    text-align: center;
    color: #ff6600;
    font-size: 22px;
}
.tabs-nav_g{
   display:flex;
   gap:20px;
   justify-content:center;
   overflow-x:auto;
   scrollbar-width:none;
   padding:10px 0;
   background:#fff;
   position:relative;
   max-width: 1171px;
   width: 100%;
   margin: 0 auto;
   padding: 26px 0px 45px 0px;
}
.tabs-nav_g::-webkit-scrollbar{
   display:none;
}
.tab-btn_g{
   position:relative;
   border:none;
   min-width:210px;
   padding:11px 20px;
   border-radius:40px;
   background:#F5F7F8;
   color:#222;
   font-size:22px;
   cursor:pointer;
   transition:.35s;
   white-space:nowrap;
   outline: none;
   border: none;
   font-family: "Montserrat", sans-serif;
   font-weight: 500;
}
.tab-btn_g:hover{
   background:#E9EEF0;
}
.tab-btn_g.active{
   background:#b00062;
   color:#FFF;
   outline: none;
}
.tab-btn_g:focus{
   outline: none;
}
.tab-btn_g:focus-visible{
   outline: none;
}
/* Flecha */
.tab-btn_g.active::after{
   content:"";
   position:absolute;
   left:50%;
   transform:translateX(-50%);
   bottom:-12px;
   width:50px;
   height:24px;
   background:#b00062;
   clip-path:polygon(50% 100%,0 0,100% 0);
      animation:fade_1 .35s ease;
}

/* Flecha independiente */

.tab-arrow_g{

    position:absolute;

    bottom:8px;

    width:22px;

    height:22px;

    background:#b00062;

    transform:translateX(-50%) rotate(45deg);

    transition:

        left .35s ease,

        background .35s ease;

    pointer-events:none;

}

.tabs
 
.tabs-content_g{
   background:#FFF;
}
.tab-content_g{
   display:none;
   animation:fade .35s ease;
}
.tab-content_g.active{
   display:block;
}
@keyframes fade{
   from{
       opacity:0;
       transform:translateY(20px);
   }
   to{
       opacity:1;
       transform:translateY(0);
   }
}

@media(max-width:768px){
.tabs-nav_g{
   position:sticky;
   top:0;
   padding:15px;
   background:#FFF;
   box-shadow:0 5px 15px rgba(0,0,0,.08);
}
.tab-btn_g{
   flex:none;
   min-width:170px;
   font-size:18px;
   padding:16px 20px;
       gap: 6px;
}
/* .tabs-content_g{
   padding:25px 15px;
} */
 .tabs-megamenu h1 {
    font-size: 19px;
    margin-bottom: 17px;
}
}

@media(max-width:768px){
   .componente-descripcion-proyecto .contenido-izq .datos-curiosos .dato:first-child {
    width: 100%;
}
.componente-descripcion-proyecto .contenido-izq .datos-curiosos .dato:last-child {
    width: 100%;
}
}