/* --- Variables (Mismas que en home) --- */
        :root {
            --slate-50: #f8fafc;
            --slate-100: #f1f5f9;
            --slate-200: #e2e8f0;
            --slate-300: #cbd5e1;
            --slate-400: #94a3b8;
            --slate-500: #64748b;
            --slate-600: #475569;
            --slate-700: #334155;
            --slate-800: #1e293b;
            --slate-900: #0f172a;
            --white: #ffffff;

            --blue-50: #eff6ff;
            --blue-100: #dbeafe;
            --blue-400: #60a5fa;
            --blue-600: #2563eb;
            --blue-700: #1d4ed8;

            --edtech-color: var(--blue-600); /* Color principal, podobny do Math dla spójności */
            /* En esta versión, EdTech compartirá el color azul de Math,
               pero se puede cambiar a otro color si lo deseas. */
        }

        /* --- Reset y Base --- */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            background-color: var(--slate-50);
            color: var(--slate-800);
            line-height: 1.6;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        a { text-decoration: none; color: inherit; }
        ul { list-style: none; }

        /* --- Layout Utilities --- */
        .container {
            max-width: 1280px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1rem;
            padding-right: 1rem;
        }

        @media (min-width: 640px) {
            .container { padding-left: 1.5rem; padding-right: 1.5rem; }
        }

        /* --- Navbar --- */
        .navbar {
            background-color: var(--white);
            border-bottom: 1px solid var(--slate-200);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        }

        .navbar-content {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 4rem;
        }

        .brand {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--slate-900);
            letter-spacing: -0.025em;
        }

        .brand span.highlight0 { color: var(--blue-600); }
        .symbol { font-style: normal; line-height: 1; display: inline-block; }
        .brand .symbol { color: var(--blue-600); font-size: 1.5rem; }
        
        .nav-links { display: none; }
        .nav-links a {
            color: var(--slate-600);
            font-size: 1rem;
            font-weight: 500;
            padding: 0.5rem 0.75rem;
            transition: color 0.2s;
        }
        .nav-links a:hover { color: var(--blue-600); }
        .nav-links a.active { color: var(--blue-600); font-weight: 600; }

        .mobile-menu-btn {
            display: block;
            background: none;
            border: none;
            color: var(--slate-500);
            font-size: 1.25rem;
            cursor: pointer;
            padding: 0.5rem;
        }

        .mobile-menu-panel {
            display: none;
            background-color: var(--white);
            border-top: 1px solid var(--slate-100);
            padding: 0.5rem 1rem 0.75rem;
        }
        .mobile-menu-panel.active { display: block; }
        .mobile-menu-panel a {
            display: block;
            padding: 0.5rem 0;
            color: var(--slate-600);
            font-weight: 500;
        }

        @media (min-width: 640px) {
            .nav-links { display: flex; gap: 2rem; align-items: center; }
            .mobile-menu-btn { display: none; }
            .mobile-menu-panel { display: none !important; }
        }
        
        /* --- Language Selector Styles (Mantenidos para coherencia) --- */
        .lang-group { position: relative; display: inline-block; margin-left: 1.5rem; }
        .lang-btn { display: flex; align-items: center; gap: 0.35rem; cursor: pointer; font-size: 0.875rem; font-weight: 500; color: var(--slate-600); padding: 0.5rem 0; }
        .lang-btn:hover { color: var(--blue-600); }
        .lang-menu { display: none; position: absolute; top: 100%; right: 0; background-color: var(--white); border: 1px solid var(--slate-200); border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); min-width: 140px; padding: 0.5rem 0; z-index: 50; }
        .lang-group:hover .lang-menu { display: block; }
        .lang-item { display: flex; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; color: var(--slate-600); font-size: 0.875rem; width: 100%; text-align: left; transition: background-color 0.2s; }
        .lang-item:hover { background-color: var(--slate-50); color: var(--blue-600); }
        .lang-item.active { font-weight: 600; color: var(--blue-600); background-color: var(--slate-50); }


        /* --- Header Section (Reduced for subpages) --- */
        .hero {
            padding: 3rem 1rem 2rem;
            text-align: center;
            max-width: 64rem;
            margin: 0 auto;
        }

        .hero h1 {
            font-weight: 800;
            color: var(--slate-900);
            margin-bottom: 1rem;
        }

        .hero p {
            color: var(--slate-600);
            max-width: 48rem;
            margin: 0 auto 1.5rem;
        }

        .hero .divider {
            width: 4rem;
            height: 0.25rem;
            background-color: var(--edtech-color);
            margin: 0 auto 2rem;
            border-radius: 9999px;
        }
        
        /* --- Calculator List Styles --- */
        .calc-grid {
            max-width: 64rem;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr;
            gap: 1.5rem;
            padding-bottom: 5rem;
        }
        
        @media (min-width: 640px) {
            .calc-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (min-width: 1024px) {
            .calc-grid { grid-template-columns: repeat(3, 1fr); }
        }

        .calc-card {
            background-color: var(--white);
            border: 1px solid var(--slate-200);
            border-left: 4px solid var(--edtech-color);
            border-radius: 0.5rem;
            padding: 1.25rem;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
            transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .calc-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px -3px rgba(0, 0, 0, 0.1);
            border-left-color: var(--edtech-color);
        }

        .calc-card h3 {
            font-size: 1.125rem;
            font-weight: 700;
            color: var(--slate-900);
            margin-bottom: 0.25rem;
        }

        .calc-card p {
            font-size: 0.875rem;
            color: var(--slate-500);
            line-height: 1.4;
            margin-bottom: 0;
        }

        .calc-card .symbol {
            color: var(--edtech-color);
            font-size: 1.5rem;
            margin-right: 0.5rem;
        }
        
        /* --- Footer (Mantenido) --- */
        .footer {
            background-color: var(--slate-900);
            color: var(--slate-300);
            padding: 3rem 0;
            margin-top: auto;
        }

        .footer-grid {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            align-items: center;
            text-align: center;
            margin-bottom: 2rem;
        }

        @media (min-width: 768px) {
            .footer-grid {
                flex-direction: row;
                justify-content: space-between;
                text-align: left;
            }
        }

        .footer-brand { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; color: var(--white); font-weight: 700; font-size: 1.125rem; }
        .footer p { font-size: 0.875rem; color: var(--slate-400); }
        .footer-link { color: var(--slate-300); font-size: 0.875rem; transition: color 0.2s; }
        .footer-link:hover { color: var(--blue-400); }
        .footer-bottom { border-top: 1px solid var(--slate-800); padding-top: 2rem; text-align: center; font-size: 0.875rem; color: var(--slate-500); }
        
        
        html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h4{font-size:18px}h5{font-size:17px}h6{font-size:16px}
.xr-serif{font-family:serif}.xr-sans-serif{font-family:sans-serif}.xr-cursive{font-family:cursive}.xr-monospace{font-family:monospace}
h1,h2,h3,h4,h5,h6{font-family:Verdana,sans-serif;font-weight:400;margin:10px 0}.xr-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}

