/* === Dream Girls Atelier - Página Info Optimizada === */

/* ----------- Base ----------- */
.info-intro { color:#232323; }
.info-titulo-img { max-width:500px; width:100%; margin:0 auto 1.5rem; display:block; filter:drop-shadow(0 4px 16px #0002); }
.info-underline { width:80px; height:4px; background:linear-gradient(90deg,#fff,#543a17,#fff); border-radius:2px; margin-bottom:1.2rem; }
.info-descripcion { max-width:600px; font-size:1.25rem; color:#444; font-weight:500; }

/* Títulos */
.info-titulo, .info-bnw-text .info-titulo {
  background:linear-gradient(90deg,#543a17 100%,#fff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  font-family:'Cinzel',serif; font-size:2rem; font-weight:700; letter-spacing:0.01em;
}

/* Textos */
.info-bnw-text { color:#232323; }
.info-bnw-text .info-descripcion, .info-bnw-text .info-texto { color:#444; font-size:1.08rem; font-family:'Montserrat',sans-serif; }
.info-bnw-text .info-texto { margin-bottom:1.2rem; line-height:1.7; }

/* Fundadora */
.info-foto-duena-wrapper { border:6px solid #fff; border-radius:50%; box-shadow:0 8px 32px rgba(44,44,44,0.13); display:inline-block; padding:0.3rem; background:#f7f7f7; }
.info-foto-duena { width:260px; height:260px; object-fit:cover; border-radius:50%; filter:grayscale(1) contrast(1.08) brightness(0.98); transition:filter 0.6s cubic-bezier(.4,2,.6,1),box-shadow 0.3s; box-shadow:0 4px 24px rgba(44,44,44,0.13); }
.info-foto-duena:hover, .info-foto-duena:focus-visible { filter:grayscale(0) contrast(1.08) brightness(1.04) drop-shadow(0 2px 12px #0002); }
.founder-img { width:96px; height:96px; object-fit:cover; box-shadow:0 6px 18px rgba(0,0,0,0.12); }
.info-nombre-duena { color:#232323; font-size:1.5rem; font-weight:700; font-family:'Cinzel',serif; margin-bottom:0.2rem; }
.info-cargo-duena { color:#888; font-size:1.08rem; margin-bottom:0.7rem; font-family:'Montserrat',sans-serif; }
.info-cita-duena { font-style:italic; color:#888; font-size:1.08rem; margin-bottom:1rem; margin-top:0.5rem; font-family:'Montserrat',sans-serif; }

/* Tarjetas */
.info-card-destacada { background:#f5f5f5; border-left:4px solid #543a17; margin:0 auto; max-width:100%; }
.info-servicio-box, .info-tarjeta-servicio {
  background:#f9f9f9; border-radius:1.2rem; box-shadow:0 2px 12px rgba(44,44,44,0.06); padding:2rem 1.2rem 1.2rem 1.2rem;
  transition:box-shadow 0.22s,border-color 0.22s,transform 0.18s; border:1.5px solid #e0e0e0;
}
.info-servicio-box:hover, .info-tarjeta-servicio:hover {
  box-shadow:0 8px 32px rgba(44,44,44,0.13); border-color:#bbb; transform:translateY(-7px) scale(1.025); background:#fff; z-index:2;
}
.info-tarjeta-titulo { color:#232323; font-family:'Cinzel',serif; font-size:1.18rem; font-weight:700; margin-bottom:1rem; letter-spacing:0.01em; }
.info-tarjeta-texto { color:#444; font-size:1.05rem; font-weight:500; font-family:'Montserrat',sans-serif; }

/* Imágenes de servicio */
.info-foto-servicio { width:180px; height:180px; object-fit:cover; border-radius:50%; filter:grayscale(1) contrast(1.08) brightness(0.98); transition:filter 0.6s cubic-bezier(.4,2,.6,1),box-shadow 0.3s,transform 0.3s; box-shadow:0 4px 24px rgba(44,44,44,0.13); margin:0 auto; display:block; }
.info-foto-servicio:hover, .info-foto-servicio:focus-visible { filter:grayscale(0) contrast(1.08) brightness(1.04) drop-shadow(0 2px 12px #0002); transform:scale(1.04) translateY(-4px); }

/* Botones */
.btn-gold {
  border:2px solid #bfa76a; color:#bfa76a; background:#fff; font-weight:600; font-size:1.08rem; border-radius:2rem; padding:0.7rem 1.5rem;
  transition:background 0.25s,color 0.25s,border-color 0.25s,box-shadow 0.25s; box-shadow:0 2px 12px rgba(191,167,106,0.08); font-family:'Montserrat',sans-serif;
}
.btn-gold:hover, .btn-gold:focus {
  background:linear-gradient(90deg,#bfa76a 60%,#fffbe6 100%); color:#fff; border-color:#bfa76a; box-shadow:0 4px 24px rgba(191,167,106,0.18); text-shadow:0 1px 6px #bfa76a55;
}

/* Tabs */
.info-tabs .nav-tabs { border-bottom:3px solid #bfa76a33; }
.info-tabs .nav-link { font-weight:600; font-size:1.1rem; color:#543a17; border:none; padding:0.8rem 1.5rem; transition:all 0.25s ease; font-family:'Montserrat',sans-serif; }
.info-tabs .nav-link:hover { color:#bfa76a; }
.info-tabs .nav-link.active { background:#bfa76a; color:#fff; border-radius:0.5rem 0.5rem 0 0; font-weight:700; }
.info-tabs .tab-content { background:#f9f9f9; border-radius:0 0.8rem 0.8rem 0.8rem; border:1.5px solid #e0e0e0; }
.info-tabs .tab-content img { object-fit:cover; border-radius:0.8rem; }
.info-tabs-section { padding-top:4rem !important; padding-bottom:4rem !important; }

/* Video sin errores */
.info-bnw-video .info-video { border-radius:1.5rem; overflow:hidden; box-shadow:0 4px 24px rgba(44,44,44,0.13); border:3px solid #fff; position:relative; }
.video-simple-placeholder { position:absolute; width:100%; height:100%; cursor:pointer; }
.placeholder-image { width:100%; height:100%; object-fit:cover; filter:brightness(0.9); }
.simple-play-button {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80px; height:80px; background:rgba(255,255,255,0.95); 
  border-radius:50%; display:flex; align-items:center; justify-content:center; border:2px solid #bfa76a; transition:all 0.3s ease;
  box-shadow:0 8px 25px rgba(0,0,0,0.3);
}
.simple-play-button i { font-size:2rem; color:#bfa76a; margin-left:4px; }
.video-simple-placeholder:hover .simple-play-button { transform:translate(-50%,-50%) scale(1.1); background:white; }

/* Fondos y utilidades */
.info-extra-bg { background:#f7f7f7; border-radius:1.2rem; }

/* ----------- Responsive ----------- */
@media (max-width:991px) {
  .info-foto-duena { width:180px; height:180px; }
  .info-foto-servicio { width:120px; height:120px; }
}
@media (max-width:576px) {
  .info-duena .row { flex-direction:column; text-align:center; }
  .info-foto-duena { margin-bottom:1.2rem; }
  .info-foto-servicio { width:90px; height:90px; }
  .info-servicio-box, .info-tarjeta-servicio { padding:1.2rem 0.5rem 0.8rem 0.5rem; border-radius:0.7rem; }
  .info-extra-bg { border-radius:0.7rem; }
}