/* Colores corporativos y nombres legibles. */
:root{--pangue-green:#14543b;--pangue-green-dark:#0a3123;--pangue-green-hover:#20734f}
.btn,.btn.alt,.btn.whatsapp,.btn-dark,.btn-outline,.btn-tracking,.btn-submit,.quote-action,.quote-add,.catalog-hover-btn,.pangue-card-body button,.pangue-tabs button,.nav-links .tracking-link,.mobile-menu .mobile-tracking-link,.hero-actions .btn-tracking{background:var(--pangue-green);background-image:none;color:#fff;border:1px solid var(--pangue-green);font-weight:700}
.btn:hover,.btn.alt:hover,.btn.whatsapp:hover,.btn-dark:hover,.btn-outline:hover,.btn-tracking:hover,.btn-submit:hover,.quote-action:hover,.quote-add:hover,.catalog-hover-btn:hover,.pangue-card-body button:hover,.pangue-tabs button:hover,.nav-links .tracking-link:hover,.hero-actions .btn-tracking:hover{background:var(--pangue-green-hover);color:#fff;border-color:var(--pangue-green-hover)}
.pangue-tabs button.active{background:var(--pangue-green-dark);color:#fff;border-color:var(--pangue-green-dark)}
.pangue-card-body h4,.service-name,.catalog-name,#pangue-title{background:var(--pangue-green-dark);color:#fff;padding:13px 15px;border-radius:7px;font-size:clamp(19px,2vw,24px);font-weight:700;line-height:1.35;letter-spacing:0}
.pangue-card-body h4 a,.service-name a,.catalog-name a{color:#fff;text-decoration:none;display:block}
.pangue-card-body h4 a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.service-detail-link{display:inline-block;background:var(--pangue-green);color:#fff!important;padding:12px 15px;border-radius:7px;font-weight:700;line-height:1.5}
.service-detail-link:hover{background:var(--pangue-green-hover)}
.service-icon-dot{background:var(--pangue-green);background-image:none}.service-accent-line{background:#5a9d77}
.product-page h1,.service-page h1{background:var(--pangue-green-dark);color:#fff;padding:20px 24px;border-radius:10px;line-height:1.25;font-weight:700}
.product-page header,.product-page footer,.service-page header,.service-page footer{background:var(--pangue-green-dark)}
button:focus-visible,a:focus-visible{outline:3px solid #559b73;outline-offset:4px}
@media(max-width:620px){.pangue-card-body h4{font-size:18px;padding:11px}.product-page h1,.service-page h1{padding:17px}}

.service-photo-link{display:block;width:100%;height:100%;cursor:pointer}.service-photo-link img{display:block}.service-name a{display:block;color:#fff;text-decoration:none}.service-name a:hover{text-decoration:underline;text-underline-offset:4px}

.quote-added-notice:not([hidden]){display:block;position:fixed;right:24px;bottom:24px;z-index:5000;max-width:420px;width:calc(100% - 40px);padding:22px 45px 22px 24px;background:#0a3123;color:white;border:1px solid #6fa485;border-radius:12px;box-shadow:0 8px 32px #0005;font:16px/1.5 'Lato',Arial,sans-serif}.quote-added-notice[hidden]{display:none}.quote-added-notice strong{font-size:20px;color:white}.quote-added-notice p{margin:8px 0 13px;color:#fff}.quote-added-notice a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:4px}.quote-notice-close{position:absolute;right:12px;top:9px;border:0;background:transparent;color:white;font-size:29px;cursor:pointer;line-height:1;padding:5px}@media(max-width:620px){.quote-added-notice:not([hidden]){right:16px;bottom:16px;width:calc(100% - 32px)}}

#pangue-grid{display:block}.product-group{margin:0 0 15px;border:1px solid #cbdcd1;border-radius:12px;background:#f4f8f5;overflow:hidden}.product-group summary{list-style:none;display:flex;align-items:center;gap:16px;padding:20px 24px;background:#0a3123;color:#fff;cursor:pointer;font-size:23px;font-weight:700;line-height:1.35}.product-group summary::-webkit-details-marker{display:none}.product-group summary:hover{background:#14543b}.group-count{margin-left:auto;font-size:14px;font-weight:400;color:#eef7f0;white-space:nowrap}.group-arrow{font-size:28px;transition:transform .2s}.product-group[open] .group-arrow{transform:rotate(180deg)}.group-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:20px;padding:22px}.product-group summary:focus-visible{outline:3px solid #6ca681;outline-offset:-5px}@media(max-width:620px){.product-group summary{font-size:19px;padding:17px 15px;gap:10px}.group-count{font-size:12px}.group-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}}

.pangue-card img{object-fit:contain;background:#eeede8}.pangue-dialog img{object-fit:contain;max-height:540px;background:#eeede8}

/* Uniform, centered presentation of the complete real product. */
.product-photo-frame{display:flex;width:100%;aspect-ratio:1;align-items:center;justify-content:center;background:#eeede8;overflow:hidden;border-radius:10px;flex-shrink:0}
.product-photo-crop{display:block;position:relative;overflow:hidden;flex-shrink:0}
.product-photo-crop img{display:block;position:absolute;aspect-ratio:auto!important;object-fit:fill!important;object-position:center;border-radius:0!important;padding:0!important;margin:0!important;background:transparent!important}
.pangue-dialog .product-photo-frame{max-width:540px;margin:0 auto}

/* Persistent access to the current quote, including on mobile. */
.quote-floating[hidden]{display:none!important}.quote-floating{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:2100;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(480px,calc(100% - 28px));padding:15px 20px;border:1px solid #72aa87;border-radius:12px;background:#0a3123;color:#fff!important;text-decoration:none;box-shadow:0 8px 28px #0003;font:700 16px/1.3 Arial,sans-serif}.quote-floating-count{font-size:13px;font-weight:400;color:#e4f2e9}.has-quote-bar{padding-bottom:90px}.has-quote-bar .quote-added-notice:not([hidden]){bottom:110px}.has-quote-bar .back-to-top{bottom:105px}@media(max-width:620px){.quote-floating{padding:14px 16px;font-size:15px;gap:12px}.quote-floating-count{font-size:12px}.has-quote-bar .quote-added-notice:not([hidden]){bottom:105px}}

.product-supply{font:14px/1.6 Arial,sans-serif;color:#365c46!important;background:#edf4ef;border-radius:8px;padding:10px 12px;margin:7px 0}.product-page .product-supply{font-size:16px;padding:15px}
