/* ===================================================================== custom.css · TEMA HIJO child_tuautocuidado de Medicine (fieldthemes 2.2) · PAR-631 Origen: custom.css de la maqueta aprobada (Entrega IT - Rediseño tuautocuidado). Todo lo que se aparta de la demo Home 1 está aquí; el tema padre no se toca. Leyenda: 🔧 = ajuste del tema hijo (CSS y, si se indica, .tpl) Puntos de corte del tema: móvil ≤ 767 px · escritorio ≥ 992 px ===================================================================== */ /* --------------------------------------------------------------------- 0 · Base --------------------------------------------------------------------- */ img{max-width:100%;height:auto} /* ===================================================================== 1 · TODAS LAS PÁGINAS · CABECERA ===================================================================== */ /* Cabecera · en la portada deja de ir superpuesta al slider (ya no hay slider) 🔧 */ #index #header{position:relative} /* El logo ya no sobresale de la barra: menos margen bajo la cabecera en el resto de páginas 🔧 */ body:not(#index) #wrapper{margin-top:30px} @media (max-width:767px){body:not(#index) #wrapper{margin-top:16px}} /* Barra superior · dos avisos de confianza con ✓ (bloque de texto en displayNav2) */ .header-nav .container > div.nav-trust{float:left;line-height:50px;color:#cfcfcf;font-size:13px;padding-left:20px} .nav-trust span{margin-right:26px} .nav-trust span:before{content:"✓ ";color:#16a085;font-weight:700} /* Logo · a la izquierda, dentro de la barra verde y con su misma altura 🔧 */ #header .header-top .container{position:relative} .logo_header{left:0;margin-left:0;top:0;height:80px;background:#fff;padding:0 22px;display:flex;align-items:center} .logo_header img{height:50px;width:auto} /* Menú · 4 marcas alineadas a la izquierda, con la categoría (campo "Descripción" de fieldmegamenu) debajo 🔧 */ #fieldmegamenu-main.fieldmegamenu > ul{text-align:left;padding-left:240px} #header_menu .fieldmegamenu .root-item{height:80px;line-height:1.2;display:flex;align-items:center} #fieldmegamenu-main.fieldmegamenu > ul > li .root-item .title{line-height:1.2;padding:0} #fieldmegamenu-main.fieldmegamenu > ul > li{margin-right:30px} #fieldmegamenu-main .description{color:#fff;opacity:.85;font-size:11px;text-transform:none;line-height:1.2;margin-top:3px} /* Carrito · icono con el nº de productos en lugar de "0 ITEM - $0.00" 🔧 */ #sticky_top{min-width:0;position:absolute;right:15px;top:0;height:80px;z-index:3} #cart_block_top{margin:0;display:flex;align-items:center;height:80px} #cart_block_top .blockcart.cart-preview.inactive{border:0;background:none;height:auto;min-width:0;line-height:1} #cart_block_top .click-cart{margin:0;line-height:1} #cart_block_top .shopping-cart{display:block;position:relative;color:#fff;width:44px;height:44px;padding:9px} #cart_block_top .cart-products-count{position:absolute;top:2px;right:0;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#fff;color:#16a085;font-size:11.5px;display:flex;align-items:center;justify-content:center} /* Cabecera en móvil · una línea blanca: ☰ a la izquierda, logo en el centro y carrito a la derecha 🔧 */ @media (max-width:991px){ .header-nav .container{height:34px} .header-nav .container > div.nav-trust{float:none;text-align:center;line-height:34px;padding:0} .nav-trust span{margin:0} .nav-trust span + span{display:none} #header{background:#fff} #header .header-top{line-height:normal;border-bottom:3px solid #16a085} #header .header-top .container{height:58px} .logo_header{position:absolute!important;left:50%!important;transform:translateX(-50%);margin:0;width:auto;height:58px;padding:0;background:none} .logo_header img{height:34px} #sticky_top{left:auto;right:6px;margin:0;width:auto;float:none;height:58px} #cart_block_top{height:58px} #cart_block_top .shopping-cart{color:#222;width:40px;height:40px;padding:7px} #cart_block_top .cart-products-count{background:#16a085;color:#fff;font-size:10px;top:0;right:-2px} /* el botón ☰ del menú móvil se coloca sobre la línea de la cabecera */ #header_mobile_menu,#index #header_mobile_menu{position:absolute;top:34px;left:0;right:0;height:0;background:none;margin:0;z-index:20} #header_mobile_menu .container{padding:0} #header_mobile_menu .fieldmm-nav{background:none;padding:0} #header_mobile_menu .brand{display:none} #fieldmm-button{color:#222;top:14px;left:14px;right:auto;font-size:24px;line-height:1} #fieldmegamenu-mobile{top:61px;padding:0} #fieldmegamenu-mobile .root-item{display:block;float:none;padding:0} #fieldmegamenu-mobile .root-item a{display:block;padding:12px 16px;text-align:left} #fieldmegamenu-mobile .root-item .title{padding:0!important;display:inline} #fieldmegamenu-mobile .description{display:inline;margin-left:8px;color:#84888f;text-transform:none} } /* ===================================================================== 2 · TODAS LAS PÁGINAS · TARJETA DE PRODUCTO (miniatures/product.tpl) ===================================================================== */ /* Tarjeta · marca en verde, nombre completo (sin truncate:30 en el .tpl), botón "Comprar" siempre visible 🔧 */ .product-miniature .product-brand{font-size:11px;color:#16a085;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px} .product-miniature .product_name{font-size:13px;line-height:1.45;min-height:38px;padding:0 10px} .product-miniature .product-price-and-shipping{margin:6px 0 10px} .product-miniature .price{font-size:15px} .addtocart, #fieldtabproductsisotope .fieldtabproductsisotope-products .item-inner:hover .addtocart{display:block;margin:auto 14px 16px} #fieldtabproductsisotope .fieldtabproductsisotope-products .item-inner:hover .right-product{display:block} .addtocart .add-to-cart{width:100%;height:38px;line-height:38px;padding:0 10px;text-transform:uppercase} .addtocart .add-to-cart:hover{background:#12806a} .addtocart .add-to-cart:hover span{color:#fff} .tabs-grid > li > .item,#productCates .item,.item-inner,.item-inner .product-miniature{height:100%} .item-inner .product-miniature{display:flex;flex-direction:column} .horizontal_mode .item-inner .left-product a.thumbnail{display:block;margin:14px 14px 0} /* Etiqueta "Pack" en los packs (mismo estilo que SALE/NEW) 🔧 */ .pack_product{background:#16a085;color:#fff;font-size:11px;padding:0 8px;line-height:20px;text-transform:uppercase;float:left;margin-left:10px} /* Cuadrículas · columnas de la misma altura */ .tabs-grid,#productCates.grid{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0} .tabs-grid > li{margin-bottom:20px} /* ===================================================================== 3 · TODAS LAS PÁGINAS · PIE ===================================================================== */ /* Pie · 1.ª columna: solo el enlace al formulario */ .footer-container .contact_ft ul li{padding-left:0} .footer-container .contact_ft ul li a.contact-link{color:#16a085;margin:0} /* Pie · 4.ª columna: logos de pago (en la tienda, imagen en fieldstaticfooter) */ .pay-logos{display:flex;flex-wrap:wrap;gap:6px} .pay-logos span{background:#fff;color:#333;font-size:10.5px;font-weight:700;padding:4px 8px;border-radius:2px;line-height:1.3} /* Pie en móvil · columnas una debajo de otra y abiertas (sin desplegables +) 🔧 */ @media (max-width:767px){ .footer-container .links .title{display:none} .footer-container .links ul.collapse{display:block} } /* ===================================================================== 4 · PORTADA (index) ===================================================================== */ /* Banner fijo · con el ancho del contenido; en móvil, imagen propia 1080×720 () 🔧 */ #index #wrapper{padding-top:20px} .home-banner{position:relative;margin-bottom:30px} .home-banner img{width:100%;height:auto;display:block} /* Columna izquierda · "Nuestras marcas" con el nº de productos 🔧 */ #fieldblockcategories #field_content{float:none;margin-right:10px} #fieldblockcategories .name_block{display:flex;justify-content:space-between} #fieldblockcategories .cat-count{opacity:.8} /* Columna izquierda · "¿Por qué comprar en Tu autocuidado?" (bloque de texto) 🔧 formato */ .why-us{margin-top:30px} .why-us .title_block{margin-bottom:20px;font-weight:700} .why-us .title_block .title_text:before, #packs_ahorro_block .title_block .title_text:before{content:"";position:absolute;width:110px;left:0;bottom:-2px;height:2px;background:#16a085} .why-us ul{background:#fff;border:1px solid #e5e5e5;padding:6px 18px;margin:0;list-style:none} .why-us li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #e5e5e5;font-size:13px;line-height:1.45} .why-us li:last-child{border-bottom:0} .why-us .why-ico{font-size:18px;flex:none;width:24px;text-align:center} .why-us strong{display:block;color:#222;font-weight:400;font-size:14px;margin-bottom:2px} .why-us p{margin:0;color:#878787} /* Pestañas · Más vendidos (8) · Packs ahorro (2) 🔧 contador */ .tab-count{font-weight:400} /* Banner ancho "Energía y descanso" · solo escritorio (hidden-sm-down en el .tpl) */ .hover-banner-2{margin:10px 0 40px} .banner_mid img{width:100%;height:auto} /* Bloque "Packs ahorro (ver todos)" · 2 tarjetas horizontales 🔧 */ #packs_ahorro_block{margin-bottom:40px} #packs_ahorro_block .title_block{margin-bottom:20px;font-weight:700} #packs_ahorro_block .see-all{font-size:13px;color:#16a085;text-transform:none;font-weight:400;margin-left:6px;font-family:Rubik,sans-serif} #packs_ahorro_block .item-inner{display:block;width:auto;height:auto;padding:16px;margin:0;border:1px solid #e5e5e5;background:#fff} #packs_ahorro_block .product-miniature{flex-direction:row;align-items:center;gap:18px} #packs_ahorro_block .left-product{float:none;line-height:normal;flex:none;width:150px} #packs_ahorro_block .right-product{position:static;transform:none} #packs_ahorro_block .product_name{font-size:14px;color:#222;padding:0;min-height:0;margin-bottom:4px} #packs_ahorro_block .pack-phrase{font-size:12.5px;color:#878787} #packs_ahorro_block .addtocart{margin:0} #packs_ahorro_block .add-to-cart{width:auto;padding:0 18px} /* Logos de marcas · 4 fijos, solo en portada, con el ancho de la columna de productos 🔧 */ #fieldbrandslider{margin:10px 0 50px} #fieldbrandslider-grid.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0 15px} #fieldbrandslider-grid .img-wrapper{background:#fff;border:1px solid #e5e5e5;height:90px;display:flex;align-items:center;justify-content:center;padding:14px} #fieldbrandslider-grid img{max-height:58px;width:auto} /* Portada en móvil · productos de 2 en 2 justo después del banner; sin columna izquierda ni banner ancho; "¿Por qué comprar…?" debajo de los packs 🔧 */ @media (max-width:767px){ #index #wrapper{padding-top:0} .home-banner{margin:0 -15px 22px} .tabs-grid > li{width:50%;padding:0 5px;margin-bottom:10px} .fieldtabproductsisotope-products{padding:0 10px} .fieldtabproductsisotope-filter a{font-size:13px} #fieldtabproductsisotope .horizontal_mode .item-inner,.horizontal_mode .item-inner{display:block} #packs_ahorro_block .col-md-6 + .col-md-6{margin-top:10px} #packs_ahorro_block .left-product{width:100px} .why-us{margin:10px 0 26px} #fieldbrandslider-grid.grid{gap:10px} #fieldbrandslider-grid .img-wrapper{height:64px;padding:8px} } /* ===================================================================== 5 · FICHA DE PRODUCTO (product) ===================================================================== */ /* Migas · Inicio / marca / producto, también en móvil (sin hidden-sm-down en breadcrumb.tpl) 🔧 */ /* Imagen principal a todo el ancho de su columna (sin columna lateral, el máx. de 452 px del tema sobra) 🔧 */ #product section#content{max-width:none} #product .images-container,#product .product-cover{width:100%} #product .product-cover img{width:100%;display:block} /* Galería · hasta 3 miniaturas centradas bajo la imagen principal, sin flechas 🔧 */ #product .product-images{display:flex;gap:10px;justify-content:center;margin-top:12px} #product .product-images .thumb{width:76px;border:1px solid #e5e5e5;padding:4px;background:#fff;cursor:pointer} #product .product-images .thumb.selected{border-color:#16a085} /* Encabezado · marca en verde encima del nombre y nota de precio de reventa 🔧 */ .product-manufacturer-name{color:#16a085;text-transform:uppercase;font-size:12.5px;letter-spacing:.5px} .product-prices .tax-shipping-delivery-label{display:inline-block;color:#878787;font-size:12px;margin-left:8px} .product-prices .product-price{display:inline-block} .pvp-note{font-size:11.5px;color:#878787;margin:0 0 10px} /* Compra · selector − 1 + y botón "Comprar" ancho 🔧 */ .product-add-to-cart .product-quantity{display:flex;gap:10px;align-items:stretch} .product-quantity > div.add{flex:1} .product-actions .add-to-cart{width:100%;height:48px;font-size:14px} .product-quantity .bootstrap-touchspin{display:flex;border:1px solid #e5e5e5;background:#fff;height:48px} .product-quantity .bootstrap-touchspin .input-group-btn-vertical{display:contents} .product-quantity .bootstrap-touchspin .btn-touchspin{order:0;width:40px;height:auto;border:0;background:none;position:static} .product-quantity .bootstrap-touchspin .bootstrap-touchspin-up{order:2} .product-quantity .bootstrap-touchspin #quantity_wanted{order:1;width:40px;border:0;text-align:center;height:auto;padding:0} .product-quantity .input-group-btn-vertical .btn i{position:static} .product-quantity .input-group-btn-vertical .btn i.touchspin-up:after{content:"+";font-family:Rubik,sans-serif;font-size:16px} .product-quantity .input-group-btn-vertical .btn i.touchspin-down:after{content:"−";font-family:Rubik,sans-serif;font-size:16px} /* Bajo el botón · 3 avisos con icono (blockreassurance, solo en la ficha) 🔧 */ #product #block-reassurance{border-top:1px solid #e5e5e5;margin-top:20px;padding-top:12px;background:none;box-shadow:none} #product #block-reassurance li{border:0} #product #block-reassurance .block-reassurance-item{padding:5px 0;display:flex;gap:10px;align-items:center} #product #block-reassurance .reassurance-ico{width:20px;text-align:center} #product #block-reassurance .h6{font-size:13.5px;font-weight:400;color:#414141;margin:0} /* Descripción · desplegables en lugar de pestañas 🔧 */ .product-accordion{margin-top:20px} .product-accordion details{border:1px solid #e5e5e5;background:#fff;margin-bottom:8px} .product-accordion summary{padding:12px 14px;font-weight:700;text-transform:uppercase;font-size:13px;color:#222;cursor:pointer;font-family:Roboto,sans-serif} .product-accordion .product-description{padding:0 14px 14px;font-size:13.5px} .product-accordion .product-description p{margin:0} /* Relacionados · "También te puede interesar": 4 en cuadrícula (2 en móvil) 🔧 */ #field_productcates{margin:40px 0} #field_productcates .title_block{margin-bottom:20px} /* Barra fija de compra · solo móvil 🔧 */ .product-sticky-buy{display:none} @media (max-width:767px){ #product .breadcrumb ol{padding:10px 14px;font-size:13px} #product .product-cover{margin:0} #productCates > div:nth-child(n+3){display:none} #field_productcates .row{margin:0 -5px} #productCates > div{padding:0 5px} #product .product-add-to-cart{display:none} .product-sticky-buy{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid #e5e5e5;padding:10px 14px;gap:12px;align-items:center;box-shadow:0 -4px 14px rgba(0,0,0,.08)} .product-sticky-buy .sticky-price{flex:none;white-space:nowrap} .product-sticky-buy .sticky-price b{display:block;color:#16a085;font-size:18px;line-height:1.1} .product-sticky-buy .sticky-price small{font-size:11px;color:#878787} .product-sticky-buy form{flex:1} .product-sticky-buy .add-to-cart{width:100%;height:46px;background:#16a085;border:0;color:#fff;font-size:14px;text-transform:uppercase;font-weight:700} body#product{padding-bottom:70px} } /* ===================================================================== 6 · CARRITO (cart) ===================================================================== */ /* Resumen · nº de artículos, total con IVA y "¿Tiene un código promocional?"; sin envío ni impuestos 🔧 */ .cart-summary .block-promo,.cart-summary .cart-voucher{padding:0;margin:0} .cart-summary .block-promo p{margin:10px 0 0} .cart-summary .block-promo .promo-code-button{color:#16a085;padding-left:0;margin-bottom:0} /* Línea de producto en móvil · foto a la izquierda; nombre, precio, cantidad, total y papelera a su derecha 🔧 */ @media (max-width:767px){ .cart-item .product-line-grid{display:flex;flex-wrap:wrap;align-items:flex-start} .cart-item .product-line-grid-left{width:90px;padding:0} .cart-item .product-line-grid-body{width:calc(100% - 90px);padding:0 0 0 14px} .cart-item .product-line-grid-right{width:100%;padding:8px 0 0 104px} .cart-item .product-line-grid-right .row{display:flex;align-items:center;margin:0} .cart-item .product-line-grid-right .hidden-md-up{display:none} .cart-item .product-line-grid-right [class*="col-"]{width:auto;flex:1;padding:0} .cart-item .product-line-grid-right .qty{flex:none} .cart-item .product-line-grid-right .price{text-align:right;padding-right:10px} .cart-item .product-line-grid-right .text-xs-right{flex:none} } /* ===================================================================== 7 · CHECKOUT (order) ===================================================================== */ /* Pasos · la maqueta no muestra el enlace "modificar" (quitar en checkout-step.tpl) 🔧 */ body#checkout section.checkout-step.-reachable.-complete h1 .step-edit{display:none} body#checkout section.checkout-step{margin-bottom:16px} /* Pie normal también en el checkout (theme.css lo convierte en una caja blanca) 🔧 */ body#checkout #footer{padding:0;box-shadow:none;background:none} /* Campos · una sola columna, etiqueta encima del campo; Piso · Letra · Escalera en una fila 🔧 */ body#checkout #delivery-address .form-fields,body#checkout #customer-form section{max-width:520px} body#checkout .form-group.row{margin:0 0 14px} body#checkout .form-group.row > *{width:100%;max-width:100%;flex:none;padding:0;text-align:left} body#checkout .form-control-label{padding:0 0 5px} body#checkout .form-control-comment{display:none} body#checkout .form-control-label em,.form-required-note em{font-style:normal;color:#c0392b} .form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .form-required-note{font-size:12.5px;color:#878787;margin:0 0 14px} /* Método de envío · farmacia asignada (módulo ludafarma) y dos opciones en recuadros, sin logos 🔧 */ .assigned-pharmacy{text-align:center;margin:4px 0 20px} .assigned-pharmacy b{display:block;font-size:20px;color:#222} .assigned-pharmacy small{color:#5f9a8c;font-size:13px} body#checkout section.checkout-step .delivery-option{border:1px solid #e5e5e5;padding:14px;margin-bottom:10px;display:flex;align-items:center;background:#fff} body#checkout .delivery-option .col-sm-1{width:auto;padding:0 12px 0 0} body#checkout .delivery-option label{width:auto;padding:0;margin:0;cursor:pointer} body#checkout .delivery-option .carrier-name{font-size:14px;font-weight:400;color:#222;display:inline} body#checkout .delivery-option .carrier-price{color:#b57bd6;font-size:13px} body#checkout .delivery-option .carrier-price.free{color:#5f9a8c;font-weight:700;font-size:14px} /* Pago · detalle del pedido bajo el formulario (el total cambia con el envío) 🔧 */ .order-review{font-size:13.5px;color:#999;margin:22px 0 0;padding-top:18px;border-top:1px solid #e5e5e5} .order-review p{margin-bottom:10px} .order-review p b{display:block;color:#222} .order-review-product{display:flex;gap:18px;align-items:flex-start;margin:14px 0} .order-review-product img{width:150px;height:150px;object-fit:contain;border:1px solid #ccc;border-radius:4px;background:#fff} .order-review-product b,.order-review-product strong{display:block;color:#222} .order-review-product strong{max-width:190px;font-size:13px;margin:2px 0 6px} .order-review-product small{display:block;font-size:11px;color:#5f9a8c} .order-review-total{color:#5f9a8c;font-size:14px} .order-review-total b{display:inline!important;color:#222!important} /* Pago · contenido alineado a la izquierda, botón "Realizar pedido" 🔧 */ body#checkout #payment-confirmation button{margin:0} body#checkout #payment-confirmation{text-align:left} body#checkout .condition-label a,#js-checkout-summary .cart-summary-products a{color:#16a085} /* Checkout en móvil */ @media (max-width:767px){ body#checkout section.checkout-step .content{padding:0 4px} .order-review-product img{width:100px;height:100px} } /* ===================================================================== 8 · AJUSTES SOBRE LAS PLANTILLAS REALES (no estaban en la maqueta) ===================================================================== */ /* Clase que usa la lógica de la cuponera y del aviso de condiciones (custom.js) */ .zq_cp_hidden{display:none!important} /* Pestañas de la portada: la cuadrícula es flex, sin isotope */ #fieldtabproductsisotope .tabs-grid > li{float:none} /* Carrito de la cabecera: sin el recuadro que Medicine pone cuando hay productos */ #cart_block_top .blockcart.cart-preview.active{border:0;background:none;height:auto;min-width:0;line-height:1} /* Checkout · número de paso: visible en pasos pendientes y actual, ✓ en los completos */ body#checkout section.checkout-step .step-title{display:flex;align-items:center;gap:14px} body#checkout section.checkout-step .step-title .done{display:none;color:#16a085;font-size:20px} body#checkout section.checkout-step.-complete:not(.-current) .step-title .done{display:inline-block} body#checkout section.checkout-step.-complete:not(.-current) .step-title .step-number{display:none} body#checkout section.checkout-step .step-number{display:inline-block;min-width:14px} /* Checkout · farmacia asignada por ludafarma (plantilla heredada: .delivery-pharmacy h4/h5) centrada como en la maqueta */ body#checkout .delivery-pharmacy{text-align:center;margin:4px 0 20px} body#checkout .delivery-pharmacy h4{font-size:20px;color:#222;margin:0 0 2px;text-transform:uppercase} body#checkout .delivery-pharmacy h5{font-size:13px;color:#5f9a8c;font-weight:400;margin:0} body#checkout .delivery-option-2{width:auto;padding:0;margin:0;cursor:pointer} body#checkout #delivery_message{width:100%;max-width:100%;box-sizing:border-box} body#checkout .order-options label{text-align:left;display:block;margin-top:14px} /* Checkout · resumen bajo el formulario de pago (plantilla heredada) con el estilo de la maqueta */ body#checkout #checkout-payment-step h3,body#checkout #checkout-payment-step h4{font-size:14px;color:#222;margin:12px 0 2px} /* Listado de categoría (marca): misma cuadrícula de altura igual que en la portada */ #box-product-grid .products{display:flex;flex-wrap:wrap} #box-product-grid .products > .item{float:none;margin-bottom:20px} #box-product-grid .products > .item .item-inner{height:100%} @media (max-width:767px){ #box-product-grid .products > .item{padding:0 5px;margin-bottom:10px} } #box-product-grid .products:before,#box-product-grid .products:after{display:none} #box-product-grid .item-inner .product-miniature{height:100%} /* Cabecera a todo el ancho (Medicine la pinta "en caja" y deja franjas grises a los lados) */ .header-nav{background:#1b1b1b} .header-nav .container{background:none} #header .header-top{background:#16a085} #header_menu{background:none} /* Menú: al pasar el ratón y en la marca activa el texto sigue en blanco, subrayado blanco (Medicine lo pone en negro) */ #fieldmegamenu-main.fieldmegamenu .root:hover .root-item > a > .title, #fieldmegamenu-main.fieldmegamenu .root.active .root-item > a > .title, #fieldmegamenu-main.fieldmegamenu .root .root-item > a.active > .title, #fieldmegamenu-main.fieldmegamenu .root:hover .root-item > a > .title .title-text, #fieldmegamenu-main.fieldmegamenu .root.active .root-item > a > .title .title-text, #fieldmegamenu-main.fieldmegamenu .root .root-item > a.active > .title .title-text{color:#fff} #fieldmegamenu-main.fieldmegamenu .root .root-item > a > .title .title-text{border-bottom:2px solid transparent;padding-bottom:3px;transition:border-color .15s} #fieldmegamenu-main.fieldmegamenu .root:hover .root-item > a > .title .title-text, #fieldmegamenu-main.fieldmegamenu .root.active .root-item > a > .title .title-text, #fieldmegamenu-main.fieldmegamenu .root .root-item > a.active > .title .title-text{border-bottom-color:#fff} #fieldmegamenu-main.fieldmegamenu .root:hover .description, #fieldmegamenu-main.fieldmegamenu .root.active .description{opacity:1} /* Tarjeta: sin el velo oscuro de Medicine sobre la foto al pasar el ratón; un leve zoom basta */ .horizontal_mode .item-inner .left-product a.thumbnail:before{display:none} .item-inner .left-product .cover_image img{transition:transform .25s} .item-inner:hover .left-product .cover_image img{transform:scale(1.03)} .item-inner{transition:box-shadow .2s} .item-inner:hover{box-shadow:0 4px 14px rgba(0,0,0,.08)} /* Pestañas de la portada: hover en verde, no en negro */ #fieldtabproductsisotope .fieldtabproductsisotope-filter a:hover .text{color:#16a085} /* "Nuestras marcas" (columna izquierda): sobre el verde, el hover sigue en blanco y se subraya */ #fieldblockcategories .name_block:hover{color:#fff} #fieldblockcategories .name_block:hover{text-decoration:underline;text-underline-offset:3px}