@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


        /* Sections */
        .section {
            margin-bottom: 100px;
            padding-top: 20px;
        }

        .sec.timeline-controls-inner {
            display: flex;
            align-items: center;
            gap: 30px;
            min-width: 320px; /* Suficiente para que la fecha no se corte en el play */
        }

        .section-header {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 40px;
        }

        .section-header .icon-box {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, var(--primary) 0%, #1e8449 100%);
            border-radius: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: white;
            box-shadow: 0 10px 20px rgba(46, 204, 113, 0.2);
        }

        .section-header h2 {
            font-family: 'Outfit', sans-serif;
            font-size: 2.2rem;
            margin: 0;
            font-weight: 700;
            color: white;
        }

        /* Feature Cards */
        .feature-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
        }

        .feature-card {
            background: var(--card-bg);
            border: 1px solid var(--border-glass);
            border-radius: 24px;
            padding: 35px;
            transition: 0.3s;
            position: relative;
            overflow: hidden;
        }

        .feature-card:hover {
            border-color: rgba(46, 204, 113, 0.4);
            transform: translateY(-5px);
            background: rgba(255,255,255,0.06);
        }

        .feature-card h3 {
            font-size: 1.3rem;
            color: white;
            margin-top: 0;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .feature-card h3 i { color: var(--primary); font-size: 1.1rem; }

        .feature-card p {
            color: var(--text-dim);
            font-size: 0.95rem;
            margin: 0;
        }

        /* HUD Components visuals (CSS-only) */
        .hud-demo {
            background: #14181f;
            padding: 20px;
            border-radius: 15px;
            border: 1px solid #27ae60;
            display: inline-flex;
            gap: 20px;
            margin-top: 20px;
        }

        .hud-item {
            text-align: center;
        }

        .hud-label { font-size: 0.6rem; color: #888; text-transform: uppercase; font-weight: 800; margin-bottom: 5px; display: block; }
        .hud-val { font-size: 1.2rem; font-weight: 800; color: #2ecc71; font-family: 'Outfit', sans-serif; }

        /* Steps Gallery */
        .steps {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

        .step-item {
            display: flex;
            gap: 40px;
            align-items: flex-start;
        }

        .step-num {
            flex-shrink: 0;
            width: 50px;
            height: 50px;
            background: rgba(46, 204, 113, 0.1);
            border: 2px solid var(--primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 800;
            color: var(--primary);
            font-size: 1.2rem;
        }

        .step-content {
            border-bottom: 1px solid var(--border-glass);
            padding-bottom: 30px;
            width: 100%;
        }

        .step-content h4 { margin: 0 0 10px 0; font-size: 1.2rem; color: white; }

        /* Legend Table */
        .legend-table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0 15px;
        }

        .legend-table tr {
            background: var(--card-bg);
        }

        .legend-table td {
            padding: 20px;
            border-top: 1px solid var(--border-glass);
            border-bottom: 1px solid var(--border-glass);
        }

        .legend-table td:first-child { border-left: 1px solid var(--border-glass); border-radius: 15px 0 0 15px; width: 60px; text-align: center; }
        .legend-table td:last-child { border-right: 1px solid var(--border-glass); border-radius: 0 15px 15px 0; }

        .status-dot { width: 14px; height: 14px; border-radius: 50%; display: inline-block; vertical-align: middle; }



.feature-card h3, .step-content h4{
  color:#74d19b;
}


.iframex{
  border: solid 1px #74d19b;
  background-color:#ccc;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.item-page_in h1{
  font-weight:bold;
  text-align:center;
  margin-bottom:30px;
  
}

.item-page_in strong{
  color:#74d19b;
  
}

.item-page_in ul{
  list-style:none;
}

.item-page_in ul li{
  margin:15px;
  padding:20px;
  border: solid 1px #74d19b;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.item-page h1{
  color:#74d19b;
  font-weight:bold;
  text-align:center;
  margin-bottom:30px;
}
._bottom{
  margin-top:50px;
  margin-bottom:50px;
}
.tleft{
  text-align:left;
}

.tcenter{
  text-align:center;
}

.tright{
  text-align:right;
}

.tcenter a{
  color:#f0f0f0;
  text-decoration:none;
}
.tcenter a:hover{
  color:#fff;
  text-decoration:none;
}
._plano h3{
  text-align:center;
  margin-top:0px;
  margin-bottom:20px;
  
}
._plano h5{
  font-weight:normal;
  text-align:center;
  margin-bottom:50px;
  
}
header{
  
  
}
._logo{
  padding-top:20px;
  padding-bottom:20px;
  text-align:center;
  
}
._logos img {
  width:auto;
  
}


footer {
    background-color: #73bd44;
  padding-top:5px;
  padding-bottom:5px;
  
}


.menuoculto {
    opacity: 0;
}

.menutopfixed {}


nav.desktop {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
display:table;
  margin-top:30px;
  margin-bottom:30px;
}
nav.desktop ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

nav.desktop ul li {
    position: relative;
    float: left;
}

nav.desktop  ul li a {
    display: block;
    color: #f0f0f0;
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 300;
  text-decoration:none;
}

nav.desktop ul li a:hover {
    color: #fff;
    background: none;
}



nav.desktop ul  li.current a {
    color: #fff;
}


a {
    transition: all 0.20s linear;
    -webkit-transition: all 0.20s linear;
    -moz-transition: all 0.20s linear;
    color: #000;
}

a:hover {
    transition: all 0.20s linear;
    -webkit-transition: all 0.20s linear;
    -moz-transition: all 0.20s linear;
    color: #666;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
  background-color:#000;
}


/*********************************************************************************************************/

@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 1030px) {

}

@media only screen and (max-width: 979px) {

    .menuoculto {
        opacity: 1;
        filter: alpha(opacity=100);
        transition: all 0.20s linear;
        -webkit-transition: all 0.20s linear;
        -moz-transition: all 0.20s linear;
    }
  nav.desktop ._menu {
    display:none;
  }
}

@media only screen and (max-width: 767px) {

  ._logo img{
    max-width:100%;
    height:auto;
  }
}

@media only screen and (max-width: 640px) {


  
  
}