.note1 {
        font-family: monospace;
        margin-right: 10px;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 20px;
	border: 1px solid #80007e;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-right: 1em;
        font-size: 95%;
        background-color: #ffffff;
}



.note1b {
        font-family: monospace;
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
	padding-left: 1em;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-right: 1em;
        font-size: 90%;
}

.note2 {
        margin-right: 20px;
        margin-left: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
	border: 1px solid #e5e5e5;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-right: 1em;
        font-size: 95%;
        background-color: #faeff4;
}


.note2 {
        margin-right: 20px;
        margin-left: 20px;
        margin-top: 15px;
        margin-bottom: 15px;
	border: 1px solid #e5e5e5;
	padding-left: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 1em;
        font-size: 90%;
        background-color: #faeff4;
}

.ejem
{
    margin-top: 15px;
    padding:10px 10px 0px 15px;
    font-size: 0.85em;
    border-radius: 5px 0px 5px 0px;
    -moz-border-radius: 5px 0px 5px 0px;
    -webkit-border-radius: 5px 0px 5px 0px;
    border: 1px solid #ba4a82;
    border-right: 6px solid #ffffff;
    border-bottom: 6px solid #ffffff;
    counter-increment: ejemContador; /* Incrementa el contador en 1 */
    }
 
 
 
.ejem::before {
	content: "Ejemplo " counter(ejemContador) ": "; /* Muestra el contador seguido de un texto */
	font-weight: bold;
	color:#ba4a82; /* Color opcional para resaltar */
	padding-right:5px;
	}
	
	
.ejemx
{
	margin-top: 15px;
	padding:10px 10px 0px 15px;
	font-size: 0.9em;
	border-radius: 5px 0px 5px 0px;
	-moz-border-radius: 5px 0px 5px 0px;
	-webkit-border-radius: 5px 0px 5px 0px;
	border: 1px solid #ba4a82;
	border-right: 6px solid #ffffff;
	border-bottom: 6px solid #ffffff;
	text-align:left;
}
 
 .ejemx .figcaption_prefix { 
 color: #ba4a82;
 }

    
.borde
{
        top: 100px;
        margin-bottom: 60px;
	border: 3px solid #0154a5;
	padding-left: 2em;
	padding-top: 2em;
	padding-bottom: 2em;
	padding-right: 2em;
        background-color: rgb(255,255,255);
        color: #0154a5;
    }

.def
{
    margin-top: 15px;
    padding:15px 15px 0px 15px;
    font-size: 0.8em;
    border-radius: 10px 20px 10px 20px;
    -moz-border-radius: 5px 20px 5px 20x;
    -webkit-border-radius: 5px 20x 5px 20px;
    border: 2px solid #0154a5;
}
    
.caja
    {
        margin-top: 15px;
        padding:15px 15px 15px 15px;
        font-size: 1em;
        border: 2px solid #854BBB;
        -webkit-box-shadow: 6px 9px 5px 0px rgba(235,197,235,1);
	-moz-box-shadow: 6px 9px 5px 0px rgba(235,197,235,1);
       box-shadow: 6px 5px 5px 0px rgba(133,75,187,0.2);
       background-color: rgba(133,75,187,0.05);
    
    }
    
    
     pre {
                 padding:2px 20px 20px 20px;
                 border: 2px solid rgb(21,147,213);
                 background-color: rgba(192,192,192,0.1);
                margin-bottom:10px;
                overflow-x: auto; /* Permite desplazamiento horizontal si el código es muy largo */
                font-size: 90%; 
                line-height: 1.25;
            }

      
    

        codm
            {
               font-family: monospace;
               color: #ba4a82;
               font-size: inherit;
               line-height:inherit;
    }
    
    
        .cod
            {
               font-family: monospace;
               margin-top: 15px;
	        padding:20px;
	        font-size: 1em;
	        border: 2px solid rgba(91,51,128,0.2);
	       color: #3F21C2;
	        background-color: rgba(192,192,192,0.05);
	         margin-bottom: 15px;
	                         font-size: 90%; 
           
               
        }
    
    
    
    
    
        .tcom
            {
                font-family: monospace;
                margin-top: 0px;
                font-size: 1em;
                margin-left: 40px;
                color: #ba4a82;
                    margin-bottom: 15px;
            
    }
    
            .tEjem
                {
                    margin-top: 0px;
                    font-size: 1em;
                    margin-left: 0px;
                    color: #000000;
                     margin-left: 50px; /* Sangría de 50px */
                
    }
    
                .tcod
                    {
                        margin-top: 0px;
                        font-size: 1em;
                        margin-left: 40px;
                        color: #3F21C2;                 
    }
    

    
    .tit
    {
        margin-top: 15px;
        padding:15px 15px 15px 15px;
        font-size: 1em;
        color: #854BBB;
            margin-bottom: 15px;
        border: 1px solid #854BBB;
       //box-shadow: 6px 5px 5px 0px #8ACDC2;
       background-color: #ffffff;
       font-weight: bold;
    }
    
    

    
      .tTit
        {   
            font-weight: bold;
            color: #854BBB;
        
    }

    .caja2
    {
        margin-top: 15px;
        padding:15px 15px 15px 15px;
        font-size: 1em;
        color: #000000;
        border: 1px dotted #1fabb2;
       //box-shadow: 6px 5px 5px 0px #8ACDC2;
       background-color: rgba(21,147,213,0.01);
    }
    