/* Estilos para dispositivos de escritorio y laptops */
@media (min-width: 1024px) {
    h1 {font-size: 28px;}
    h2 {font-size: 25px;}
    h3 {font-size: 23px;}
  }
  
  /* Estilos para tablets */
  @media (max-width: 1023px) and (min-width: 768px) {
    h1 {font-size: 26px;}
    h2 {font-size: 23px;}
    h3 {font-size: 21px;}
  }
  
  /* Estilos para dispositivos móviles */
  @media (max-width: 767px) {
    h1 {font-size: 23px;}
    h2 {font-size: 21px;}
    h3 {font-size: 19px;}
  }
  
  /*Estilos XOR*/
.xr-container {
    width: 75%; /* Ancho por defecto para pantallas de escritorio o laptops */
    margin:0 auto;

    /* Consulta de medios para tablets */
    @media only screen and (max-width: 768px) {
        width: 90%; /* Ancho para tablets */
    }

    /* Consulta de medios para m��viles */
    @media only screen and (max-width: 480px) {
        width: 95%; /* Ancho para m��viles */
    }
}
.dungi1, .Anuncio1{overflow-y: hidden;overflow-x: hidden; min-height:280px !important;max-height:360px; 
background-image: url("/wp-content/uploads/2022/06/Ideal-Calculator.png");
  background-repeat: no-repeat;
      background-position: center; }
.dungi2{overflow-y: hidden;overflow-x: hidden; min-height:100px !important;max-height:120px; }
.al_ad03{display:block}.TdV_ad01{display:block}.inec_03{display:block}.jer_06{display:block}.facto_03{display:block}.dosi_04{display:block}.hora_02{display:block}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;} input[type="number"] {-moz-appearance: textfield;}
  :root {
  --background-light: #ffffff;
  --text-light: #181818;
  --background-dark: #ffffff;
  --text-dark: #181818;
}
body {
  background-color: var(--background-light) !important;
  color: var(--text-light) !important;
}
.ads100{display:none}
@media only screen and (max-width: 768px) {
  .ads90 {display: none !important;}
  .ads100{display:block}
	
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: var(--background-dark) !important;
    color: var(--text-dark) !important;
  }
	input, select{
		    background-color: var(--background-dark) !important;
    color: var(--text-dark) !important;
	}
}