.powerjet-accordion {
  border-radius: 10px;
  margin-top: 30px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,.05);
}

/* HEADER */
.powerjet-accordion summary {
  cursor: pointer;
  padding: 18px 22px;
  font-size: 18px;
  font-weight: 600;
  list-style: none;
  position: relative;
  background: #f7f7f7;
  transition: all .3s ease;
}

/* Hover */
.powerjet-accordion summary:hover {
  background: #efefef;
}

/* ICON (+ / -) */
.powerjet-accordion summary::after {
  content: "+";
  position: absolute;
  right: 20px;
  font-size: 22px;
  font-weight: 700;
  color: #d32f2f;
  transition: transform .3s ease;
}

/* Cuando está abierto */
.powerjet-accordion[open] summary::after {
  content: "−";
}

/* CONTENIDO */
.powerjet-accordion > *:not(summary) {
  padding: 20px 22px;
  animation: fadeIn .3s ease;
}

/* TEXTO */
.powerjet-accordion h2 {
  font-size: 22px;
  margin-bottom: 10px;
}

.powerjet-accordion h3 {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 8px;
}

.powerjet-accordion p {
  font-size: 15px;
  line-height: 1.7;
  color: #444;
}

/* ANIMACIÓN */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* MOBILE */
@media(max-width:768px){
  .powerjet-accordion summary {
    font-size:16px;
    padding:15px;
  }

  .powerjet-accordion > *:not(summary) {
    padding:15px;
  }
}

  /* ======== ESTILOS DEL PRODUCTO (SE MANTIENEN) ======== */
  .product-header {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 30px; /* espacio entre galería e info */
    margin: 0 auto;
    max-width: 1100px; /* ancho máximo centrado */
  }
  nav#header { margin-bottom: 50px; }

  .product-header{
    max-width:900px; margin:50 auto 40px; display:flex; align-items:flex-start; gap:30px;
    flex-wrap:wrap; background:#f9f9f9; padding:40px 20px; border-radius:6px;
  }
  .product-header .product-info{ flex:1; min-width:250px; }

  .product-gallery{
    width:350px; max-width:100%; border-radius:6px; overflow:hidden; background:#fff;
    box-shadow:0 0 10px rgba(0,0,0,.1);
  }
  .product-gallery .carousel-inner{ min-height:350px; background:#fff; }
  .product-gallery .item{ display:none; text-align:center; height:100%; }
  .product-gallery .item.active{ display:flex; align-items:center; justify-content:center; }
  .product-gallery img{ max-height:340px; width:auto; height:auto; margin:auto; display:block; object-fit:contain; }

  .product-gallery .left.carousel-control,
  .product-gallery .right.carousel-control{ background-image:none; color:#333; opacity:.85; }
  .product-gallery .carousel-indicators{ bottom:8px; }

  .thumbs{ margin-top:8px; display:flex; justify-content:center; gap:8px; }
  .thumbs img{ width:70px; cursor:pointer; }
  .thumbs img.active-thumb{ outline:2px solid #333; }

  .product-section{
    max-width:900px; margin:40px auto; padding:0 20px; background:#fff; border-radius:6px;
    box-shadow:0 0 12px rgba(0,0,0,.05);
  }
  .product-section h3{ margin-bottom:15px; font-weight:700; }

  .accessories-row{ display:flex; gap:40px; flex-wrap:wrap; }
  .accessories-row>div{ flex:1; min-width:280px; }

  ul{ padding-left:20px; line-height:1.5; }

  .btn-default,.btn-default2{
    margin-top:15px; padding:10px 20px; color:#fff; text-decoration:none; border-radius:4px;
    display:inline-block; font-weight:600;
  }
  .btn-default{ background:#333; } .btn-default:hover{ background:#555; color:#fff; }
  .btn-default2{ background:#d00; } .btn-default2:hover{ background:red; color:#fff; }

  /* ======== ESTILOS DE LA BARRA DE CONTACTO ======== */
  #header-contact,
  #header-contact-xs {
    background: #c00;
    color: #fff;
  }

  #header-contact #p-contact,
  #header-contact-xs #p-contact {
    margin: 0;
    font-size: 13px;
    line-height: 1.2;
  }

  #header-contact-xs a,
  #header-contact a {
    color: #fff;
    text-decoration: none;
  }

  #header-contact-xs .contact-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 0;
    border-right: 1px solid rgba(255, 255, 255, .2);
    white-space: nowrap;
  }

  #header-contact-xs .contact-item:last-child {
    border-right: 0;
  }

  @media (min-width: 768px) {
    #header-contact { padding: 6px 0; }
  }

  @media (max-width: 767px) {
    #header-contact-xs {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1031;
      background: #c00;
      color: #fff;
      padding: 1px 0;
      font-size: 10px;
      text-align: center;
      margin: 0;
      border: 0;
    }

    #header-contact-xs .contact-item {
      flex-direction: column;
      padding: 2px 0;
    }

    #header-contact-xs .glyphicon {
      font-size: 14px;
      line-height: 1;
      margin-bottom: 2px;
    }

    #header-contact-xs .text-break {
      display: block;
      line-height: 1.1;
    }

    .navbar.navbar-inverse.visible-xs.navbar-fixed-top {
      top: 35px;
      margin: 0;
      border: 0;
      border-radius: 0;
    }

    .mobile-fixed-spacer {
      height: 95px;
    }
  }
