/* Red Tenoch - contenido comun de producto.asp, prepublicacion V2.1 */
.pm-publico{margin:22px 0;padding:24px;border:1px solid #ccdfe7;border-radius:18px;background:#fff}
.pm-publico h2{margin:0 0 16px;font-size:1.45rem;color:#163d50}
.pm-faq details{border-bottom:1px solid #e0edf1;padding:11px 0}
.pm-faq summary{font-weight:750;cursor:pointer;line-height:1.5}
.pm-faq p{margin:10px 0 4px;white-space:pre-line;line-height:1.65}
.pm-test-grid,.pm-rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px}
.pm-test-item,.pm-rel-item{background:#f5fafb;border:1px solid #d7e7ed;border-radius:12px;padding:16px}
.pm-test-item p{white-space:pre-line;line-height:1.6;margin:0 0 10px}
.pm-test-item strong{color:#146276}
.pm-rel-item a{text-decoration:none;color:inherit}
.pm-rel-item img{width:100%;height:160px;object-fit:contain;background:#fff;border-radius:10px;margin-bottom:10px}
.pm-rel-item strong{display:block;line-height:1.45}
.pm-rel-item p{color:#58707a;font-size:.91rem;line-height:1.4}
.pm-copys .pm-copy-item{padding:12px 0;border-bottom:1px solid #dbe7e9}
.pm-copys label{display:block;font-weight:700;margin-bottom:6px}
.pm-copys textarea{width:100%;box-sizing:border-box;border-radius:8px;border:1px solid #a5bac5;padding:10px;min-height:90px}
.pm-copys button{background:#075d73;color:#fff;padding:8px 14px;border:0;border-radius:8px;margin-top:8px;cursor:pointer}
.pm-copys .pm-copy-status{font-size:.85rem;color:#15674a}
@media(max-width:620px){.pm-publico{padding:15px}.pm-test-grid,.pm-rel-grid{grid-template-columns:1fr}}

.fe-product-page{




    display:grid;




    grid-template-columns:minmax(0,1fr) minmax(0,1fr);




    gap:38px;




    align-items:start;




}




.fe-product-media{




    position:sticky;




    top:20px;




}




.fe-product-mainwrap{
    position:relative;
    background:#fff;
    border:1px solid #e7e1d9;
    border-radius:18px;
    overflow:hidden;
}
.fe-product-mainimg{
    display:block;
    width:100%;
    aspect-ratio:4/3;
    height:auto;
    object-fit:cover;
    object-position:center;
    background:#fff;
    border:0;
    border-radius:18px;
    cursor:zoom-in;
}
.fe-product-mainimg.is-logo{object-fit:contain;padding:14px;box-sizing:border-box}
.fe-zoom-trigger{
    position:absolute;
    right:14px;
    bottom:14px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:9px 13px;
    border:1px solid rgba(16,59,54,.18);
    border-radius:999px;
    background:rgba(255,255,255,.94);
    color:#103b36;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.fe-zoom-trigger:hover,
.fe-zoom-trigger:focus-visible{
    background:#103b36;
    color:#fff;
    outline:none;
}
.fe-zoom-trigger svg{width:18px;height:18px;flex:0 0 18px}
.fe-zoom-hint{margin:8px 2px 0;font-size:.82rem;opacity:.66}

.fe-lightbox{
    position:fixed;
    inset:0;
    z-index:99999;
    display:none;
    background:rgba(4,14,18,.94);
    color:#fff;
}
.fe-lightbox.is-open{display:flex;flex-direction:column}
.fe-lightbox-topbar{
    min-height:62px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:10px 16px;
    border-bottom:1px solid rgba(255,255,255,.12);
    background:rgba(4,14,18,.88);
}
.fe-lightbox-title{min-width:0}
.fe-lightbox-title strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.fe-lightbox-title span{display:block;margin-top:2px;font-size:.82rem;opacity:.72}
.fe-lightbox-tools{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.fe-lightbox-btn{
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.22);
    border-radius:12px;
    background:rgba(255,255,255,.08);
    color:#fff;
    cursor:pointer;
    font-size:1.15rem;
    font-weight:800;
}
.fe-lightbox-btn:hover,
.fe-lightbox-btn:focus-visible{
    background:#fff;
    color:#103b36;
    outline:none;
}
.fe-lightbox-original{
    width:auto;
    padding:0 12px;
    gap:7px;
    text-decoration:none;
    font-size:.86rem;
}
.fe-lightbox-stage{
    position:relative;
    flex:1;
    min-height:0;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    touch-action:none;
    user-select:none;
}
.fe-lightbox-image{
    display:block;
    max-width:92vw;
    max-height:76vh;
    width:auto;
    height:auto;
    object-fit:contain;
    transform-origin:center center;
    will-change:transform;
    cursor:zoom-in;
    transition:transform .12s ease-out;
    -webkit-user-drag:none;
    user-select:none;
}
.fe-lightbox-image.is-zoomed{cursor:grab}
.fe-lightbox-image.is-dragging{cursor:grabbing;transition:none}
.fe-lightbox-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:48px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(0,0,0,.36);
    color:#fff;
    border-radius:14px;
    font-size:2rem;
    cursor:pointer;
}
.fe-lightbox-nav:hover,
.fe-lightbox-nav:focus-visible{
    background:rgba(255,255,255,.94);
    color:#103b36;
    outline:none;
}
.fe-lightbox-prev{left:14px}
.fe-lightbox-next{right:14px}
.fe-lightbox-bottom{
    padding:10px 14px 14px;
    border-top:1px solid rgba(255,255,255,.10);
    background:rgba(4,14,18,.88);
}
.fe-lightbox-thumbs{
    display:flex;
    justify-content:center;
    gap:8px;
    overflow-x:auto;
    padding:3px 0;
}
.fe-lightbox-thumb{
    width:62px;
    height:62px;
    flex:0 0 62px;
    padding:3px;
    border:2px solid transparent;
    border-radius:10px;
    background:rgba(255,255,255,.08);
    cursor:pointer;
}
.fe-lightbox-thumb.is-active{border-color:#d67e32}
.fe-lightbox-thumb img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    border-radius:6px;
    background:#fff;
}
.fe-lightbox-help{
    margin:8px 0 0;
    text-align:center;
    font-size:.78rem;
    opacity:.65;
}
body.fe-lightbox-lock{overflow:hidden}
@media(max-width:700px){
    .fe-zoom-trigger span{display:none}
    .fe-zoom-trigger{width:44px;height:44px;padding:0;justify-content:center}
    .fe-lightbox-original span{display:none}
    .fe-lightbox-nav{width:42px;height:56px}
    .fe-lightbox-prev{left:7px}
    .fe-lightbox-next{right:7px}
    .fe-lightbox-image{max-width:96vw;max-height:72vh}
    .fe-lightbox-help{display:none}
}




.fe-gallery{




    display:grid;




    grid-template-columns:repeat(5,minmax(0,1fr));




    gap:9px;




    margin-top:10px;




}




.fe-thumb{




    width:100%;




    aspect-ratio:1/1;




    padding:3px;




    border:2px solid transparent;




    border-radius:11px;




    background:#fff;




    cursor:pointer;




}




.fe-thumb.active{




    border-color:#d67e32;




}




.fe-thumb img{




    display:block;




    width:100%;




    height:100%;




    object-fit:cover;




    border-radius:7px;




}




.fe-product-meta{




    display:flex;




    gap:8px;




    flex-wrap:wrap;




    margin-bottom:12px;




}




.fe-product-chip{




    padding:5px 10px;




    border-radius:999px;




    background:#efe8dc;




    font-size:.8rem;




}




.fe-price-row{




    display:flex;




    gap:10px;




    align-items:baseline;




    margin:18px 0;




}




.fe-price-old{




    text-decoration:line-through;




    opacity:.6;




}




.fe-specs{




    display:grid;




    grid-template-columns:repeat(2,minmax(0,1fr));




    gap:10px 18px;




    margin:18px 0;




}




.fe-spec{




    padding:12px 0;




    border-bottom:1px solid #eee5d9;




}




.fe-spec span{




    display:block;




    font-size:.78rem;




    opacity:.65;




    text-transform:uppercase;




    letter-spacing:.04em;




}




.fe-spec strong{




    display:block;




    margin-top:3px;




}




.fe-description-details{




    margin-top:22px;




    border:1px solid #e7e1d9;




    border-radius:16px;




    background:#fff;




    overflow:hidden;




}




.fe-description-details summary{




    cursor:pointer;




    padding:16px 18px;




    font-weight:800;




    list-style:none;




}




.fe-description-details summary::-webkit-details-marker{




    display:none;




}




.fe-description-details summary:after{




    content:"+";




    float:right;




    font-size:1.25rem;




}




.fe-description-details[open] summary:after{




    content:"-";




}




.fe-description-visible{margin:20px 0;padding:17px 18px;border:1px solid #d7e0ea;border-radius:14px;background:#f8fbfe;color:#23394b}
.fe-description-visible h2{margin:0 0 9px;font-size:1.14rem;line-height:1.3;color:#082f63}
.fe-description-visible .fe-description-body{padding:0;white-space:pre-wrap;overflow-wrap:anywhere}
.fe-description-body{




    padding:0 18px 18px;




    white-space:pre-wrap;




    line-height:1.65;




}







.fe-product-cta{


    display:grid;


    gap:10px;


    margin-top:18px;


}


.fe-product-cta .btn{


    width:100%;


    justify-content:center;


    text-align:center;


}


.fe-product-trust{


    display:flex;


    gap:14px;


    flex-wrap:wrap;


    margin-top:12px;


    font-size:.85rem;


    opacity:.72;


}







@media(max-width:900px){




    .fe-product-page{grid-template-columns:1fr}




    .fe-product-media{position:static}




}




@media(max-width:520px){




    .fe-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}




    .fe-specs{grid-template-columns:1fr}




}






/* ==========================================================
   Red Tenoch PRODUCTO V1.6
   Estilos de ficha y asistente opcional.
   No modifica header.asp.
   ========================================================== */
.redcom-product-detail .fe-product-page h1{
    color:#082f63 !important;
    -webkit-text-fill-color:#082f63 !important;
    background:none !important;
    background-image:none !important;
    font-family:Arial Black,Arial,Helvetica,sans-serif;
    letter-spacing:-.035em;
}

.redcom-product-detail .fe-product-chip{
    background:#eef4fb;
    color:#082f63;
    border:1px solid rgba(8,47,99,.12);
    font-weight:800;
}

.redcom-product-detail .product-price{
    color:#082f63 !important;
}

.redcom-product-detail .fe-thumb.active,
.redcom-product-detail .fe-lightbox-thumb.is-active{
    border-color:#ffb300;
}

.redcom-product-detail .fe-zoom-trigger{
    border-color:rgba(8,47,99,.18);
    color:#082f63;
}

.redcom-product-detail .fe-zoom-trigger:hover,
.redcom-product-detail .fe-zoom-trigger:focus-visible{
    background:#082f63;
    color:#fff;
}

.redcom-product-detail .fe-spec{
    border-bottom-color:#dce4ed;
}

.redcom-product-detail .fe-description-details{
    border-color:#d7e0ea;
}

.redcom-product-detail .fe-description-details summary{
    color:#082f63;
}

.redcom-product-detail .fe-product-cta .btn-primary{
    background:#082f63 !important;
    border-color:#082f63 !important;
    color:#fff !important;
}

.redcom-product-detail .fe-product-cta .btn-outline{
    border-color:#cbd6e2 !important;
    color:#082f63 !important;
}

.redcom-ai-product-card{
    display:grid;
    grid-template-columns:78px minmax(0,1fr);
    gap:16px;
    align-items:center;
    margin-top:22px;
    padding:19px;
    overflow:hidden;
    position:relative;
    border:2px solid #ffb300;
    border-radius:22px;
    background:
      radial-gradient(circle at 90% 10%,rgba(255,179,0,.14),transparent 32%),
      linear-gradient(135deg,#f9fbfe,#ffffff);
    box-shadow:0 16px 40px rgba(6,31,67,.10);
}

.redcom-ai-product-card:after{
    content:"";
    position:absolute;
    right:-40px;
    bottom:-55px;
    width:130px;
    height:130px;
    border-radius:50%;
    border:28px solid rgba(8,47,99,.045);
    pointer-events:none;
}

.redcom-ai-avatar{
    position:relative;
    z-index:2;
    width:78px;
    height:78px;
    border-radius:50%;
    object-fit:cover;
    object-position:center top;
    border:3px solid #ffb300;
    background:#061b36;
    box-shadow:0 9px 24px rgba(8,47,99,.18);
}

.redcom-ai-product-copy{
    position:relative;
    z-index:2;
    min-width:0;
}

.redcom-ai-product-kicker{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:0 9px;
    margin-bottom:6px;
    border-radius:999px;
    background:#082f63;
    color:#fff;
    font-size:.68rem;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.redcom-ai-product-copy strong{
    display:block;
    color:#082f63;
    font-size:1.08rem;
    line-height:1.3;
}

.redcom-ai-product-copy p{
    margin:6px 0 0;
    color:#617083;
    line-height:1.55;
    font-size:.9rem;
}

.redcom-ai-product-actions{
    grid-column:1 / -1;
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
}

.redcom-ai-product-btn,
.redcom-manufacturer-link{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    padding:0 15px;
    text-align:center;
    text-decoration:none;
    font-family:inherit;
    font-weight:900;
    cursor:pointer;
}

.redcom-ai-product-btn{
    border:1px solid #ffb300;
    background:#ffb300;
    color:#17202a;
}

.redcom-ai-product-btn:hover{
    background:#ffc12e;
}

.redcom-manufacturer-link{
    border:1px solid #cbd6e2;
    background:#fff;
    color:#082f63 !important;
}

.redcom-ai-modal{
    position:fixed;
    inset:0;
    z-index:100000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(4,20,42,.76);
    backdrop-filter:blur(5px);
}

.redcom-ai-modal.is-open{
    display:flex;
}

.redcom-ai-modal-box{
    width:min(560px,100%);
    padding:24px;
    border:2px solid #ffb300;
    border-radius:26px;
    background:#fff;
    color:#10243b;
    box-shadow:0 30px 90px rgba(0,0,0,.30);
}

.redcom-ai-modal-head{
    display:flex;
    gap:14px;
    align-items:center;
}

.redcom-ai-modal-head img{
    width:68px;
    height:68px;
    flex:0 0 68px;
    border-radius:50%;
    object-fit:cover;
    object-position:center top;
    border:3px solid #ffb300;
    background:#061b36;
}

.redcom-ai-modal-head strong{
    display:block;
    color:#082f63;
    font-size:1.3rem;
}

.redcom-ai-modal-head span{
    display:block;
    margin-top:3px;
    color:#65717f;
    font-size:.88rem;
}

.redcom-ai-preview{
    max-height:220px;
    overflow:auto;
    margin:16px 0 10px;
    padding:13px;
    border:1px solid #d7e0ea;
    border-radius:14px;
    background:#f7f9fc;
    color:#24374a;
    white-space:pre-wrap;
    word-break:break-word;
    font:13px/1.5 Consolas,monospace;
}

.redcom-ai-copy-state{
    margin:8px 0 0;
    color:#14724c;
    font-size:.88rem;
    font-weight:800;
}

.redcom-ai-modal-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:17px;
}

.redcom-ai-modal-actions a,
.redcom-ai-modal-actions button{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 15px;
    border-radius:13px;
    font-family:inherit;
    font-weight:900;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
}

.redcom-ai-open{
    border:1px solid #ffb300;
    background:#ffb300;
    color:#17202a !important;
}

.redcom-ai-close{
    border:1px solid #cbd6e2;
    background:#fff;
    color:#082f63;
}

@media(max-width:560px){
    .redcom-ai-product-card{
        grid-template-columns:64px minmax(0,1fr);
    }

    .redcom-ai-avatar{
        width:64px;
        height:64px;
    }

    .redcom-ai-product-actions,
    .redcom-ai-modal-actions{
        grid-template-columns:1fr;
    }
}


/* Ficha extendida: multimedia y textos largos a todo el ancho. */
.fe-product-full-section{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    margin-top:28px;
    padding:24px clamp(16px,3vw,32px);
    border:1px solid #dbe6ee;
    border-radius:18px;
    background:#fff;
    overflow-wrap:anywhere;
}
.fe-product-full-section h2{
    color:#082f63;
    margin:0 0 18px;
    font-size:clamp(1.15rem,2vw,1.5rem);
    line-height:1.35;
}
.fe-product-video-width{
    width:80%;
    margin:0 auto;
    max-width:100%;
}
.fe-product-video-ratio{
    width:100%;
    aspect-ratio:16 / 9;
    position:relative;
    border-radius:14px;
    background:#081b2f;
    overflow:hidden;
}
.fe-product-video-ratio iframe{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}
/* Descripcion breve, visible solo debajo de un video existente. */
.fe-product-video-caption{
    color:#334d63;
    font-size:1rem;
    line-height:1.65;
    margin:14px 0 0;
    white-space:pre-line;
    overflow-wrap:anywhere;
}
.fe-product-richtext{
    color:#23394b;
    line-height:1.8;
    font-size:1.04rem;
    white-space:pre-line;
    overflow-wrap:anywhere;
}
.fe-product-richtext p{margin:0 0 1em}
.fe-product-richtext h2,.fe-product-richtext h3,.fe-product-richtext h4{
    color:#082f63; margin:1.3em 0 .55em;line-height:1.35
}
.fe-product-richtext ul,.fe-product-richtext ol{padding-left:1.5em;margin:0 0 1em}
.fe-product-richtext li{margin:.2em 0}
.fe-product-richtext blockquote{
    border-left:4px solid #e4ad37; margin:1.2em 0;padding:.5em 1em;background:#f6f9fc
}
.fe-product-richtext a{color:#0758b8;text-decoration:underline}
.fe-product-richtext pre{white-space:pre-wrap;max-width:100%;overflow-x:auto}
.fe-product-richtext table{border-collapse:collapse;display:block;width:100%;overflow-x:auto;white-space:normal;margin:1em 0}
.fe-product-richtext th,.fe-product-richtext td{padding:9px 12px;border:1px solid #cddce9;text-align:left}
.fe-product-resources-list{
    display:flex;
    gap:12px;
    align-items:stretch;
    flex-wrap:wrap;
}
.fe-product-resources-list a{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:13px 17px;
    border:1px solid #bdd8eb;
    background:#f3faff;
    color:#073c70;
    border-radius:12px;
    font-weight:700;
    text-decoration:none;
    overflow-wrap:anywhere;
}
.fe-product-resources-list a:hover{background:#e2f3fc}
@media (max-width:900px){
    .fe-product-video-width{width:100%}
}
@media (max-width:520px){
    .fe-product-full-section{padding:18px 14px;margin-top:20px}
    .fe-product-resources-list{display:grid;grid-template-columns:1fr}
    .fe-product-resources-list a{width:100%;box-sizing:border-box}
}