* {outline: 0; box-sizing: border-box;}
div {display: block; unicode-bidi: isolate;}
body {font-size: 14px; line-height: 16px; font-weight: 300; font-family: Arial; color: #000000; margin: 0 auto; padding: 0;}
html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;}
p, a, div, table, tr, th, td, span {font-family: Arial;}

b {font-weight:bold;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
.headerBar .headerLeft {width: 100%; text-align:center;}
.headerBar .row {margin-right: -15px; margin-left: -15px;}
.headerBar .logo {margin-top: 10px; width: 250px;}
@media screen and (max-width: 1025px) {
  .headerBar .headerLeft {width: auto; margin: 0px 0 0 0px; z-index: 100;}
  .headerBar .row {padding: 0; margin: 0;}
  .headerBar .headerLeft img {margin: 5px;}
  .headerBar .logo {margin-top: 30px; width: 105px; height:24px;}
  }

.headerLeft span.titulopagina {text-align:left; font-weight:bold; font-size:1.4rem; display:inline-block; color:#000000;}
@media screen and (max-width: 479px) {
  .botontitulo {font-size:1.0rem;  margin:0.3rem;}
  .headerLeft span.titulopagina {text-align:left; display:inline-block; font-size:0.5rem; color:#000000;}
  }

header {height: 64px; min-height: 54px; border-bottom: 1px solid #f0f0f0; position: fixed; width: 100%; top:0; left:0; width:100%; background: #fff; z-index: 1000;}
@media (max-width: 479px) {
  header {height: 52px;}
  }

#buscadorgoogle2 {position:absolute; bottom:5px; right:50px; z-index:10; margin-right:80px;}
#buscadorgoogle2 img {cursor:pointer; width:20px;}
#buscadorgoogle2 {display:inline-block; float:right;}
#buscadorgoogle2 input {width:500px;}
#buscadorgoogle2 form {margin:0rem !important;}
#buscadorgoogle2 {top:1px;}
@media screen and (max-width: 768px) {
   #buscadorgoogle2 {position:absolute; top:1px; right:5px; margin:0; border:0; padding:0; margin-right:60px;}
   #buscadorgoogle2 input {width:135px;}
   }

.btn-autoxuga-v2 {display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 50px; padding: 8px 8px;
  border-radius: 8px;  border: none; background: linear-gradient(180deg, #0056b3 0%, #003d7a 100%); color: #ffffff;  font-family: Arial, sans-serif;
  font-weight:bold; font-size: clamp(15px, 1.2vw, 18px); letter-spacing: 1px; cursor: pointer;
  box-shadow: 0 4px 0 #002d5f, 0 8px 15px rgba(0, 0, 0, 0.2); transition: all 0.2s ease; position: relative; outline: none;}

.btn-subtitle {font-size: clamp(8px, 1.2vw, 12px); font-weight: 400; text-transform: none; opacity: 0.9; margin-top: -4px; letter-spacing: 0.5px;}
.btn-autoxuga-v2:hover {background: linear-gradient(180deg, #0062cc 0%, #004a99 100%); transform: translateY(-2px); box-shadow: 0 6px 0 #002d5f, 0 12px 20px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 15px rgba(40, 112, 234, 1.0); color:white;}
.btn-autoxuga-v2:active {transform: translateY(4px); box-shadow: none;}

a.botoncontactanos {position:absolute; top:1px; left:40%; padding: 2px 4px 2px 4px; font-size:16px;}
@media screen and (max-width: 1400px) {
  a.botoncontactanos {position:absolute; top:1px; left:22%; padding: 2px 4px 2px 4px; font-size:14px;}
  }
@media screen and (max-width: 1050px) {
  a.botoncontactanos {position:absolute; top:1px; left:21%; padding: 1px 2px 1px 2px; font-size:12px;}
  #buscadorgoogle2 input {width:300px;}
  }
@media screen and (max-width: 700px) {
  a.botoncontactanos {position:absolute; top:1px; left:150px; padding: 0px 1px 0px 1px; font-size:12px;}
  #buscadorgoogle2 input {width:150px;}
  #buscadorgoogle2 {right:30px; margin-right:10px;}
  }
@media screen and (max-width: 479px) {
  a.botoncontactanos {position:absolute; top:1px; left:104px; padding: 2px 1px 2px 1px; font-size:12px;}
  #buscadorgoogle2 input {width:100px;}
  }

main {margin-top:40px; z-index:999; overflow:hidden;}

/* Botón hamburguesa */
.menu-btn {position: absolute; top: 15px; right: 20px; width: 25px; height: 20px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; z-index: 1000;}
.menu-btn span {display: block; height: 4px; background: #333; border-radius: 2px; transition: 0.3s;}

/* Menú desplegable */
.menu {position: fixed; top: 60px; left:0px; padding-left:10px; width: 100%; background: #fffffff0; color: #18388c; border-radius: 8px; padding: 10px 0; display: none; box-shadow: 0 4px 12px rgba(0,0,0,0.3); z-index: 999;}
.menu.active {display: block;}
.menu ul {list-style: none; padding: 0; margin: 0;}
.menu a {display: block; padding: 12px 20px; color: #18388c; text-decoration: none; font-size:1.2rem;}
.menu a:hover {background: #444;}

/* Submenús */
.submenu .submenu-items {display: none; background: #c0c0c0;}
.submenu .submenu-items a {padding-left: 40px;}
.submenu.open .submenu-items {display: block;}

/* Animación del botón hamburguesa */
.menu-btn.active span:nth-child(1) {transform: translateY(10px) rotate(45deg);}
.menu-btn.active span:nth-child(2) {opacity: 0;}
.menu-btn.active span:nth-child(3) {transform: translateY(-6px) rotate(-45deg);}

@media (max-width: 991px) {
  .menu-btn {top:5px; right:10px;}
  .menu a {font-size:1.0rem;}
  }

nav ul li {display:block;}

/* Aplicación de estilos */
body {font-size: 1.125rem; line-height: 1.6rem; color:#000000; /* Altura de línea para legibilidad */}

.center {text-align:center;}

/* Configuración base: Móvil primero */
h1 { font-size: 1.75rem; line-height: 1.2; font-weight:bold; text-align:left;}
h2 { font-size: 1.5rem; line-height: 1.2; font-weight:bold; }
h3 { font-size: 1.25rem; line-height: 1.2; }
h4 { font-size: 1.125rem; line-height: 1.2; }
h5 { font-size: 1.0rem; line-height: 1.2; }

/* Ajustes para Pantallas Grandes (PC) */
@media (min-width: 1024px) {
  h1 { font-size: 3.0rem; line-height: 1.2; }
  h2 { font-size: 2.25rem; line-height: 1.2; }
  h3 { font-size: 1.75rem;  line-height: 1.2; }
  h4 { font-size: 1.375rem;  line-height: 1.2; }
  h5 { font-size: 1.125rem;  line-height: 1.2; }
  p { font-size: 1.125rem;  line-height: 1.2; }
  }

p, ul, li {font-size: 1.0rem; margin-bottom: 1.0rem;}

/* Aplicación */
body {font-size: clamp(15px, 1.2vw, 18px); line-height: 1.6;}
h1 { font-size: clamp(24px, 5vw, 40px); line-height: 1.2; }
h2 { font-size: clamp(22px, 4vw, 36px); line-height: 1.2; }
h3 { font-size: clamp(20px, 3vw, 28px); line-height: 1.2; }
h4 { font-size: clamp(18px, 2.5vw, 24px); line-height: 1.2; }
h5 { font-size: clamp(16px, 2vw, 20px); line-height: 1.2; }
p {font-size: clamp(16px, 2vw, 20px); margin-bottom: 1.0rem;}
ul, li {font-size: clamp(16px, 2vw, 20px); line-height: 1.2;}
p.pequena {font-size: clamp(12px, 2vw, 16px); line-height:1.2}

.iniciopagina {margin-top:30px;}
@media (min-width: 1024px) {
  .iniciopagina {margin-top:50px;}
  }

.datoscontacto {color:#18388c;}

body {max-width:1400px; margin: 0 auto;}
@media (max-width: 991px) {
  body {padding: 0 20px; box-sizing: border-box; }
  }

.accordion {margin: 40px auto; font-family: Arial;}
.accordion-item {border-radius: 12px; margin-bottom: 12px; overflow: hidden; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: box-shadow 0.3s ease;}
.accordion-item:hover { box-shadow: 0 6px 16px rgba(0,0,0,0.12);}
.accordion-header {width: 100%; background: #f7f7f7; border: none; padding: 18px 20px; font-size: 1.1rem; display: flex; justify-content: space-between;
  align-items: center; cursor: pointer; transition: background 0.3s ease;}
.accordion-header:hover {background: #efefef;}
.icon {font-size: 2.4rem; transition: transform 0.3s ease; font-weight:300;}
.accordion-content {max-height: 0; overflow: hidden; padding: 0 20px; background: white; transition: max-height 0.35s ease, padding 0.35s ease;}
.accordion-content p {margin: 16px 0; color: #444;}
.accordion-item.active .accordion-content {max-height: 2000px; padding: 16px 20px;}
.accordion-item.active .icon {transform: rotate(180deg);}

@media (max-width: 991px) {
  .accordion {margin: 40px auto; font-family: Arial;}
  }

.btn-precios-autoxuga {display: inline-flex; justify-content: center; align-items: center; text-align: center; background: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%); 
    color: #ffffff; font-family: Arial, sans-serif; font-weight:bold; font-size: clamp(15px, 1.2vw, 18px);  letter-spacing: 1px;   
    padding: 8px 8px;  border-radius: 8px; text-decoration: none; border: none; box-shadow: 0 4px 15px rgba(46, 204, 113, 0.3);
    transition: all 0.3s ease; cursor: pointer;}
.btn-precios-autoxuga:hover {transform: translateY(-4px); box-shadow: 0 4px 15px rgba(40, 112, 234, 1.0); color: #ffffff; filter: brightness(1.05);}
.btn-precios-autoxuga:active {transform: translateY(1px);}