/* Reproduce el sitio original con valores medidos en una copia sin scripts de producción. */
:root { --sistema:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; --naranja:#fa823f; }
.icono { display:block; flex:none; height:1em; width:auto; }

/* Cabecera */
.cabecera { position:relative; z-index:30; display:flex; align-items:center; justify-content:space-between; height:147px; padding:0 53px; background:#111; }
.cabecera-logo { display:block; }
.cabecera-logo img { display:block; width:300px; height:115px; }
.menu-escritorio ul { display:flex; margin:0; padding:0; list-style:none; }
.menu-escritorio > ul > li { position:relative; }
.menu-escritorio a, .menu-escritorio button { display:flex; align-items:center; height:80px; padding:0 16px; border:0; background:none; color:#fff; cursor:pointer; font:400 16px/80px Helvetica,Verdana,Arial,sans-serif; text-decoration:none; text-transform:uppercase; transition:color .2s linear; white-space:nowrap; }
.menu-escritorio .icono { margin:0 4px 0 8px; font-size:11px; }
.menu-escritorio li:hover > a, .menu-escritorio li:hover > button, .menu-escritorio li:focus-within > button, .menu-escritorio li.activo > a, .menu-escritorio li.activo > button { color:#d1d5db; }
.menu-escritorio .submenu-fiel { display:none; position:absolute; top:88px; left:0; z-index:40; width:240px; padding:2px 0 0; background:#111; box-shadow:0 4px 10px -2px rgba(0,0,0,.1); }
.menu-escritorio li:hover > .submenu-fiel, .menu-escritorio li:focus-within > .submenu-fiel { display:block; }
.menu-escritorio .submenu-fiel a { display:block; height:auto; padding:14.4px 16px; line-height:23.2px; white-space:normal; }
.menu-escritorio .submenu-fiel a:hover { color:#d1d5db; }
.menu-movil { display:none; }
.menu-movil summary { list-style:none; cursor:pointer; }
.menu-movil summary::-webkit-details-marker { display:none; }
.menu-movil > summary { display:flex; align-items:center; justify-content:center; width:42px; height:42px; color:#fff; font-size:21.9px; }
.menu-movil > nav { display:block; position:absolute; top:100%; left:0; right:0; background:#111; }
.menu-movil > nav a, .menu-movil > nav details > summary { display:flex; align-items:center; justify-content:space-between; padding:13px 14.6px; border-top:1px solid #333; color:#fff; font:400 14.6px/21.2px Helvetica,Verdana,Arial,sans-serif; text-decoration:none; text-transform:uppercase; }
.menu-movil > nav .hijo { padding-left:30px; }






/* Pie */
footer.pie { display:flex; align-items:center; justify-content:center; min-height:195px; padding:20px; background:#000; color:#fff; font:700 16px/26.4px 'Open Sans',sans-serif; }
.pie-contenido { display:grid; grid-template-columns:1fr 1fr; width:min(1100px,100%); }
.pie img { display:block; width:300px; max-height:none; height:115px; margin:20px; object-fit:contain; }
.pie ul { margin:10px 20px 0 0; padding:0; list-style:none; }
.pie li { display:flex; align-items:center; justify-content:flex-end; gap:5px; }
.pie a { color:inherit; text-decoration:none; }

/* Botones flotantes */
.flotante-whatsapp { position:fixed; right:20px; bottom:20px; z-index:50; display:flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; background:#25d366; box-shadow:0 1px 6px rgba(0,0,0,.25); color:#fff; font-size:34px; }
.flotante-llamar { display:none; position:fixed; left:25px; bottom:20px; z-index:50; width:44px; height:44px; border-radius:50%; background:#000 center/70% no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTI3LjAxMzU1LDIzLjQ4ODU5bC0xLjc1MywxLjc1MzA1YTUuMDAxLDUuMDAxLDAsMCwxLTUuMTk5MjgsMS4xODI0M2MtMS45NzE5My0uNjkzNzItNC44NzMzNS0yLjM2NDM4LTguNDM4NDgtNS45Mjk1UzYuMzg3LDE0LjAyOCw1LjY5MzMsMTIuMDU2MTVBNS4wMDA3OCw1LjAwMDc4LDAsMCwxLDYuODc1NzMsNi44NTY4N0w4LjYyODc4LDUuMTAzNzZhMSwxLDAsMCwxLDEuNDE0MzEuMDAwMTJsMi44MjgsMi44Mjg4QTEsMSwwLDAsMSwxMi44NzEsOS4zNDY4TDExLjA2NDcsMTEuMTUzYTEuMDAzOCwxLjAwMzgsMCwwLDAtLjA4MjEsMS4zMjE3MSw0MC43NDI3OCw0MC43NDI3OCwwLDAsMCw0LjA3NjI0LDQuNTgzNzQsNDAuNzQxNDMsNDAuNzQxNDMsMCwwLDAsNC41ODM3NCw0LjA3NjIzLDEuMDAzNzksMS4wMDM3OSwwLDAsMCwxLjMyMTcxLS4wODIwOWwxLjgwNjIyLTEuODA2MjdhMSwxLDAsMCwxLDEuNDE0MTItLjAwMDEybDIuODI4OCwyLjgyOEExLjAwMDA3LDEuMDAwMDcsMCwwLDEsMjcuMDEzNTUsMjMuNDg4NTlaIiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+); }

@media (max-width:921px) {
  .cabecera { padding:0 0 3px; border-bottom:3px solid #d1d5db; }
  .cabecera-logo img { width:300px; height:115px; }
  .menu-escritorio { display:none; }
  .menu-movil { display:block; }
  .flotante-llamar { display:block; }
}
@media (max-width:768px) {
  footer.pie { padding:20px 0; font-size:16px; line-height:24.08px; }
  .pie-contenido { display:block; }
  .pie ul { margin:4px 0 0; }
  .pie li { justify-content:center; margin-bottom:30.3px; }
  .pie li:last-child { margin-bottom:9px; }
}

/* Menú: cubre el hueco de 8px bajo el botón y retrasa el cierre para no perder el hover. */
.menu-escritorio > ul > li::after { content:''; position:absolute; top:100%; left:0; right:0; height:8px; }
.menu-escritorio .submenu-fiel { display:block; visibility:hidden; opacity:0; transition:opacity .12s linear, visibility 0s linear .2s; }
.menu-escritorio li:hover > .submenu-fiel,
.menu-escritorio li:focus-within > .submenu-fiel { visibility:visible; opacity:1; transition-delay:0s; }
/* Menú: el de escritorio no cabe por debajo de 1200px; se usa el móvil. */
@media (min-width:922px) and (max-width:1200px) {
  .cabecera { padding:0 24px; }
  .menu-escritorio { display:none; }
  .menu-movil { display:block; }
}