.elementor-339 .elementor-element.elementor-element-990ff05{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#D5D8D6;--border-color:#D5D8D6;--padding-top:14px;--padding-bottom:14px;--padding-left:24px;--padding-right:24px;}.elementor-339 .elementor-element.elementor-element-7914ebb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:44px;--padding-bottom:56px;--padding-left:24px;--padding-right:24px;}.elementor-339 .elementor-element.elementor-element-40a96de{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-339 .elementor-element.elementor-element-380cbb0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:0px;}.elementor-339 .elementor-element.elementor-element-9566171 .jet-listing-dynamic-terms{text-align:left;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-339 .elementor-element.elementor-element-fbffef2 .elementor-heading-title{color:#193B5E;}.elementor-339 .elementor-element.elementor-element-9e3ade5 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-339 .elementor-element.elementor-element-9e3ade5 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-339 .elementor-element.elementor-element-9e3ade5 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-339 .elementor-element.elementor-element-9e3ade5 .jet-listing-dynamic-field__content{text-align:left;}.elementor-339 .elementor-element.elementor-element-6f318fd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--flex-wrap:wrap;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-339 .elementor-element.elementor-element-d8f18e3{width:auto;max-width:auto;}.elementor-339 .elementor-element.elementor-element-d8f18e3 .cart button, .elementor-339 .elementor-element.elementor-element-d8f18e3 .cart .button{transition:all 0.2s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-339 .elementor-element.elementor-element-8ac70f4{width:auto;max-width:auto;}.elementor-339 .elementor-element.elementor-element-2bb0caa .jet-listing-dynamic-terms{text-align:left;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-339 .elementor-element.elementor-element-92f9641{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:14px 14px;--row-gap:14px;--column-gap:14px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D5D8D6;--border-color:#D5D8D6;--padding-top:44px;--padding-bottom:56px;--padding-left:24px;--padding-right:24px;}.elementor-widget-woocommerce-product-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-339 .elementor-element.elementor-element-3c03634{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-339 .elementor-element.elementor-element-3c03634:not(.elementor-motion-effects-element-type-background), .elementor-339 .elementor-element.elementor-element-3c03634 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#193B5E;}.elementor-339 .elementor-element.elementor-element-d1d6b00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:56px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-339 .elementor-element.elementor-element-db9fd0b .elementor-heading-title{color:#EDEEEC;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-339 .elementor-element.elementor-element-7a55c23 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-339 .elementor-element.elementor-element-7a55c23 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-339 .elementor-element.elementor-element-7a55c23 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-339 .elementor-element.elementor-element-7a55c23 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-339 .elementor-element.elementor-element-7a55c23 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-339 .elementor-element.elementor-element-7a55c23 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-339 .elementor-element.elementor-element-7a55c23 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-339 .elementor-element.elementor-element-7a55c23 .elementor-field-type-html{padding-bottom:0px;}.elementor-339 .elementor-element.elementor-element-7a55c23 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-339 .elementor-element.elementor-element-7a55c23 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-339 .elementor-element.elementor-element-7a55c23 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-339 .elementor-element.elementor-element-7a55c23 .elementor-button[type="submit"]{color:#ffffff;}.elementor-339 .elementor-element.elementor-element-7a55c23 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-339 .elementor-element.elementor-element-7a55c23 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-339 .elementor-element.elementor-element-7a55c23 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-339 .elementor-element.elementor-element-7a55c23 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-339 .elementor-element.elementor-element-7a55c23 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-339 .elementor-element.elementor-element-7a55c23 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-339 .elementor-element.elementor-element-7a55c23{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-339 .elementor-element.elementor-element-ba48414{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:52px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-339 .elementor-element.elementor-element-f144c6f.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-339 .elementor-element.elementor-element-f144c6f.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-339 .elementor-element.elementor-element-f144c6f.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-339 .elementor-element.elementor-element-40a96de{--width:50%;}.elementor-339 .elementor-element.elementor-element-380cbb0{--width:50%;}}@media(max-width:767px){.elementor-339 .elementor-element.elementor-element-40a96de{--width:100%;}.elementor-339 .elementor-element.elementor-element-380cbb0{--width:100%;--padding-top:32px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-339 .elementor-element.elementor-element-d8f18e3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-339 .elementor-element.elementor-element-8ac70f4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-339 .elementor-element.elementor-element-f144c6f.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS *//* ============================================================ SINGLE DE PRODUCTO (plantilla 339) Copia de trabajo en el proyecto: maquetado/css/single-producto.css ============================================================ */ /* ─── 1 · Migas ─── */ .fym-migas{font-family:"IBM Plex Mono",monospace;font-size:.7rem; letter-spacing:.1em;text-transform:uppercase;color:#5C6771} .fym-migas a{color:#5C6771;text-decoration:none} .fym-migas a:hover{color:#6EC1E4} /* ─── 2 · Galeria ─── */ .fym-sp-galeria .woocommerce-product-gallery__image img{width:100%;height:auto;background:#EDEEEC} .fym-sp-galeria .flex-control-thumbs{display:flex;gap:8px;margin:10px 0 0;padding:0;list-style:none} .fym-sp-galeria .flex-control-thumbs li{width:72px;margin:0} .fym-sp-galeria .flex-control-thumbs img{width:72px;height:72px;object-fit:contain; background:#EDEEEC;border:1px solid #D5D8D6;cursor:pointer} /* ─── 3 · Ficha ─── */ .fym-sp-cat{margin-bottom:10px!important} .fym-sp-cat a{font-family:"IBM Plex Mono",monospace;font-size:.68rem; letter-spacing:.14em;text-transform:uppercase;color:#6EC1E4;text-decoration:none} .fym-sp-cat a:hover{color:#193B5E} /* Jet ignora terms_sep y mete una coma en un span propio */ .fym-sp-cat .jet-listing-dynamic-terms__delimiter{font-size:0} .fym-sp-cat .jet-listing-dynamic-terms__delimiter::after{content:" · ";font-size:.68rem} .fym-sp-tit h1{margin:0 0 12px!important;font-family:"Barlow Condensed",sans-serif; font-size:clamp(2.1rem,3.4vw,3rem);font-weight:700;line-height:1.02; text-transform:uppercase;letter-spacing:-.5px;color:#193B5E} .fym-sp-sku{display:block;margin-bottom:20px!important; font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.06em;color:#5C6771} .fym-sp-corta{margin-bottom:24px!important;padding-bottom:24px;border-bottom:1px solid #D5D8D6} .fym-sp-corta p{font-family:"IBM Plex Sans",sans-serif;font-size:1rem; line-height:1.72;color:#193B5E;margin:0 0 .8em} .fym-sp-corta p:last-child{margin-bottom:0} /* modo cotizacion: los precios de 1 peso no se muestran nunca */ .fym-sp-add .price, .fym-sp-add .woocommerce-Price-amount, .fym-sp-atrib .woocommerce-Price-amount{display:none!important} /* ─── 4 · Acciones ─── */ /* OJO: el :not() es necesario. El formulario del producto variable tambien es form.cart, y con display:flex la tabla de variaciones se iba a la izquierda y el bloque de la variacion a la derecha. */ .fym-sp-add form.cart:not(.variations_form){display:flex;align-items:center;gap:10px;margin:0} .fym-sp-add form.variations_form{display:block!important;margin:0} /* con variaciones el bloque toma toda la fila y "Pedir cotizacion" baja */ .fym-sp-add:has(form.variations_form){width:100%!important;flex:1 1 100%!important} .fym-sp-add .quantity input{width:74px;height:48px;padding:0 8px;text-align:center; border:1px solid #D5D8D6;border-radius:2px;background:#fff;color:#193B5E; font-family:"IBM Plex Mono",monospace;font-size:.9rem} .fym-sp-add button.button, .fym-sp-add .single_add_to_cart_button{height:48px;padding:0 22px!important; border:1px solid #193B5E!important;border-radius:2px!important; background:transparent!important;color:#193B5E!important; font-family:"Barlow Condensed",sans-serif!important;font-size:1rem!important; font-weight:600!important;text-transform:uppercase;letter-spacing:.5px; transition:background .18s,color .18s} .fym-sp-add button.button:hover, .fym-sp-add .single_add_to_cart_button:hover{background:#193B5E!important;color:#EDEEEC!important} /* WooCommerce escribe "Agregar al carrito"; en este sitio es un pedido. Ojo con la especificidad: la regla de arriba matchea por ".fym-sp-add button.button" (0,2,1), asi que aca hay que repetir el elemento o gana ella y se ven los dos textos pegados. */ .fym-sp-add button.single_add_to_cart_button{font-size:0!important} .fym-sp-add button.single_add_to_cart_button::after{content:"Agregar al pedido"; font-family:"Barlow Condensed",sans-serif;font-size:1rem;font-weight:600; text-transform:uppercase;letter-spacing:.5px} /* ── 4b · Producto variable: body.elementor-page-339 de presentacion ── */ /* la caja gris con el select apretado y el "Limpiar" rojo es el default de WooCommerce; aca la tabla se apila y el select toma el registro del "Ordenar por" del archivo */ .fym-sp-add table.variations{width:100%;margin:0 0 18px;border:0; background:none;border-collapse:collapse} .fym-sp-add table.variations tbody, .fym-sp-add table.variations tr{display:block} .fym-sp-add table.variations tr + tr{margin-top:16px} .fym-sp-add table.variations th.label, .fym-sp-add table.variations td.value{display:block;width:auto; padding:0!important;border:0;background:none;text-align:left} .fym-sp-add table.variations th.label label{display:block;margin:0 0 8px; font-family:"IBM Plex Mono",monospace;font-size:.68rem;font-weight:400; letter-spacing:.14em;text-transform:uppercase;color:#5C6771} .fym-sp-add table.variations td.value{display:flex;align-items:center; gap:14px;flex-wrap:wrap} .fym-sp-add table.variations select{ appearance:none;-webkit-appearance:none;height:48px; flex:0 1 auto;width:280px;max-width:100%; background:#fff url("data:image/svg+xml;utf8,") no-repeat right 14px center; border:1px solid #D5D8D6;border-radius:2px;padding:0 40px 0 14px;cursor:pointer; font-family:"Barlow Condensed",sans-serif;font-size:1rem;font-weight:600; text-transform:uppercase;letter-spacing:.5px;color:#193B5E; transition:border-color .18s} .fym-sp-add table.variations select:hover, .fym-sp-add table.variations select:focus{outline:none;border-color:#6EC1E4} /* "Limpiar" es una ayuda, no una alerta: va gris y discreto */ .fym-sp-add a.reset_variations{ font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.1em; text-transform:uppercase;color:#5C6771;text-decoration:none; border-bottom:1px solid #D5D8D6;transition:color .15s,border-color .15s} .fym-sp-add a.reset_variations:hover{color:#6EC1E4;border-bottom-color:#6EC1E4} .fym-sp-add .single_variation_wrap{width:100%} .fym-sp-add .woocommerce-variation.single_variation{margin:0 0 16px} /* modo cotizacion: tampoco aca se muestra el precio de la variacion */ .fym-sp-add .woocommerce-variation .price, .fym-sp-add .woocommerce-variation .woocommerce-Price-amount{display:none!important} .fym-sp-add .woocommerce-variation-description p, .fym-sp-add .woocommerce-variation-availability p{margin:0; font-family:"IBM Plex Sans",sans-serif;font-size:.9rem;line-height:1.6;color:#5C6771} .fym-sp-add .woocommerce-variation-add-to-cart{display:flex;align-items:center; gap:10px;flex-wrap:wrap} /* la cantidad se pide en el formulario de cotizacion, no aca */ .fym-sp-add .woocommerce-variation-add-to-cart .quantity{display:none} .fym-sp-add .single_add_to_cart_button.disabled, .fym-sp-add .single_add_to_cart_button:disabled{opacity:.4;cursor:not-allowed} .fym-sp-add .single_add_to_cart_button.disabled:hover{ background:transparent!important;color:#193B5E!important} .fym-sp-cotizar .elementor-button{height:48px;display:inline-flex;align-items:center; border-radius:2px;padding:0 24px;background:#6EC1E4;color:#fff; font-family:"Barlow Condensed",sans-serif;font-size:1rem;font-weight:600; text-transform:uppercase;letter-spacing:.5px;transition:filter .18s} .fym-sp-cotizar .elementor-button:hover{filter:brightness(1.12);color:#fff} /* ─── 5 · Atributos y etiquetas ─── */ .fym-sp-atrib{margin-top:26px!important} .fym-sp-atrib table{width:100%;border-collapse:collapse;margin:0} .fym-sp-atrib th,.fym-sp-atrib td{padding:11px 0;text-align:left;vertical-align:top; border-bottom:1px solid #D5D8D6} .fym-sp-atrib th{width:38%;font-family:"IBM Plex Mono",monospace;font-size:.68rem; letter-spacing:.14em;text-transform:uppercase;color:#5C6771;font-weight:400} .fym-sp-atrib td,.fym-sp-atrib td p{font-family:"IBM Plex Sans",sans-serif; font-size:.9rem;line-height:1.6;color:#193B5E;margin:0} .fym-sp-tags{margin-top:22px!important;display:flex;flex-wrap:wrap;gap:6px} .fym-sp-tags .jet-listing-dynamic-terms__link{display:inline-flex;padding:5px 10px; background:#EDEEEC;border:1px solid #D5D8D6;border-radius:2px; font-family:"IBM Plex Sans",sans-serif;font-size:.76rem;color:#193B5E; text-decoration:none;transition:border-color .15s,background .15s} .fym-sp-tags .jet-listing-dynamic-terms__link:hover{border-color:#6EC1E4;background:#fff} .fym-sp-tags .jet-listing-dynamic-terms__delimiter{display:none} .fym-sp-nota{margin-top:24px!important;padding-top:20px;border-top:1px solid #D5D8D6} .fym-sp-nota p{font-family:"IBM Plex Mono",monospace;font-size:.74rem;line-height:1.9; color:#5C6771;margin:0} .fym-sp-nota a{color:#6EC1E4;text-decoration:none} .fym-sp-nota a:hover{text-decoration:underline} /* ─── 6 · Eyebrows y descripcion larga ─── */ .fym-eyebrow{margin:0;font-family:"IBM Plex Mono",monospace;font-size:.68rem; letter-spacing:.18em;text-transform:uppercase;color:#6EC1E4} .fym-sp-eyebrow--osc .fym-eyebrow{color:#6EC1E4} .fym-sp-largo{max-width:74ch} .fym-sp-largo p,.fym-sp-largo li{font-family:"IBM Plex Sans",sans-serif; font-size:1rem;line-height:1.78;color:#193B5E} .fym-sp-largo h2,.fym-sp-largo h3{font-family:"Barlow Condensed",sans-serif; text-transform:uppercase;color:#193B5E;letter-spacing:.2px} /* ─── 7 · Banda de cotizacion ─── */ .fym-sp-coth h2{margin:0;font-family:"Barlow Condensed",sans-serif; font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;line-height:1.05; text-transform:uppercase;letter-spacing:-.3px} .fym-sp-cotp p{margin:0;max-width:58ch;font-family:"IBM Plex Sans",sans-serif; font-size:1rem;line-height:1.7;color:#9BACB9} .fym-form .elementor-field-group{margin-bottom:0} .fym-form input[type=text],.fym-form input[type=email], .fym-form input[type=tel],.fym-form textarea{width:100%;padding:13px 14px; border:1px solid rgba(237,238,236,.25);border-radius:2px; background:rgba(237,238,236,.05);color:#EDEEEC; font-family:"IBM Plex Sans",sans-serif;font-size:.92rem; transition:border-color .18s,background .18s} .fym-form input::placeholder,.fym-form textarea::placeholder{color:#9BACB9;opacity:1} .fym-form input:focus,.fym-form textarea:focus{outline:none; border-color:#6EC1E4;background:rgba(237,238,236,.09)} .fym-form .elementor-button[type=submit]{margin-top:6px;padding:15px 28px;border:0; border-radius:2px;background:#6EC1E4;color:#fff;cursor:pointer; font-family:"Barlow Condensed",sans-serif;font-size:1.05rem;font-weight:600; text-transform:uppercase;letter-spacing:.5px;transition:filter .18s} .fym-form .elementor-button[type=submit]:hover{filter:brightness(1.12)} .fym-form .elementor-message{font-family:"IBM Plex Sans",sans-serif;font-size:.88rem;color:#EDEEEC} .fym-form .elementor-message.elementor-message-danger{color:#6EC1E4} /* ─── 8 · Relacionados ─── El loop de WooCommerce no da ni categoria ni SKU ni etiquetas, asi que no puede ser la card completa del listado; lo que se replica es el marco: mismo borde, misma caja de imagen y misma tipografia. */ .fym-sp-rel > .elementor-widget-container > .related > h2{display:none} .fym-sp-rel ul.products{display:grid!important;grid-template-columns:repeat(4,1fr); gap:20px;margin:0!important;padding:0;list-style:none} .fym-sp-rel ul.products::before, .fym-sp-rel ul.products::after{content:none!important} .fym-sp-rel ul.products li.product{display:flex!important;flex-direction:column; width:auto!important;margin:0!important;float:none!important;padding:0!important; border:1px solid #D5D8D6;background:#fff;box-sizing:border-box; transition:border-color .18s} .fym-sp-rel ul.products li.product:hover{border-color:#193B5E} .fym-sp-rel ul.products li.product a.woocommerce-LoopProduct-link{ display:flex;flex-direction:column;padding:16px;text-decoration:none;flex:1 1 auto} .fym-sp-rel ul.products li.product img{width:100%!important;height:170px!important; object-fit:contain;margin:0 0 14px!important;background:#fff;display:block} /* la especificidad tiene que ganarle a la regla de Elementor que pone var(--e-global-color-primary) sobre los titulos del loop */ .fym-sp-rel ul.products li.product h2.woocommerce-loop-product__title, .fym-sp-rel ul.products li.product .woocommerce-loop-product__title{ font-family:"Barlow Condensed",sans-serif!important;font-size:1.02rem!important; font-weight:600!important;text-transform:uppercase!important;letter-spacing:.2px; line-height:1.16!important;color:#193B5E!important; padding:0!important;margin:0!important; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} /* modo cotizacion: sin precios, ni rating, ni boton de compra */ .fym-sp-rel .price,.fym-sp-rel .star-rating,.fym-sp-rel .onsale, .fym-sp-rel .add_to_cart_button,.fym-sp-rel .added_to_cart, .fym-sp-rel .woocommerce-loop-product__link + a{display:none!important} /* ─── 9 · Responsive ─── */ @media (max-width:1024px){ .fym-sp-rel ul.products{grid-template-columns:repeat(2,1fr)} } @media (max-width:767px){ .fym-sp-add form.cart:not(.variations_form){flex-wrap:wrap} .fym-sp-cotizar,.fym-sp-cotizar .elementor-button{width:100%;justify-content:center} .fym-sp-atrib th{width:44%} .fym-sp-add table.variations select{width:100%} } @media (max-width:600px){ .fym-sp-rel ul.products{grid-template-columns:1fr} .fym-migas{font-size:.64rem} }/* End custom CSS */