.tMat
    {  
                color: #3F21C2;
                font-family: 'Courier New';    
    }
    
    tM
        {  
                     color: #ba4a82;
    }
    
    
        .tN
            {  
                         color: #000000;
        }
        
        tN
	            {  
	                         color: #000000;
        }
    
    
        .tCN
            {  
                         color: #000000;
                         padding-left: 15px;
    }
    
.tRes
                {  
                             color: #ba4a82;
                              font-weight: bold;
        }
        
        
        .tRes1
	                {  
	                             color: #ba4a82;
	                             font-size:0.9em;
	                              
        }
        
        
        tRes
	                {  
	                             color: #ba4a82;
	                              font-weight: bold;
	        }



    .teo
    {
        margin-top: 15px;
        padding:15px 15px 15px 15px;
        font-size: 1em;
      
        border: 2px solid #bf6f84;
        -webkit-box-shadow: 6px 9px 5px 0px rgba(235,197,235,1);
	-moz-box-shadow: 6px 9px 5px 0px rgba(235,197,235,1);
box-shadow: 6px 5px 5px 0px rgba(235,197,235,1);
       background-color: #f7eff7;
    
    }
    
    .def1
    {
        margin-top: 15px;
         margin-bottom: 5px;
        padding:15px 15px 15px 15px;
        font-size: 1em;
        border-radius: 5px 20px 5px 20px;
        -moz-border-radius: 5px 20px 5px 20x;
        -webkit-border-radius: 5px 20x 5px 20px;
        border: 2px solid #80007e;
      
    
    }
    
        .def3
        {
            margin-top: 15px;
             margin-bottom: 5px;
            padding:15px 15px 15px 15px;
            font-size: 0.85em;
            border-radius: 5px 5px 5px 5px;
            -moz-border-radius: 5px 20px 5px 20x;
            -webkit-border-radius: 5px 20x 5px 20px;
            border: 2px dotted  #f5b7b1 ;
          
        
    }

    /* Estilo para cada ejercicio */
    .exercise {
      display: flex;
      align-items: flex-start; /* Alinea el número en la parte superior del texto */
      gap: 10px; /* Espacio entre el número y el texto */
      margin-bottom: 0px;
      counter-increment: exercise; /* Incrementa el contador automáticamente */
    }

    /* Estilo de la caja circular con número centrado */
    .exercise-number {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 25px;
      min-width: 25px; /* Asegura que la caja tenga un ancho fijo */
      height: 25px;
     // background-color: #f0f0f0;
     background-color: #ffffff;
      border: 1px solid #ccc;
      border-radius: 50%;
      font-weight: bold;
      font-size: 14px;
      text-align: center;
      line-height: 25px; /* Centra verticalmente el número dentro del círculo */
    }

    /* Inserta el contenido del número */
    .exercise-number::before {
      content: counter(exercise); /* Muestra el número */
    }

    /* Estilo del texto del ejercicio */
    .exercise-text {
      flex: 1; /* Permite que el texto ocupe el espacio restante */
         font-size: 0.85em;
    }
    
    .sol{
    margin-left:30px;
    font-size:0.8em;
    margin-bottom:20px;
    margin-top:0px;
       text-align:right;
    }

