/*
 * HISTÓRICO DE CAMBIOS
 * GPT0000000055 - Dar espacio al puesto TPV completo y al montaje de la tienda.
 * GPT0000000040 - Separar visualmente TPV y WooCommerce con vídeo enlazado y diseño adaptable.
 */
/* GPT0000000040 - TPV propio sobre azul, con el terminal completo y centrado. */
.home-pos .home-pos-grid{gap:60px}
.home-pos .home-pos-art{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}
.home-pos .home-pos-art .tpv{display:block;width:min(100%,500px);height:auto;max-width:100%;margin:0}
.home-pos .checklist{margin-top:22px;margin-bottom:20px}
.home-pos .checklist li{color:#e1e7ff}
.home-pos .checklist li::before{color:#8de8f1}
.home-pos .commerce-links{margin-top:22px}
/* GPT0000000040 - La tienda online dispone de una sección clara y una fachada local de vídeo. */
.home-woocommerce{background:#f5f8fd;border-bottom:1px solid var(--line)}
.home-woocommerce-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:65px;align-items:center}
.home-woocommerce-copy{min-width:0}
.home-woocommerce h2{max-width:620px}
.home-woocommerce .lead{max-width:620px;margin-top:23px;font-size:18px}
.home-woocommerce .checklist{margin:22px 0}
.home-woocommerce .actions{margin-top:24px;gap:16px 22px}
.home-woocommerce .actions .text-link{font-size:14px}
.home-woocommerce .home-woocommerce-plan{margin-top:18px;max-width:600px;font-size:13px;line-height:1.7}
.home-woocommerce-media{min-width:0}
.home-woocommerce-video{display:block;border:1px solid #d3dfec;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 12px 32px #20274a0b;text-decoration:none}
.home-woocommerce-video:hover{border-color:#8fafd3;box-shadow:0 14px 36px #20274a14}
.home-woocommerce-video:focus-visible{outline:3px solid #1485a8;outline-offset:5px}
.home-woocommerce-video-image{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:600/412;padding:24px;background:linear-gradient(135deg,#e7f3fb,#eef0fc)}
.home-woocommerce-video-image>img{display:block;width:100%;height:auto;max-width:100%;margin:0;filter:drop-shadow(0 10px 14px #20274a1a)}
.home-woocommerce-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:2px solid #fff;border-radius:50%;background:#232c73ed;color:#fff;box-shadow:0 4px 18px #20274a30}
.home-woocommerce-play svg{margin-left:3px}
.home-woocommerce-video-caption{display:block;padding:20px 22px}
.home-woocommerce-video-caption>strong{display:block;color:var(--ink);font-size:16px;font-weight:600;line-height:1.5}
.home-woocommerce-video-caption>span{display:block;margin-top:7px;color:var(--blue);font-size:14px;line-height:1.5}
.home-woocommerce-video-note{margin:13px 0 0;font-size:13px;line-height:1.7}
.home-woocommerce-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;margin-top:38px}
.home-woocommerce-faq details{min-width:0;border:1px solid #d3dfec;border-radius:9px;background:#fff;overflow:hidden}
.home-woocommerce-faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;padding:17px 18px;color:var(--ink);font-size:15px;font-weight:600;line-height:1.5}
.home-woocommerce-faq summary::-webkit-details-marker{display:none}
.home-woocommerce-faq summary::marker{content:''}
.home-woocommerce-faq summary::after{content:'+';flex:0 0 18px;color:var(--blue);font-size:22px;line-height:1;text-align:center}
.home-woocommerce-faq details[open]>summary::after{content:'−'}
.home-woocommerce-faq summary:focus-visible{outline:3px solid #1485a8;outline-offset:-3px}
.home-woocommerce-faq p{margin:0;padding:0 18px 19px;font-size:14px;line-height:1.8}
.home-woocommerce-faq a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
@media(max-width:950px){
 .home-pos .home-pos-grid{gap:35px}
 .home-woocommerce-grid{gap:35px}
 .home-woocommerce h2{font-size:34px}
 .home-woocommerce-faq{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:28px}
}
@media(max-width:650px){
 .home-pos .home-pos-grid{gap:32px}
 .home-pos .home-pos-art{width:100%;max-width:430px;margin:auto}
 .home-pos .home-pos-art .tpv{width:min(100%,360px)}
 .home-woocommerce-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .home-woocommerce h2{font-size:32px}
 .home-woocommerce .lead{margin-top:18px;font-size:17px}
 .home-woocommerce .actions{align-items:flex-start;gap:15px;margin-top:22px}
 .home-woocommerce .actions .btn{font-size:14px}
 .home-woocommerce-video-image{padding:18px}
 .home-woocommerce-play{width:56px;height:56px}
 .home-woocommerce-video-caption{padding:18px}
 .home-woocommerce-faq summary{padding:15px}
 .home-woocommerce-faq p{padding:0 15px 16px}
}

/* GPT0000000055 - Los periféricos quedan completos y el botón no tapa el centro del catálogo. */
.home-pos .home-pos-art .tpv{width:min(100%,620px);object-fit:contain}
.home-woocommerce-play{left:auto;top:auto;right:24px;bottom:24px;transform:none;width:54px;height:54px}
@media(max-width:650px){.home-pos .home-pos-art{max-width:none}.home-pos .home-pos-art .tpv{width:100%}.home-woocommerce-play{right:16px;bottom:16px;width:48px;height:48px}}