.zoom-wrap {
  width: 100%;
  height: 420px; /* 🔥 tamaño estándar */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;

  }

.zoom-wrap img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  transition: transform .4s ease;

  }
  .message_result {
  padding: 15px;
  border-radius: 4px;
  background: #fff0f0;
  border: 1px solid #ffb3b3;
  color: #c00;
}

.product-header-pro {
  display:flex;
  flex-wrap:wrap;
  gap:35px;
  max-width:1200px;
  margin:0 auto;
  padding:30px 20px;
  background:#f9f9f9;
  border-radius:10px;
}

/* GALERÍA */
.product-gallery {
  flex:1;
  min-width:320px;
}

.zoom-wrap {
  overflow:hidden;
  border-radius:10px;
  background:#fff;
}

.zoom-wrap img {
  width:100%;
  transition: transform .4s ease;
}

.zoom-wrap:hover img {
  transform: scale(1.08);
}

/* INFO */
.product-info-pro {
  flex:1;
  min-width:320px;
}

/* BADGES */
.product-badges {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:15px;
}

.badge-pj {
  background:#d32f2f;
  color:#fff;
  padding:6px 12px;
  border-radius:20px;
  font-size:13px;
  font-weight:600;
}

/* TITLE */
.product-title {
  font-size:30px;
  font-weight:800;
  margin-bottom:15px;
  line-height:1.2;
}

/* DESC */
.product-desc {
  font-size:15px;
  line-height:1.7;
  color:#444;
  margin-bottom:20px;
}

/* CTA */
.product-actions {
  display:flex;
  gap:15px;
  flex-wrap:wrap;
}

.btn-pj {
  background:#d32f2f;
  color:#fff;
  padding:12px 20px;
  border-radius:5px;
  text-decoration:none;
  font-weight:600;
  transition:.3s;
}

.btn-pj:hover {
  background:#b71c1c;
}

.btn-pj-outline {
  border:2px solid #d32f2f;
  color:#d32f2f;
  padding:10px 18px;
  border-radius:5px;
  text-decoration:none;
  font-weight:600;
}

.btn-pj-outline:hover {
  background:#d32f2f;
  color:#fff;
}

/* MOBILE */
@media(max-width:768px){
  .product-header-pro{
    flex-direction:column;
  }
}

