body {
            font-family: 'Montserrat', sans-serif;
            color: #333;
            margin: 0;
            padding: 0;
            background-color: white !important;
        }

        :root {
            --gli-blue: #0d83c9;
            --gli-text-blue: #008cd2;
            --gli-cyan: #63c5e5;
            --cyan: #00d2ff;
            --dark-blue: #0f4b7a;
            --gli-border: #a2d8ef;
            --gli-dark: #333333;
            
        }

  /* --- PRODUCT GALLERY --- */
  .thumb-box {
      width: 70px !important;
      height: 70px !important;
      border: 1px solid var(--gli-border) !important;
      border-radius: 12px !important;
      margin-bottom: 12px !important;
      cursor: pointer;
      transition: all 0.2s ease;
  }

  .thumb-box:hover {
      border-color: var(--gli-text-blue) !important;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
  }

  .main-image-box {
      border: 1px solid var(--gli-border) !important;
      border-radius: 20px !important;
      overflow: hidden;
      display: flex !important; 
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      /* min-height: 450px; */
      /* position: absolute; */
      object-fit: contain;
  }
   .main-image-container {
       /* border: 3px solid var(--primary-blue); */
       /* Borde azul */
       /* border-radius: 12px; */
       /* Bordes redondeados */
       overflow: hidden;
       /* Enmascara la imagen a los bordes redondeados */
       position: relative;
       width: 100%;
       height: 100%;
       min-height: 450px;
       min-width: 500px;
       object-fit: cover;
   }


   .main-image-container img {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       object-fit:cover;
       /* Asegura que la imagen llene el espacio completamente */
   }


  .main-image-box img {
      max-width: 100%;
      object-fit:cover;
  }

  /* --- PRODUCT DETAILS --- */
  .product-title {
      color: var(--gli-text-blue);
      font-weight: 900;
      font-size: 2.8rem;
      line-height: 1.1;
      margin-bottom: 5px;
      letter-spacing: -1px;
  }

  .product-subtitle {
      font-size: 0.9rem;
      color: black;
      font-weight: 900;
      vertical-align: middle;
  }

  .product-meta {
      font-size: 0.75rem;
      font-weight: 900;
      line-height: 1.2;
      margin-bottom: 15px;
      color: black;
  }

  .product-price {
      font-size: 3.5rem;
      font-weight: 900;
      color: var(--gli-dark);
      line-height: 1;
      margin-bottom: 15px;
  }

  /* Controles y Botones */
  .btn-cyan {
      background-color: var(--gli-cyan) !important;
      color: white !important;
      font-weight: bold !important;
      border: none !important;
      border-radius: 15px !important;
      padding: 6px 15px !important;
      font-size: 0.85rem !important;
      transition: background-color 0.2s !important;
  }

  .btn-cyan:hover {
      background-color: #4eb5d9 !important;
      color: white !important;
  }

  .qty-btn {
      background-color: var(--gli-cyan);
      color: white;
      border: none;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      font-size: 1.2rem;
      line-height: 1;
      padding: 0;
      padding-bottom: 2px;
  }

  .qty-input {
      width: 35px;
      text-align: center;
      border: none;
      background-color: #f0f0f0;
      font-weight: bold;
      border-radius: 5px;
  }

  /* Tabla de Datos Técnicos */
  .section-title {
      color: var(--gli-text-blue);
      font-weight: 900;
      font-size: 1.1rem;
      margin-bottom: 15px;
      margin-top: 25px;
      text-transform: uppercase;
  }

  .tech-table {
      width: 80%;
      font-size: 0.75rem;
      font-weight: 900;
      color: black;
  }

  .tech-table th {
      padding-bottom: 10px;
  }

  .tech-table td {
      padding: 4px 0;
  }

  /* Tarjeta de Tamaño Disponible */
  .available-size-card {
      border: 1px solid var(--gli-border);
      border-radius: 15px;
      padding: 10px 15px;
      display: flex;
      align-items: center;
      max-width: 450px;
  }

  .available-size-card img {
      border-radius: 8px;
      width: 80px;
      height: 80px;
      object-fit: cover;
  }

  .available-title {
      color: var(--gli-text-blue);
      font-weight: 900;
      font-size: 1rem;
      line-height: 1.1;
      margin-bottom: 5px;
  }

  /* --- DESCRIPTIONS SECTION --- */
  .desc-row {
      border-bottom: 1px solid var(--gli-border);
      padding: 20px 0;
  }

  .desc-label {
      color: var(--gli-text-blue);
      font-weight: 900;
      font-size: 1.6rem;
      text-transform: uppercase;
      margin-left: 20%;
      /* margin: 0; */
  }

  .desc-content {
      font-size: 0.85rem;
      font-weight: 900;
      color: var(--gli-dark);
  }

  /* --- FOOTER --- */
  .footer-section {
      background-color: var(--gli-blue);
      color: white;
      padding: 20px 0;
      text-align: center;
      margin-top: 50px;
  }

  .footer-bottom {
      font-size: 0.8rem;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .footer-logo {
      color: var(--gli-blue);
      font-size: 1rem;
      padding: 2px 8px;
      border-radius: 2px;
      margin-right: 10px;
  }


        /* Estilos Celular*/
        @media (max-width:480px) {

        .product-title{

            text-align: center;
        }

        .product-meta{
        text-align: center;
        }

        .product-price{

            text-align: center;
        }

        #cart{
          display: grid !important;
        }

        .qty-btn{
        margin: auto !important;   
        }


        .btn-cyan{
        margin: auto;

        }

        .section-title{

            text-align: center;
        }
        .tech-table{
        margin: auto;
            /* text-align: center; */
        }
        .desc-label{
            margin: auto !important;
            text-align: center ;
        }
        .desc-content{
        display: inline-block !important;
            margin: auto !important;
            text-align: center;
        }

                  
        .main-image-box {
            /* border: 1px solid var(--gli-border);
            border-radius: 20px ;
            padding: 20px ;
            display: flex ;
            align-items: center ;
            justify-content: center ;
            width: 100% ;
            height: 100% ;
            min-height: 350px !important;
            background-size: cover ; */
            /* border: 3px solid var(--primary-blue);
            /* Borde azul */
            border-radius: 12px;
            /* Bordes redondeados */
            overflow: hidden;
            /* Enmascara la imagen a los bordes redondeados */
            position: relative;
            width: 100%;
            height: 100%;
            min-height: 450px; 
        }

        .main-image-container {
            /* border: 3px solid var(--primary-blue); */
            /* Borde azul */
            /* border-radius: 12px; */
            /* Bordes redondeados */
            overflow: hidden;
            /* Enmascara la imagen a los bordes redondeados */
            position: relative;
            width: 100%;
            height: 100%;
            min-height: 450px;
        }


        .main-image-container img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* Asegura que la imagen llene el espacio completamente */
        }

        .product-subtitle{
            display: inline-block;
        }


        }