ol, ul, li {
  margin: 0.4em 0.5em;
  padding-left: 10px;
}

/* Estilos para listas con imágenes */
.lista li {
	padding-top: 0px;
	padding-left: 45px;
	list-style: none;
	background-image: url("punto.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 35px;
	margin-left:-10px;
}
 
 .dem
 {    
}

.solej
{
    padding:3px 10px 7px 10px;
    font-size: 0.9em;
    margin-bottom:20px;
    border-radius: 5px 0px 5px 0px;
    -moz-border-radius: 5px 0px 5px 0px;
    -webkit-border-radius: 5px 0px 5px 0px;
    border: 1px solid #80007e;
    border-left: 3px solid #ffffff;
    border-top: 3px solid #ffffff;
}


.flotai {
    float: left;
    margin:absolute;
    margin-left: -60px;
    margin-right: 20px; /* Espacio entre imagen y texto */
    margin-bottom: 8px;
    max-width: 50%; /* Tamaño máximo de la imagen */
    }
    
    
    .foto1{
    position:absolute;
    left:350px; 
    top:300px;
    height:580px;
    width:580px;
     background-size:580px 580px;
    background-position:0px 0px;
    padding:50px;
}
   
   
   
   .foto2{
   position:absolute;
   left:-290px; 
   top:300px;
   height:580px;
   width:580px;
    background-size:580px 580px;
   background-position:0px 0px;
   padding:50px;
}

.textofotoi {
    border-radius: 0px;
    padding: 0px 0px;
    width: 300px;
    max-width: 100%;
    position: relative;
    text-align: left;
    font-size: 85%;
}

.textofotod {
    border-radius: 0px;
    left:250px;
    ///box-shadow: 0 2px 2px rgba(126,156,163,0.55);
    padding: 5px 7px;
    width: 300px;
    max-width: 100%;
    position: relative;
    text-align: left;
        font-size: 85%;
}



table, th, tr, td {
    margin: auto;
    padding: 6px 10px;
    text-align: center;
    border: 3px solid #f7f5f7; /* Asegurar color del borde */
    border-collapse: collapse;
    font-size: 97%;
}

/* Evita líneas negras en la tabla */
td, th {
    border-color: #f7f5f7 !important;
}

/* Color de fondo por defecto */
tr {
    background-color: #ffffff;
}

/* Color del encabezado */
th {
    text-align: center;
    background-color: rgba(247, 230, 246,0.5);
    color: #a2828d;
}

/* Color alterno para filas pares */
tr:nth-child(even) {
    background-color: rgba(247, 230, 246, 0.2);
}

/* Efecto al pasar el cursor sobre una fila */
tr:hover {
    background-color: rgba(200, 200, 200, 0.3);
    transition: background-color 0.3s ease-in-out;
}



#btn_config1 {
    position: absolute;
    right: 5px;
    top: 45px; /* 35px (botón superior) + 10px (espaciado) */
    cursor: pointer;
    outline: none;
    border: 1px solid var(--config-button-border);
    border-radius: 4px;
    width: 35px;
    height: 35px;
    z-index: 1;
    background-color: var(--book-background-color);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    padding: 0;
    color: #333;
}


body #btn_config1 {
  background-image: url("img/clic_1.png");
}
  

.page_number {
  font-size:16px;
  color: #854BBB;
  width: 50px;
  height: 50px;
  border: solid 0px #80007e;
  background-color:rgba(128,0,126,0.25);
   border-radius: 0%; 
}

.page:nth-child(even) .page_number {
  padding-top:5px;
  bottom:-20px;
  left: 597px;
  
}
.page:nth-child(odd) .page_number {
   padding-top:5px;
   bottom:-20px;
   left:-7px;
}




.indentp {
    margin-left: 20px; /* Sangría de 50px */
}