.product-section{
  margin-top:45px;
}
.pj-title{
  font-weight:700;
  margin-bottom:20px;
  border-left:5px solid #d32f2f;
  padding-left:12px;
  font-size:24px;
  line-height:1.2;
}
.pj-grid{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
}
.pj-col{
  flex:1;
  min-width:280px;
}
.pj-card{
  background:#fff;
  border-radius:12px;
  padding:26px;
  box-shadow:0 8px 22px rgba(0,0,0,.08);
  border:1px solid #e9e9e9;
  transition:all .28s ease;
  height:100%;
}
.pj-card:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 28px rgba(0,0,0,.12);
}
.pj-card-dark{
  background:linear-gradient(135deg,#1f1f1f 0%, #2d2d2d 100%);
  color:#fff;
  border:0;
}
.pj-card-dark .pj-subtitle,
.pj-card-dark p,
.pj-card-dark li,
.pj-card-dark .pj-note{
  color:#fff;
}
.pj-subtitle{
  font-size:20px;
  font-weight:700;
  margin:0 0 16px;
}
.pj-lead{
  font-size:15px;
  line-height:1.75;
  margin:0;
  color:#333;
}
.pj-list{
  list-style:none;
  padding:0;
  margin:0;
}
.pj-list li{
  display:flex;
  align-items:flex-start;
}
.pj-icon{
  width:18px;
  height:18px;
  flex-shrink:0;
  margin-top:4px;
  fill:#d32f2f;
}
.pj-card-dark{
  fill:#ff5c5c;
}
.pj-note{
  font-size:13px;
  color:#666;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(0,0,0,.08);
  line-height:1.6;
}
.pj-mini-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.pj-mini-box{
  background:#f7f7f7;
  border:1px solid #ececec;
  border-radius:10px;
  padding:14px 16px;
}
.pj-mini-box strong{
  display:block;
  font-size:13px;
  color:#d32f2f;
  text-transform:uppercase;
  letter-spacing:.3px;
  margin-bottom:6px;
}
.pj-mini-box span{
  display:block;
  font-size:15px;
  color:#222;
  line-height:1.5;
}
@media (max-width:768px){
  .pj-grid{
    flex-direction:column;
  }
  .pj-mini-grid{
    grid-template-columns:1fr;
  }
}
/* =========================
   ACCORDION SEO POWERJET
========================= */

.powerjet-accordion {
  max-width: 900px;
  margin: 50px auto;
  padding: 0 20px;
}

/* HEADER (BOTÓN) */
.powerjet-accordion summary {
  background: linear-gradient(135deg, #1f1f1f, #2d2d2d);
  color: #fff;
  padding: 16px 20px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  list-style: none;
  position: relative;
  transition: all .3s ease;
}

/* QUITA FLECHA DEFAULT */
.powerjet-accordion summary::-webkit-details-marker {
  display: none;
}

/* ICONO CUSTOM */
.powerjet-accordion summary::after {
  content: "+";
  position: absolute;
  right: 18px;
  font-size: 22px;
  transition: transform .3s ease;
}

/* CUANDO ABRE */
.powerjet-accordion[open] summary::after {
  transform: rotate(45deg);
}

/* HOVER */
.powerjet-accordion summary:hover {
  background: linear-gradient(135deg, #d32f2f, #b71c1c);
}

/* CONTENIDO */
.powerjet-accordion[open] {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  padding-bottom: 25px;
}

/* TEXTO INTERNO */
.powerjet-accordion h2 {
  font-size: 24px;
  margin: 25px 0 15px;
  font-weight: 800;
  color: #222;
}

.powerjet-accordion h3 {
  font-size: 18px;
  margin: 25px 0 10px;
  font-weight: 700;
  color: #d32f2f;
}

.powerjet-accordion p {
  font-size: 15px;
  line-height: 1.7;
  color: #444;
  margin-bottom: 15px;
}

/* LISTAS */
.powerjet-accordion ul {
  margin: 15px 0;
  padding-left: 18px;
}

.powerjet-accordion ul li {
  margin-bottom: 8px;
  line-height: 1.6;
  color: #333;
}

/* RESPONSIVE */
@media (max-width:768px){

  .powerjet-accordion {
    margin: 40px auto;
  }

  .powerjet-accordion summary {
    font-size: 15px;
    padding: 14px 16px;
  }

  .powerjet-accordion h2 {
    font-size: 20px;
  }

  .powerjet-accordion h3 {
    font-size: 16px;
  }

}