/* TABLE OF CONTENT
======================================
# 1. Main Styles
# 2. White  Text*
# 3. Header
# 4. Intro
# 5. Married
# 6. Our Story
# 7. Slider Buttons
# 8. Events
# 9. Registry
# 10.  RSVP
# 11.  Where&When
# 12.  Footer
# 13.  Guests
# 14.  Gallery
# 15.  Responsive
======================================
*/


/* mod javi */
/*
.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


    .img-flag {
        width: 20px;
    }
*/
/* //mod javi */



.switch-field {
	display: flex;
	margin-bottom: 36px;
	overflow: hidden;
    justify-content: center;  /* Centra los elementos en el eje horizontal (eje principal) */

}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #d2dde2;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: #86b1c5;
	box-shadow: none;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}



.select2-container--default .select2-selection--multiple .select2-selection__choice__display[id*="NueGrupoBodaIdeal"] {
	font-weight: bold;
	color:#3165ab;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display[id*="NueGrupoBodaIdeal"]::after {
	font-weight: bold;
	content: " (+)";
}


.dropdown-toggle {
	color:#333 !important;
}



.icono-sobre {
    position: absolute;
    right: 30px; /* Ajusta según tu necesidad */
    top: 50%;
    transform: translateY(-50%);
    color: #000; /* Color del icono */
}

.mi-radio {
    /* Estilos para tu radio */
}



.scroll-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none; /* Oculta el botón inicialmente */
    padding: 10px;
    background-color: #10658c;
    color: white;
    cursor: pointer;
    border-radius: 5px;
    z-index: 1000;
}

.scroll-top:hover {
    background-color: #2980b9;
}





/* Estilo del botón flotante */
.floating-button {
 z-index:89 !important;
    position: fixed;
   /*bottom: 20px;*/
    right: 0.4em;
    background-color: #10658c;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    font-size: 2em;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Estilo de la lista de tareas sugeridas (inicialmente oculta) */
.suggested-tasks {
    position: fixed;
   /*bottom: 90px;*/
    right: 5em;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-height: 350px;
    overflow-y: auto;
    display: none; /* Inicialmente oculta */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Estilo para cada tarea sugerida en la lista */
.suggested-task {
    padding: 10px;
    cursor: pointer;
}

div .suggested-tasks {
    z-index:89 !important;
}


/* Estilo cuando el cursor pasa sobre una tarea sugerida */
.suggested-task:hover {
    background-color: #f5f5f5;
}
.bombillatare {
    top: 0.5em;
    position: relative;
}


#videoContainer {
    position: relative;
}

#volumeControlContainer {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}

#volumeIcon {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

#volumeControl {
    width: 100px;
}

@keyframes fadeInOut {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}

#videoTitle {
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    animation: fadeInOut 10s ease-in-out forwards;
}



#video-intro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 1000; /* Asegúrate de que esté por encima de otros elementos */
    display: flex;
    justify-content: center;
    align-items: center;
}

#introVideo {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Asegura que el video cubra toda la pantalla */
}

#skipVideo {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px;
    background: #FFF;
    border: none;
    cursor: pointer;
}







/* estilos.css */
.circulotare {
float:right;  
	width: 30px; /* Tamaño del círculo */
  height: 30px; /* Tamaño del círculo */
  border-radius: 50%; /* Hace que el div sea un círculo */
  background-color: #10658c; /* Color de fondo del círculo */
  color: white; /* Color del texto */
  display: flex; /* Utiliza Flexbox para centrar el contenido */
  align-items: center; /* Centra verticalmente el contenido */
  justify-content: center; /* Centra horizontalmente el contenido */
  font: 300 15px/24px Roboto Condensed; /* Tamaño de la fuente */
  font-weight: bold; /* Grosor de la fuente */
  //text-transform: uppercase; /* Transforma el texto a mayúsculas */
}

.circulotare2 {
float:right;  
	width: auto; /* Tamaño del círculo */
  height: 30px; /* Tamaño del círculo */
  border-radius: 10%; /* Hace que el div sea un círculo */
  background-color: #10658c; /* Color de fondo del círculo */
  color: white; /* Color del texto */
  display: flex; /* Utiliza Flexbox para centrar el contenido */
  align-items: center; /* Centra verticalmente el contenido */
  justify-content: center; /* Centra horizontalmente el contenido */
  font: 300 15px/24px Roboto Condensed; /* Tamaño de la fuente */
  font-weight: bold; /* Grosor de la fuente */
  //text-transform: uppercase; /* Transforma el texto a mayúsculas */
  padding-right:10px;
  padding-left:10px;
}

.circulotarea-oculto {
  display: none; /* Oculta el círculo con las iniciales */
}

.nombre-oculto {
  display: none; /* Oculta el nombre completo inicialmente */
}

.nombre-visible {
  display: block; /* Muestra el nombre completo cuando se hace clic */
  text-align: center; /* Centra el texto */
  //margin-top: 10px; /* Espacio por encima del nombre completo */
}








/* Estilos para la barra de carga */
#barra-de-carga {
  position: fixed; /* Fixed para que siempre se mantenga en la misma posición respecto a la pantalla */
  left: 50%; /* Esto centra el elemento en el eje horizontal */
  transform: translateX(-50%); /* Esto ajusta el centrado para que el centro del elemento sea el punto de referencia */
  bottom: 0; /* Coloca la barra en la parte inferior de la pantalla */
  width: 300px; /* Ajusta al tamaño de tus imágenes */
  height: 100px; /* Ajusta al tamaño de tus imágenes */
  background-image: url('../images/cargando/barra1.png');
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 50px; /* Ajusta esto para cambiar la distancia desde el fondo hasta la barra de carga */
}





  /* Estilos para la pantalla de carga */
  #carga {
    position: fixed;
    width: 100%;
    height: 100%;
    background: white url('../images/cargando/sello_cargando_solo_peq.png') no-repeat center center;
    z-index: 9999;
  }









.event {
	margin:20px 10px 20px 10px;
}

    .timeline {
		/*max-height:1200px;*/
        width: 100%;
+        padding: 20px;
        border-radius: 10px;
    }

    .event:last-child {
        margin-bottom: 0;
    }
    .event img {
        width: 120px;
        height: 120px;
        margin-right: 20px;
    }
    .event-time {
		display:block;
        font-weight: bold;
        margin-right: 10px;
    }

	
.ubi-lugar {
		display:block;
        font-weight: bold;
        margin-right: 10px;
		color:#10658c;
    text-align: center;

}

.ubifigcaption {
    border: 5px solid #10658c !important;
    position: absolute;
    background-color: #bed6f5;
    left: 50%; /* Punto de referencia para el centrado horizontal */
    width: 5vem; /* Cambiado de 'vem' a 'em' */
    margin-top: -100px;
    font-size: 18px;
    padding: 10px;
    transform: translateX(-50%); /* Centra el elemento respecto a 'left: 50%' */
    text-align: center;
    border-radius: 6px;
    z-index: 9;
    transition: opacity 0.3s ease-in-out;
}


.ubi-lugar:hover figcaption {
    visibility: visible;
    opacity: 1;
}
	
	
    .event-description {
        flex: 1;
    }
	
	
	
#spinner {
  display: none;
  position: fixed; /* Fija el contenedor en toda la pantalla */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8); /* Fondo blanco con transparencia */
  z-index: 9999; /* Asegura que el spinner esté por encima de otros elementos */
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}




/* Estilo base para el select */
.form-control.colorwedding {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 8px 16px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(0, 0, 0, 0.6);
    background-color: #d2dde2;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    transition: all 0.1s ease-in-out;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}

/* Hover effect */
.form-control.colorwedding:hover {
    background-color: #c6ccd8;
    cursor: pointer;
}

/* Opción específica con fondo azul */
.form-control.colorwedding option[style] {
    background-color: #86b1c5;
    color: #333;
}

/* Puedes añadir más estilos específicos si lo necesitas, como por ejemplo, para cuando el select está enfocado: */
.form-control.colorwedding:focus {
    border-color: #86b1c5;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(134, 177, 197, 0.25);
}

















/* hay algunas que van a google y otras que no, para cambiarlo hay que ir a head y se pueden coger las propias de google  */
/* great-vibes-regular - latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/great-vibes-v18-latin_latin-ext_vietnamese-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/great-vibes-v18-latin_latin-ext_vietnamese-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* roboto-condensed-300 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v27-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-condensed-v27-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-condensed-regular - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v27-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-condensed-v27-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-condensed-700 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v27-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/roboto-condensed-v27-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}



.child:after {
    content: "";
    display: block;
    height: 1px;
    background-color: #ddd;
    margin: 10px 0;
    width: 100%;
}



    /* Estilo para el fondo blanco */
    .introprincipal {
	  position:absolute;
	  width:100%;
	  height:100vh;
      background-color: #fff;
      animation: fadeOut2 2s ease-in-out;
	  z-index:888;
	  opacity: 0;
	  
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  	  
    }
	
	
	    /* Estilo para el fondo blanco */

    /* Estilo para el logo */
    .logointro {
      position: fixed;
	  margin-left:auto;
	  margin-right:auto;
	  top: 50%;
      opacity: 0;
      animation: fadeIn2 2s ease-in-out;
	  width:15%;
	  min-width:250px;
    }
    /* Animación para el fondo blanco */

	    /* Animación para el logo */
		@keyframes fadeIn2 {
		  from {
			opacity: 0;
			top: 50%;
		  }
		  to {
			opacity: 1;
			top: 0%;
		  }
		}
	
			@keyframes fadeOut2 {
			
				0% {
					opacity: 1;
				}				

				85% {
					opacity: 0.9;
				}				
				100% {
					opacity: 0;
				}
			}	

.success-message {
    color: #fff;
    background-color: #28a745;
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    opacity: 1;
    transition: opacity 2s ease-out;
}

.error-message {
    color: #fff;
    background-color: #dc3545;
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
}


/*# 1. Main Styles*/
body {
	font:300 15px/24px Roboto Condensed;
	min-height:100%;
	height:100%; /* mod javi 05-03-2023 */
	color:#666666;
	
}

	body b {
		font:500 15px/24px Roboto Condensed;
	}
html {
	min-height:100%;
	height:100%
}
.page {
	/*min-height:100%;*/
	position:relative;
	/*height:100%;*/ /*mod javi 04-03-2023*/
	
}
.nicescroll-rails {
	z-index: 100!important
}
section {
	width:100%;
	/*overflow:hidden;   ---- 08-02-2023 javi */
	text-align:center;
	position:relative;
	padding:0
}
a {
	color:#6f6f6f;
	
}
.container {
	position:relative;
	z-index:1;
	padding:60px 16px 48px;
	/*max-width: 970px;*/
	
}
h2 {
	font:46px/48px Great Vibes;
	text-align:center;
	margin:0 0 20px 0;
}
h2:after {
	display: block;
	content: "";
	width: 16px;
	height: 26px;
	margin: 12px auto 0
}
	h2 b {
		font:400 46px/48px Roboto Condensed
	}
	h2 span {
		font:300 26px/40px Roboto Condensed;
		padding:0 13px 0 0
	}
	h2 span:after {
		display:inline-block;
		content:"";
		position: absolute;
		width:1px;
		height:40px;
		transform:rotate(17deg);
		margin:9px 0 0 13px;
		background:#d9c6b1
	}
hr {
	max-width: 500px;
	border: 0;
	height: 1px;
	background: #757575;
	margin: 48px auto 0
}



/* Mod el 25/09/2023  */
/*
.btn {
	font:500 14px Roboto Condensed;
	padding:8px;
	border-radius:0;
	margin:4px 4px;
	overflow:hidden;
	position:relative;
	background:none;
	min-width:33px;
	height:33px;
	transition:0.5s all;
}
	.btn:active, .btn:focus {
		box-shadow:0 0 10px rgba(0,0,0,0.8);
		color:#fff!important
	}
*/

/*# 2. White  Text*/		
.white_txt {
	color:#fff;
	background-color:#65666b
}
	.white_txt h2 {
		color:#fff
	}
	.white_txt h2 span:after {
		background:#fff
	}
	.white_txt .slash i{
		background:#fff
	}
	.white_txt a {
		color: #fff
	}
	
.copyrights{
	padding-top:15px !important;
}	



/*# 3. Header*/
header {
	position:fixed;
	height:64px;
	width:100%;
	z-index:10; /*-- Mod javi 05-03-2023 --*/
	/*pointer-events: none;*/
	/*z-index:1; *//*-- Mod javi 22-02-2023 --*//*-- Mod javi 05-03-2023 --*/
}
/*

header a, header button {
    pointer-events: auto;
}
*/	
	.header_social {
		position:absolute;
		right:16px;
		margin:5px 0 0 0;
		font-size:16px
	}
		.header_social a {
			height:48px;
			width:48px;
			display:inline-block;
			text-align:center;
			line-height:48px;
			color:#6f6f6f!important;
		}
			.header_social a:after {
				display:inline-block;
				content:"";
				position: absolute;
				width:1px;
				height:40px;
				transform:rotate(17deg);
				margin:6px 0 0 18px;
				background:#6f6f6f
			}
				.header_social a:last-child:after{
					display:none
				}
			.header_social i {
				vertical-align:middle
			}

	  .acciones-botones {  /* mod javi 07-06-2023*/
		display: none;
	  }


	.main_menu_btn {
		cursor: pointer;
		display: block;
		height: 48px;
		position: absolute;
		transform: translateZ(0px);
		width: 48px;
		z-index: 103;
		padding:10px;
		margin:7px 0 0 16px
		
	}
	.main_menu_block {
		width:100%;
		height:100%;
		position:fixed;
		z-index:11;
		top:0;
		display: none
		
	}
		.menu_wrapper {
			transition:all 0.5s ease-out;
			left: -20%;
			height: 100%;
			position: relative;
		}
		.menu_wrapper.active {
			left: 0
		}
		.sub_menu, .sub_menu .menu-main-menu-container {
			background:#fff;
			width:300px;
			height:100%;
			position: absolute;
			transition:width 1s;
			display: -webkit-flex; 
			display: flex;
		}
			.sub_menu ul {
				position: relative;
				z-index:3;
				list-style:none;
				padding:0;
				margin:auto;
				list-style: decimal;
				list-style-type: none; /* Убираем исходные маркеры */
    			counter-reset:  item; /* Обнуляем счетчик списка */
			}
				.sub_menu li {
					padding: 6px 0
				}
				.sub_menu li:before {
					content: attr(data-number); /* Mod javi 03-01-2024 */
					/*content: '0' counter(item); 
  					counter-increment: item;*/
  					font:30px Great Vibes;
					display:inline-block;
					margin:0 20px 0 0
				}
				.sub_menu a {
					color:#666;
					font: 400 18px/28px Roboto Condensed;
					display:inline-block;
					padding:6px 0
				}

					.sub_menu a:before {
						width:1px;
						height:30px;
						background:#4f4f4f;
						display:inline-block;
						transform:skew(-17deg, 0deg);
						position:absolute;
						margin:2px 0 0 -10px;
						content:""
					}
			.sub_img {
				background-size:cover;
				width:100%;
				height:100%;
				left:300px;
				position:absolute;
				transition:width 1s;
			}
				.sub_img.active {
				}
			.sub_img:before {
				background:#fff;
				content:"";
				display:block;
				position:absolute;
				height:100%;
				transform:skew(-17deg, 0deg);
				width:100%;
				transform-origin:100% 100% 0;
				left:-100%;
				z-index:1;
				
		
			}
			.sub_img:after {
				content:"";
				display:block;
				position:absolute;
				height:100%;
				transform:skew(-17deg, 0deg);
				width:100%;
				transform-origin:100% 100% 0;
				left:-100%;
				z-index:2;
				border-right:1px solid rgba(255, 255, 255, 0.7);	
				margin:0 0 0 2px		
			}
		.main_menu_btn .line {
			background:#bdbdbd;
			outline: 1px solid #FFF; /= 16-05-2023 =/
			/*border: 1px solid #FFF;
			border-radius: 3px;*/
			display: block;
			height: 2px;
			position: absolute;
			transform: translate(0, 0px);
			width: 26px;
			transition: transform 0.3s;
		}
			.line1 {
				top:14px
			}
			.line2 {
				top:23px
			}
			.line3 {
				top:32px
			}
				.main_menu_btn:hover .line1 {
					transform: translate(0, -2px);
				}
				.main_menu_btn:hover .line3 {
					transform: translate(0, 2px);
				}
				.main_menu_btn_open .line1, .main_menu_btn_open:hover .line1 {
					transform: translate(0, 9px) rotate(45deg);
				}
				.main_menu_btn_open .line2 {
					opacity: 0;
				}
				.main_menu_btn_open .line3, .main_menu_btn_open:hover .line3 {
					transform: translate(0, -9px) rotate(-45deg);
				}



	


	
/*# 4. Intro*/	
.slider, .slider .owl-wrapper-outer, .slider .owl-item, .slider_item, .slider .owl-wrapper  {
	height: 100%!important;
	width: 100%
}
	.slider .parallax {
		background-size: cover!important;
		background-repeat: no-repeat;
		background-position: center;
	}	
	.slider {
		z-index: 0;
		position: absolute;
	}	
	.slider_item img {
		display: none
	}
	.slider_item {
	}
	.intro_slider .into_firefly {
		width: auto;
		left: 100px;
		right: 100px;
		top: 0;
		bottom: 0
	}
	.intro_slider .owl-buttons {
		margin: -38px 0 0 0
	}
.home_intro {
	background-size:cover;
	width:100%;
	height:100%;
	position:relative;
	background-repeat:no-repeat;
	background-position:center;
	background-attachment: fixed
}
	.into_firefly {
		width:100%;
		height:100%;
		z-index:3;
		position:absolute
	}
		.into_firefly div {
			border-radius:50%;
			opacity:0.8
		}
.home_txt {
	position: absolute;
	margin:0;
	width:100%;
	z-index:4;
	bottom:26px;
}
.player {
	max-width: 320px;
	width: 100%;
	position: fixed;
	z-index: 5;
	top: 60px;
	right: 24px;
	overflow: hidden;
	transition:opacity 0.3s;
	display: none
}
.player.vis {

}

	
	.names {
		font:46px Great Vibes;
		color:#000
	}
		.slash {
			display:inline-block;
			margin:0 10px;
			height:48px;
			text-align:center
		}
		.slash i {
			width:1px;
			height:48px;
			background:#4f4f4f;
			display:inline-block;
			transform:skew(-17deg, 0deg);
			position:absolute;
			margin:10px 0 0 0
		}
		.date {
			font:40px Great Vibes;
			margin:0 0 50px 0;
			color:#000
		}
			.date span {
				font:32px Roboto Condensed;
				display:inline-block;
				padding:0 0 0 20px
			}
				.date span:before {
					display:inline-block;
					content:"";
					position: absolute;
					width:1px;
					height:40px;
					transform:rotate(17deg);
					margin:3px 0 0 -13px;
					background:#fff
				}

					
	#countdown {
		font:34px/40px Roboto Condensed;
		text-align:center;
		height:60px
	}
	.count_bl {
		display:inline-block;
		color:#fff
	}
		.count_h {
			display:inline-block;
			position:absolute
		}
		
		.days {
			font:14px/14px Roboto Condensed
		}
			.count_bl .countdown-period {
				font:14px/14px Roboto Condensed;
				display:block
			}
			.intro_down span {				
				display:block;
				width:48px;
				height:48px;
				color:#fff;
				margin:0 auto;
				position:relative;
				text-align:center
			}
				.intro_down i {
					position: relative
				}
			
				

			.intro_down i {
				animation:1.4s ease 0s normal none infinite mouse-down;
				-webkit-animation:1.4s ease 0s normal none infinite mouse-down;
			}
			
			@keyframes mouse-down {
				0% {
					top: 0px;
					opacity: 0;
				}
				50% {
					opacity: 1;	
				}
				100% {
					top: 12px;
					opacity: 0;
				}
			}
.bullet {
	display: block;
	width: 16px;
	height: 26px;
	margin: 8px 0 0 16px;
	margin: 5px auto
}
	.bullet i {
		font-style: normal;
	}
	.bullet span {
		position: absolute;
		margin: -3px 0 0 -35px;
		opacity: 0.5;
		font: 400 18px/28px Roboto Condensed
	}
		.bullet span b {
			font: 400 18px/28px Roboto Condensed;
			display: inline-block;
			margin: 0 0 0 30px;
		}

/*# 5. Married*/
.married {
	text-align: center;
}
.married .container {
	padding: 60px 0 0
}
	.married .btn {
		margin: 30px 0 0
	}
	.marries_left {
		float: left;
		width: 33%;
		height: 270px;
		position: relative;
		left: -41px
	}
		.bride_block {
			width:100%;
			height:100%;
			position: absolute;
			transform:skew(-17deg,0);
			transform-origin:50% 50% 0;
			left:0;
			overflow:hidden
		}
			.bride_img {
				background: url(../images/br4.jpg);
				background-size:cover;
				width:100%;
				height:100%;
				transform:skew(17deg,0);
				transform-origin:0 0 0 
			}
	.marries_center {
		float: left;
		width: 33%
	}
	.marries_right {
		float: right;
		width: 33%;
		height: 270px;
		position: relative;
		right: -41px
	}

		.groom_block {
			width:100%;
			height:100%;
			position: absolute;
			transform:skew(-17deg,0);
			transform-origin:50% 50% 0;
			right:0;
			overflow:hidden
		}
			.groom_img {
				background: url(../images/br5.jpg);
				background-size:cover;
				width:100%;
				height:100%;
				transform:skew(17deg,0);
				transform-origin:100% 100% 0 
			}
.married_coundown {
	font: 400 40px/48px Roboto Condensed ;
	margin: 20px 0 0 0
}
	.married_coundown .countdown-section {
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin: 0 10px;
		min-width: 60px;
		position: relative;
	}
		.married_coundown .countdown-amount {
			min-width: 60px;
			text-align: center;
		} 
	.married_coundown .countdown-section:before {
		content: " : ";
		display: inline-block;
		vertical-align: top;
		margin: 0 0 0 -15px;
		position: absolute;
		left: 0

	}
		.married_coundown .countdown-section:first-child:before {
			display: none
		}
	.married_coundown .countdown-period {
		font: 20px/24px Great Vibes;
		color: #c5c3be;
		display: block;
		text-transform: lowercase;
	}
.double_arrow {
	width: 188px;
	height: 25px;
	margin: 25px auto
}
.bride_title_block {
	font:46px/48px Great Vibes;
	text-align:center;
	margin:80px 0 0 0;
	color:#d9c6b1;
	position: absolute;
	left: 10%;
	text-align: center;
}
	.bride_title_block i {
		font: normal 300 15px/24px Roboto Condensed;
		color: #666;
		display: block;
		margin: -7px 0 0 0;
		padding: 0 0 0 10px;
	}
	.bride_title_block:before {
		position:absolute;
		display:block;
		content:"";
		width:1px;
		height:25px;
		background:#d9c6b1;
		transform:skew(-17deg,0);
		margin:-35px 0 0 20px;
		left:50%
	}
	.bride_title_block:after {
		position:absolute;
		display:block;
		content:"";
		width:1px;
		height:25px;
		background:#d9c6b1;
		transform:skew(-17deg,0);
		margin:7px 0 0 -9px;
		left:50%
	}
.groom_title_block {
	font:46px/48px Great Vibes;
	text-align:center;
	margin:80px 0 0 0;
	color:#d9c6b1;
	position: absolute;
	right: 10%;
	text-align: center;
}
	.groom_title_block i {
		font: normal 300 15px/24px Roboto Condensed;
		color: #666;
		display: block;
		margin: -7px 0 0 0;
		padding: 0 0 0 10px;
	}
	.groom_title_block:before {
		position:absolute;
		display:block;
		content:"";
		width:1px;
		height:25px;
		background:#d9c6b1;
		transform:skew(-17deg,0);
		margin:-35px 0 0 20px;
		left:50%
	}
	.groom_title_block:after {
		position:absolute;
		display:block;
		content:"";
		width:1px;
		height:25px;
		background:#d9c6b1;
		transform:skew(-17deg,0);
		margin:7px 0 0 -9px;
		left:50%
	}
.married_photo img {
	border-radius: 50%;
	width: 100%;
	height: auto;
}
.married_photo {
	position: absolute;
	width: 200px;
	height: 200px;
	overflow: hidden;
	top: 0;
	margin: 59px 0 0 141px;
	z-index: 0;
}
	.groom_title_block .married_photo {
		margin: 59px 0 0 -55px;
	}

.im1 {
	width: 302px;
	height:302px;
	border-radius: 50%;
	position: absolute;
	left:0;
	margin: 30px 0 0 0;
	background-position: center;
	background-size: cover
}
	.im1:before, .im2:before {
		display: block;
		content: "";
		position: absolute;
		width: 302px;
		height:302px;
		border: 15px solid rgba(255,255,255,0.4);
		border-radius: 50%;
	}
.im2 {
	width: 302px;
	height:302px;
	border-radius: 50%;
	position: absolute;
	right:0;
	margin: 30px 0 0 0
}
	.im_arrows {
		position: absolute;
		width: 100%;
		height: 100%
	}
	.im_arrows:before {
		width: 39px;
		height: 77px;	
		display: block;
		content: "";
		position: absolute;
		top: -43px;
		right: 20px
	}
	.im_arrows:after {
		width: 13px;
		height: 38px;
		display: block;
		content: "";
		position: absolute;
		bottom: -34px;
		right: 120px
	}	



/*# 6. Our Story*/
.our_story {
	padding: 48px 0 20px;
}


/*# 7. Slider Buttons*/
.owl-prev {
	width:86px;
	height:185px;
	position: absolute;
	cursor:pointer;
	text-indent:-10000px;
	left:30px;
	top:50%;
	margin:-55px 0 0 0;
	padding:0 10px;
	transition:background 0.5s;

}
.owl-prev:before {
	width:1px;
	height:100px;
	transform:rotate(-145deg);
	background:#bdbdbd;
	content:"";
	display:block;
	transition:transform 0.2s;
	position:absolute;
	transform-origin:top;
	top:93px;
}
	.owl-prev:hover:before {
		transform:rotate(-150deg);
	}
	.owl-prev:hover:after {
		transform:rotate(150deg);
	}
		
.owl-prev:after {
	width:1px;
	height:100px;
	transform:rotate(145deg);
	background:#bdbdbd;
	content:"";
	display:block;
	position:absolute;
	transform-origin: bottom;
	transition:transform 0.2s;
	top:-8px;
}
.owl-carousel:hover .owl-next, .owl-carousel:hover .owl-prev {

}
.owl-next {
	width:86px;
	height:185px;
	right:0;
	position: absolute;
	cursor:pointer;
	right:30px;
	text-indent:-10000px;
	top:50%;
	margin:-55px 0 0 0;
	padding:0 10px;
	transition:background 0.5s;
}
.owl-next:before {
	width:1px;
	height:100px;
	transform:rotate(145deg);
	background:#bdbdbd;
	content:"";
	display:block;
	transition:transform 0.2s;
	position:absolute;
	transform-origin:top;
	top:93px;
	margin:0 0 0 62px
}
	.owl-next:hover:before {
		transform:rotate(150deg);
	}
	.owl-next:hover:after {
		transform:rotate(-150deg);
	}
		
.owl-next:after {
	width:1px;
	height:100px;
	transform:rotate(-145deg);
	background:#bdbdbd;
	content:"";
	display:block;
	position:absolute;
	transform-origin: bottom;
	transition:transform 0.2s;
	top:-8px;
	margin:0 0 0 62px
}
.owl-controls {
	text-align: center;
}
.owl-pagination {
	margin: 55px 0 0 0;
	display: inline-block;
	padding: 0 22px;
	position: relative;
	height: 1px;
}
	
.owl-pagination:before {
	display:block;
	content: "";
	width: 31px;
	height: 17px;
	margin: -8px 0 0 -53px;	
	position: absolute;
}
.owl-pagination:after {
	display:block;
	content: "";
	width: 8px;
	right: 0;
	height: 7px;
	top: 0;
	margin: -3px -7px 0 0;
	position: absolute;
}
	.owl-page {
		width: 48px;
		height: 48px;
		display: inline-block;
		position: relative;
		margin: -21px 0 0 0; 
	}

		.owl-page:after {
			content: "";
			display: block;
			position: absolute;
			width: 16px;
			height: 26px;
			margin: 8px 0 0 16px;
		}

.story_wrapper .owl-wrapper-outer  {
	box-shadow: 0 0 20px rgba(117,102,84,0.2);
	background: #fff
}
.story_wrapper {

}
.story_item {
	position:relative;
	height: 400px
}
	.story_item img {
		width: 100%;
		height: auto;

	}
	.story_img {
		width: 70%;
		height: 100%;
		background-size: cover!important;
		float: left;
		background-repeat: no-repeat!important;
		position: relative;
		background-position: center!important;
	}
		.youtube {
			position: absolute;
			color: #fff!important;
			text-decoration: none!important;
			left: 50%;
			top: 50%;
			margin: -10px 0 0 -10px
		}
		.youtube:before {
			position:absolute;
			display:block;
			content:"";
			width:1px;
			height:15px;
			background:#fff;
			transform:skew(-17deg,0);
			margin:-23px 0 0 27px
		}
		.youtube:after {
			position:absolute;
			display:block;
			content:"";
			width:1px;
			height:15px;
			background:#fff;
			transform:skew(-17deg,0);
			margin:-4px 0 0 11px
		}

	.story_plane {
		background: #fff;
		height: 100%;
		width: 30%;
		position: relative;
		z-index: 2;
		float: left;
		display: flex
	}
		.story_back {
			background: #fff;
			transform-origin:0 0 0;
			transform: skew(-17deg);
			height: 100%;
			content:"";
			display:block;
			z-index: 0;
			position: absolute;
			width: 124px;
			left: 0
		}
			.story_back:before {
				position: absolute;
				z-index: 4;
				width: 10%;
				height: 400px;
				left: -2px;
				padding: 0 1px 0 0;
				border-left:1px solid rgba(255, 255, 255, 0.7);
				content: "";
				display: block;
			}
		.story_img_plane {
			background: #fff;
			transform-origin:0 0 0;
			transform: skew(-17deg);
			height: 100%;
			content:"";
			display:block;
			z-index: 0;
			position: absolute;
			width: 124px;
			left: 0
		}
			.story_img_plane:after {
				position: absolute;
				background: #000
				z-index: 4;
				width: 10%;
				height: 400px;
				right: -2px;
				padding: 0 1px 0 0;
				border-right:1px solid rgba(255, 255, 255, 0.7);
				content: "";
				display: block;
			}
		.story_txt {
			position: relative;
			z-index: 4;
			padding: 30px 0;
			margin: auto
		}
			.story_txt p {
				position: relative;
				margin: 0 0 0 -15%;
			}
		.story_title {
			font: 34px/26px Great Vibes;
			margin: 0 -10% 28px 0;
			text-align: center;
		}
			.story_title i {
				font: normal 300 14px/28px Roboto Condensed;
				position: relative;
				margin: 0 0 10px 0;
				text-align: center;;
				display: block;
			}

			.story_title:before {
				position:absolute;
				display:block;
				content:"";
				width:1px;
				height:15px;
				transform:skew(-17deg,0);
				margin:-25px 0 0 20px;
				left:50%;
				opacity: 0.3
			}
			.story_title:after {
				position:absolute;
				display:block;
				content:"";
				width:1px;
				height:15px;
				transform:skew(-17deg,0);
				margin:-5px 0 0 -9px;
				left:50%;
				opacity: 0.3
			}
		.owl-item {
			transform:none!important;
		}


.botonsimple {
	color: #333 !important;
    border: 1px solid #10658c !important;	
}

.botoninvitt {
    width: 100%; 
    animation: heartbeat 2s infinite !important;
}

	
	.owl-buttons {
		top:50%;
		position:absolute;
		margin:-85px 0 0 0;
		width:100%
	}

/*# 8. Events*/
.events {
	overflow: visible;
}
	

@keyframes heartbeat {
    0%, 50%, 100% {	
        transform: scale(0.9);
		font-size:1em;
		padding-top:8px;
		padding-bottom:8px;
		border-width:2px;
        background-color:#333 !important; /* Ajusta esto según el grosor inicial del borde */
    }
    25%, 75% {
        transform: scale(1);
		font-size:1.4em;
		padding-top:10px;
		padding-bottom:10px;
				border-width:4px;

        background-color: white !important; /* Ajusta esto según el grosor deseado durante la animación */
    }
}

.heartbeat2 {
    animation: heartbeat2 1.5s infinite;
}

@keyframes heartbeat2 {
    0%, 50%, 100% {
        transform: scale(1);
    }
    25%, 75% {
        transform: scale(1.1);
    }
}

.heartbeat3 {
    animation: heartbeat3 1.5s infinite;
}


@keyframes heartbeat3 {
    0%, 50%, 100% {
        transform: scale(0.8);
    }
    25%, 75% {
        transform: scale(1.3);
    }
}




/* Clase para reducir el relleno de las celdas */
.small-padding td {
    padding: 4px 3px !important; /* Relleno reducido */
}
.small-fa-2x .fa {
    font-size: 1em !important; /* Asegura que esta regla tenga prioridad */
}
		


/*# 9. Registry*/
.registry .container {
}
	.registry a {
		display:inline-block;
		vertical-align:middle;
		margin:20px 5px 0
	}
	.registry_wrapper {
		margin: 30px 0 0 0
	}
	.registry .owl-buttons {
		display: none;
		margin: -22px 0 0 
	}
	
/*# 10. RSVP*/
.rsvp {
	overflow: visible;	
}
#form_send_message {
	font:24px/32px Roboto Condensed
}

#envelope {
	margin:30px 0 0;
	position:relative;
}	
	.envelope p {
		font:16px/28px Roboto Condensed
	}
	.envelope h2 {
		margin:0 0 10px 0
	}
	.paper {

		width:524px;
		/*height:auto;*/
		max-height:350px !important;
		overflow: hidden;
		padding:20px;
		position:relative;
		left:50%;
		margin:0 0 0 -260px;
		z-index:2;
		border-radius:5px;
		/*transition:0.3s all ease-out;
		transition-delay:0.5s;*/
		top: 0;
		font: 14px/24px Roboto Condensed;
		/*transform: rotateX(180deg);*/

	}
	/* mod 05/11/2023
		#envelope.active .paper {
			max-height:350px;
		}	
	*/
		

/*----------TEMAS DEL PAPEL INTERIOR DEL SOBRE CUANDO SE ABRE-------------*/
#envelope:not(.active) .paper {

  box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.5);
  max-height: 800px !important;
  overflow: hidden;
  transition-timing-function: ease-in-out;
  transition-duration: 1s;
}

#envelope:not(.active) .paper .content {
  opacity: 0;
  transition-delay: 2s;
  transition-timing-function: ease-in-out;
  transition-duration: 1s;
}

#envelope:not(.active) .paper {
  transition-delay: 2s;
}

#envelope:not(.active) .paper:hover {
  /*overflow: visible;*/
}

#envelope:not(.active) .paper:hover .content {
  opacity: 1;
  transition-delay: 4s;
}
/*---------------------------------------------------------------------*/




		.paper .paper_title {
			/*margin: 10px 0 30px 0;*/     /* Comentado el día 22/01/2024 JAVI */
			font-size: 26px
		}
		.paper .btn {
			margin:10px 4px 20px!important;
		}
	.paper_doble {
		/*-webkit-box-reflect: below 0px;*/
		/*height:2;*/
		/*transform: rotateX(360deg) !important;
		transition-delay:1s;*/
		/*max-height:200% !important;*/
		/*height:200% !important;	*/	
		/*transition: max-height 5s ease-in !important;*/
		/*transition: height 2s ease-in !important;*/

		
		
		}

	.envelope_back {
		width:559px;
		height:349px;
		position:absolute;
		left:50%;
		margin:0 0 0 -279px;
		z-index:1;
		transition:0.3s all ease-out;
		transition-delay:0.5s;
		top: 650px;
		opacity: 0
	}
		.env_top {
			width: 563px;
			height: 195px;
			position: absolute;
			margin: -194px 0 0 0;
			transition:0.2s all ease-in;
			transition-delay:0.1s;
			transform-origin: center bottom;
		}

/*
		.env_top_top {
			width: 563px;
			height: 199px;
			position: absolute;
			margin: 0 0 0 0;
			transition:0.2s all ease-out;
			transition-delay:0s;
			transform-origin: center top;
			z-index: 5;
			transform:rotateX(90deg);
			opacity: 0
		}
*/
		.env_top_top {
			width:562px; //desde original de 565px
			min-width:300px;
			height:198px;
			position:absolute;
			margin: 0 0 0 0;
			transition:0.2s all ease-out;
			transition-delay:0s;
			transform-origin: center top;
			z-index: 4;
			transform:rotateX(90deg);
			opacity: 0;


			left:50%;
			margin:0 0 0 -281px;

		}
		
		.env_top_sello {
			width: 150px;
			height: 150px;
			position: absolute;
			margin: 0 0 0 0;
			transition:0.2s all ease-out;
			transition-delay:0s;
			transform-origin: center top;
			z-index: 6;
			transform:rotateX(90deg);
			opacity: 0;
		}		
	.envelope_front {
	// mod _22-10-2023	width:562px; //desde original de 565px
		width:565px; 
		min-width:300px;
		height:351px;
		position:absolute;
		z-index:3;
		left:50%;
		margin:0 0 0 -281px;
		transition:0.3s all ease-out;
		transition-delay:0.5s;
		top: 650px;
		opacity: 0;
	}
	
	
	.envelope_front_defff {
		width:562px; //desde original de 565px
		min-width:300px;
		height:351px;
		position:absolute;
		z-index:3;
		left:50%;
		margin:0 0 0 -281px;
		transition:0.3s all ease-out;
		transition-delay:0.5s;
		top: 650px;
		opacity: 0;

	}


	.envelope_front_sello {
		top:0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
		width:562px; //desde original de 565px
		min-width:300px;
		height:351px;
		position:absolute;
		z-index:6;
		left:50%;
		margin:0 0 0 -281px;
		transition:0.3s all ease-out;
		transition-delay:0.5s;
		top: 650px;
		opacity: 1;

	}

	.imagen_top_sobre {
	position: absolute;
    top: 30%; /* Centra la imagen verticalmente */
    left: 50%; /* Centra la imagen horizontalmente */
    transform: translate(-50%, -50%); /* Ajusta el punto de anclaje al centro de la imagen */
    max-height: 100px; /* Máxima altura permitida */
    max-width: 150px; /* Máximo ancho permitido */
	}
	
	.classe0 {
		background-color:#FFF !important;
	}
	/*
	.classe1 {
		background-color:#FFF !important;
	}.classe2 {
		background-color:#FFF !important;
	}.classe3 {
		background-color:#FFF !important;
	}.classe4 {
		background-color:#FFF !important;
	}.classe5 {
		background-color:#FFF !important;

	}.classe6 {
		 background: #FFF !important;
	}
	*/
	/*
	.classe7 {
		background-color:#FFF !important;
	}.classe8 {
		background-color:#FFF !important;
	}.classe9 {
		background-color:#FFF !important;
	}.classe10 {
		background-color:#FFF !important;
	}.classe11 {
		background-color:#FFF !important;
	}.classe5 {
		background-color:#FFF !important;

	}.classe6 {
		 background: #FFF;
	}
	*/
	
	.envelope_front_def {		
		/*javi*/
		box-shadow: 10px -10px 10px 0px rgba(0, 0, 0, 0.5);
	}

	.envelope_front_def2 {		
		box-shadow: 100px 10px 10px 10px rgba(0, 0, 0, 0.2);
	}



	.envelope_front_defff {		
		box-shadow: 100px 10px 10px 10px rgba(0, 0, 0, 0.2);
	}
	
	.envelope_front_defff2 {		
		/*javi*/
		box-shadow: 10px -10px 10px 0px rgba(0, 0, 0, 0.5) !important;
	}

	/*
	.env_top2 {		
		/*javi*/
		/*box-shadow: 100px -100px 100px 0px rgba(0, 0, 0, 0.5);
	}
	*/

	.sello {
		cursor: grab;
		width:150px;
		height:150px;
		position:absolute;
		z-index:6;
		/*left:20%;*/
		/*margin:0px 0px 0px 40%;*/ /*Mod 22-10-2023*/
		transition:0.1s all ease-out;
		transition-delay:0.1s;
		/*top: 100px !important;*/ /*Mod 22-10-2023*/
		top:28%; /*Mod 22-10-2023*/
		/*left:44%;*/ /*Mod 22-10-2023*/
		opacity: 0;

animation: navigate 2s infinite;

	
	}
	
@keyframes navigate {
/* 0 & 100% might not be needed */
  10% {
	  transform: scale(1.1);
	-webkit-filter: drop-shadow(1px 1px 0 #315f5b) 
                    drop-shadow(-10px -10px 0 #315f5b);
    filter:drop-shadow(1px 1px 0 #315f5b) 
           drop-shadow(-1px -1px 0 #315f5b);
  }
  50% {
	  transform: scale(1.1);
	-webkit-filter: drop-shadow(1px 1px 0 #315f5b) 
                    drop-shadow(-10px -10px 0 #315f5b);
    filter:drop-shadow(1px 1px 0 #315f5b) 
           drop-shadow(-1px -1px 0 #315f5b);	
  }
  25%,
  75% {
	  transform: scale(1);
	    -webkit-filter: drop-shadow(10px 10px 0 red) 
                    drop-shadow(-10px -10px 0 red);
    filter:drop-shadow(10px 10px 0 #315f5b) 
           drop-shadow(-10px -10px 0 #315f5b);
  }	
}	
	.sello:hover {
		animation: navigate 1.5s;
@keyframes navigate {
/* 0 & 100% might not be needed */
  10% {
	  transform: scale(1.5);
	-webkit-filter: drop-shadow(1px 1px 0 #315f5b) 
                    drop-shadow(-10px -10px 0 #315f5b);
    filter:drop-shadow(1px 1px 0 #315f5b) 
           drop-shadow(-1px -1px 0 #315f5b);
  }
  50% {
	  transform: scale(1.5);
	-webkit-filter: drop-shadow(1px 1px 0 #315f5b) 
                    drop-shadow(-10px -10px 0 #315f5b);
    filter:drop-shadow(1px 1px 0 #315f5b) 
           drop-shadow(-1px -1px 0 #315f5b);	
  }
  25%,
  75% {
	  transform: scale(1);
	    -webkit-filter: drop-shadow(10px 10px 0 red) 
                    drop-shadow(-10px -10px 0 red);
    filter:drop-shadow(10px 10px 0 #315f5b) 
           drop-shadow(-10px -10px 0 #315f5b);
  }	
}	
#animation-play-state:  paused;
	
	}


	#envelope.active .paper {
		/*margin: 0 0 0 -275px;*/  /* mod 05-11-2023 */
		/*transition-delay:1;*/
		/*transition:0.3s all ease-out; */   /* modificación Javi 27/01/2024 */
		transition:0.9s all ease-out;

	}
	#envelope.active .envelope_back {
		top: 0;
		transition-delay:0;
		/*transition:0.3s all ease-out; */   /* modificación Javi 27/01/2024 */
		transition:0.9s all ease-out;
		opacity: 1
	}
	#envelope.active .envelope_front {
		top: 0;
		transition-delay:0;
		/*transition:0.3s all ease-out; */   /* modificación Javi 27/01/2024 */
		transition:0.9s all ease-out;
		opacity: 1
	}
	#envelope.active .envelope_front_defff { /* mod 22-10-2023 */
		top: 0;
		transition-delay:0;
		/*transition:0.3s all ease-out; */   /* modificación Javi 27/01/2024 */
		transition:0.9s all ease-out;
		opacity: 1
	}	
	
	#envelope.active .sello {
		/*top: 0;*/ /*Mod 22-10-2023*/
		transition-delay:0;
		transition:0.3s all ease-out;
		opacity: 1
	}	
		#envelope.active .env_top {
			transform:rotateX(90deg);
			transition-delay:0.3s;
			opacity: 1
		}
		#envelope.active .env_top_top {
			transform:rotateX(0);
			transition-delay:0.5s;
			opacity: 1
		}
		#envelope.active .env_top_sello {
			transform:rotateX(0);
			transition-delay:0.5s;
			opacity: 1
		}

		.accept_decline {
			font:46px Great Vibes
		}
		.form-control {
			border-radius:0;
			background:none;
			border:0;
			border-bottom:1px solid #595959;
			font:22px Roboto Condensed!important;
			box-shadow:0 0 0 !important;
			position:relative;
			height:40px!important
		}
			.txt_input {
				width:49%;
				padding:0;
				display:inline-block;
				margin:0 0 10px 0;
				position:relative
			}
				.txt_input:before {
					position:absolute;
					display:block;
					content:"";
					width:1px;
					background:#595959;
					height:5px;
					bottom:0
				}
				.txt_input:after {
					position:absolute;
					display:block;
					content:"";
					width:1px;
					background:#595959;
					height:5px;
					bottom:0;
					right:0
				}
		.wpcf7-mail-sent-ok  {
			margin: 5px 0 0!important
		}
		.wpcf7-validation-errors, span.wpcf7-not-valid-tip {
			display: none!important;
		}

		.wpcf7-not-valid {
			border-bottom: 1px solid red
		}
.form_content p {
	margin: 0 0 10px 0
}
	.form_content .btn {
		margin: 0!important
	}
		
/*# 11. Where&When*/
.when_where {
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position: center;
}
	.when_where .container {
	}
	.when_where_container {
		z-index:2;
		position:relative;
		
	}
	.when_where_container .title3 {
		width: 300px;
		margin: 0 auto
	}
	.when_where_container .title4 {
		width: 400px;
		margin: 0 auto
	}
	.when_where .over {
		width:100%;
		height:100%;
		z-index:0;
		display:block;
		content:"";
		position:absolute;
		top:0;
		left:0
	}
		.when_where h2 {
			margin:0 0 50px 0;
			opacity: 0.8
		}
			.when_where h2:after {
				display: none
			}
	.pattern1 {
		background: url(../images/venz1.png);
		background-size: cover;
		width: 122px;
		height: 28px;
		margin: 0 auto 20px 
	}
	.pattern2 {
		background: url(../images/venz4.png);
		background-size: cover;
		width: 142px;
		height: 8px;
		margin: 20px auto 
	}
	.pattern3 {
		background: url(../images/venz5.png);
		background-size: cover;
		width: 73px;
		height: 24px;
		margin: 20px auto 0
	}
	.title0 {
		font:300 16px/28px Roboto Condensed;
		color:rgba(255,255,255,0.5);
	}
	.title1 {
		font:46px/48px Great Vibes;
	}
		.title1_2 {
			text-indent:-15px;
			font:52px/56px Great Vibes;
		}
	.title2 {
		font:56px/60px Roboto Condensed;
		margin:0 0 13px 0;
		letter-spacing: -1px
	}
	.title3 {
		font:24px/32px Roboto Condensed;
		margin:0 0 5px 0;
	}
	.title4 {
		font:300 34px/40px Roboto Condensed;
		text-transform:uppercase
	}	
	.title5 {
		font: 300 14px/24px Roboto Condensed;
		text-transform: uppercase;
		margin: -5px 0 20px
	}
	.clock_icon {
		margin:50px 0 0 0
	}

.photocamera {
	position:absolute;
	right:100px;
	top:50%;
	margin:-20px 0 0 0;
	z-index:4;
}
.hotel .container {
	padding-bottom: 0
}
	.photocamera span:before {
		font-size:24px!important
	}
	.photocamera span {
		animation:2.4s ease infinite camera-pulse;
		-webkit-animation:2.4s ease infinite camera-pulse;
		position:absolute;
		cursor:pointer
	}
			
		@keyframes camera-pulse {
			0% {
				transform:scale(1);
				opacity:0.6
			}
			30% {
				transform:scale(1.3);
				opacity:1
			}
			100% {
				transform:scale(1);
				opacity:0.6
			}
		}

/*# 12. Footer*/
.footer {
	background-size:cover;
	background-repeat:no-repeat;
	background-position: top;
}
	.footer .container {
		height: 100%
	}
	.footer .over {
		width:100%;
		height:100%;
		z-index:0;
		display:block;
		content:"";
		position:absolute;
		top:0;
		left:0
	}
	.thanks {
		font:45px/48px Great Vibes;
		padding:0 24px;
		margin: 0 0 21px 0
	}
	.footer_txt {
		opacity: 0.8;
		padding:0 24px
	}
		.footer_social {
			margin:0 0 24px 0
		}
		.footer_social a {
			height:48px;
			width:48px;
			display:inline-block;
			text-align:center;
			line-height:48px;
			color:#fff
		}
		.footer_social a:after {
				display:inline-block;
				content:"";
				position: absolute;
				width:1px;
				height:40px;
				transform:rotate(17deg);
				margin:6px 0 0 18px;
				background:#fff
			}
				.footer_social a:last-child:after{
					display:none
				}
	
/*# 13. Guests*/
.guests {

}
	.guests .container {

	}
.guest_item {
	position:relative;
	text-align:center;
	width: 218px;
	margin: 0 auto 
}

.guest_wrapper {
	height: 400px	
}

	.guest_wrapper .owl-buttons {
		display: none
	}
		
	.guest_txt {
		position: absolute;
		display: none
	}

	
	.guest_photo {
		width: 200px;
		height: 200px;
		position: relative;
		margin: auto
	}
	.guest_photo img {
		border-radius: 50%;
		width: 200px;
		height: 200px
	}
		.guest_photo:before {
			border: 10px solid rgba(255, 255, 255, 0.4);
		    border-radius: 50%;
		    content: "";
		    display: block;
		    height: 100%;
		    position: absolute;
		    width: 100%;
		}

		
	.guest_title {
		font:32px/40px Great Vibes;
		color: #757575;
		z-index: 3;
	}
		.guest_title span {
			display: block;
			font: 300 16px/24px Roboto Condensed;
			margin: 20px 0 0
		}
	.guest_item i:before {
		font-size:18px!important;
		color:#999
	}

		
/*# 14. Gallery*/
.gallery  {
	padding: 48px 0 0
	
}
.gallery_item {
	position:relative;
	overflow:hidden
}
	.gallery_txt {
		position:absolute;
		padding:26px;
		width:100%;
		height:100%;
		text-align:center;
		font:24px/32px Roboto Condensed;
		display: -webkit-box; /* Android 4.3-, Safari */
    	-webkit-box-pack: justify; /* Android 4.3-, Safari */
		display:flex;
	}

		.gallery_txt:before {
			background:rgba(0,0,0,0.6);
			display:block;
			content:"";
			position:absolute;
			height:100%;
			width:100%;
			top:0;
			transition: opacity 1s;
			z-index:2;
			opacity:0;
			left:0
		}
			.gallery_item:hover .gallery_txt:before {
				left:0;
				opacity:1
			}
			
			
		.gallery_txt b {
			display:block;
			font:34px/40px Roboto Condensed;
			color:#fff
		}
		.gallery_txt a {
			width:100%;
			display: block;
			margin:auto;
			vertical-align:middle;
			opacity:0;
			transition:opacity 1s;
			left:0;
			z-index:3;
			padding:0 24px;
			color:#fff;
			position:relative;
			text-decoration: none
		}
		
		.gallery_txt a:before {
			position:absolute;
			display:block;
			content:"";
			width:1px;
			height:15px;
			background:#fff;
			transform:skew(-17deg,0);
			margin:-25px 0 0 20px;
			left:50%
		}
		.gallery_txt a:after {
			position:absolute;
			display:block;
			content:"";
			width:1px;
			height:15px;
			background:#fff;
			transform:skew(-17deg,0);
			margin:15px 0 0 -10px;
			left:50%
		}
			.gallery_txt i {
				position: absolute;;
				bottom: 16px;
				right: 16px;
				font-size: 14px;
			}
			.gallery_item:hover .gallery_txt a {
				opacity:1
			}
.gallery .container {
	padding:48px 0 0
}
	
	.gallery_item img {
		width:100%;
		height:auto;
		transition:transform 2s;
	}
	.gallery_item:hover img {
		transform:scale(1.2)
	}

/*# 15. Responsive*/

@media (max-width:992px){
	.owl-controls {
		margin: 0 0 20px 0
	}
	.gallery .owl-buttons {
			margin: -70px 0 0 0
	}
	
	/* -- JAVI 15-03-2023 */
	.inputleft {
		float:none !important; 
		width:100% !important;
		display:block !important;
	}
	.inputright {
		float:none !important; 
		width:100% !important;
		display:block !important;
	}	
	/*//- JAVI 15-03-2023 */

	.noresponsive {
		display:none;
	}
}

@media (max-width:668px){
	

	
	.story_txt p, .story_title {
		margin: 0;
	}
	.home_intro {
		background-attachment: scroll;
	}
	.hotel {
		background-attachment: scroll;
	}
	.when_where {
		background-attachment: scroll;
	}

	.footer_over {
		display:none
	}
	/*
	.envelope_back, .envelope_front {
		display:none
	}


	#envelope {
		margin-left:5%;
	}
	
	#paper {
		margin-left:5%;
	}
*/	
		
	

	.paper {
		width:95%;
		padding:20px;
		max-height:200px;
		overflow: hidden; 
		position:relative;
		/*opacity:1;*/
	}
	#envelope.active .paper {
		/*margin: 0 0 0 -40%;*/
		transition-delay:1s;
		transition:0.3s all ease-out;
		width:90%;
		/*max-height:300px !important;*/
		/*opacity:0;*/
	}	
	#envelope.active {
		/*margin: 0 0 0 -5%;*/
		/*
		transition-delay:0;
		transition:0.3s all ease-out;
		width:95%;
		*/
		/*max-height:300px !important;*/
		/*opacity:0;*/
	}
	#envelope:not(.active) .paper {
		/*opacity:1;*/
		max-height:800px;
		/*height:500px;*/
		margin: 0 0 0 0 !important;
		width:100% !important;
		left:0%;
		transition-delay:1s;
		transition-timing-function: ease-in-out;
		transition-duration: 1s;
		/*transition:1s all ease-out;*/
		

	}	

	.im1, .im2 {
		display: none;
	}
	
}

@media (max-width:480px){
	
	
#textotareaa {
display:block;
margin-top:1em;
}	
	
	/* Estilo del botón flotante */
.floating-button {
 z-index:89 !important;
    position: fixed;
   /*bottom: 20px;*/
    right: 0.2em;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 1.7em;
    height: 1.7em;
    font-size: 1em;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Estilo de la lista de tareas sugeridas (inicialmente oculta) */
.suggested-tasks {
    position: fixed;
   /*bottom: 90px;*/
    right: 2em;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-height: 350px;
    overflow-y: auto;
    display: none; /* Inicialmente oculta */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Estilo para cada tarea sugerida en la lista */
.suggested-task {
    padding: 5px;
    cursor: pointer;
}

.bombillatare {
    top: 0.1em;
    position: relative;
}


	
/* mod -- 24-10-2023  -- */
	
.marginderpeq {
	margin:0 0 0 5% !important;
}
	
.marginderpeq2 {
	margin:0 0 0 -53% !important;
}
/* fin mod -- 24-10-2023  -- */
	
		
	
	
.body {
	overflow: auto;	
}	

	
	.story_txt p {
		margin: 0;
	}
	.gallery .owl-buttons {
		margin: -40px 0 0 0
	}
	.owl-carousel:hover .owl-next, .owl-carousel:hover .owl-prev {
		background:none!important
	}
	.im1, .im2 {
		display: none;
	}
	h2 {
		font:34px/40px Great Vibes
	}
	h2 span {
		font:400 24px/32px Roboto Condensed
	}
	h2 span:after {
		margin:0 0 0 10px
	}
	.sub_menu {
		width:100%
	}

	.sub_menu.active {
		width:100%
	}
	.sub_img {
		display:none
	}


	.photocamera span {
		display:none
	}

	.gallery_item {
		width:100%
	}
	
		.paper h2 {
			font-size:28px!important
		}
		.paper h2 span {
			font-size:18px!important
		}
		.form-control {
			font-size:14px!important
		}

	/* ----javi
		.envelope p {
			display:none
		}
	*/	
		.footer {
			background-attachment:scroll
		}
	.story_img {
		width: 200px;
		height: 200px;
		left: 50%;
		margin: 0 0 0 -100px;
		position: absolute;
		border-radius: 50%;
		z-index: 5;
	}
		.story_img:before {
			border: 10px solid rgba(255, 255, 255, 0.4);
		    border-radius: 50%;
		    content: "";
		    display: block;
		    height: 100%;
		    position: absolute;
		    width: 100%;
		}
	.story_plane {
		width: 100%;
		left: 0;
		background: none
	}
	.story_txt {
		padding: 0 24px;
		margin: 220px 0 0
	}
	.story_back, .story_img_plane, .story_title:after, .story_title:before, .owl-pagination {
		display: none
	}
	.youtube {
		margin: -11px 0 0 -20px
	}
	.story_title {
		margin: 0
	}
	.story_wrapper .owl-wrapper-outer {
		box-shadow: 0 0 0;
		background: none
	}
	.story_item, .guest_wrapper {
		height: auto;
	}
	.guest_wrapper .owl-buttons, .registry .owl-buttons {
		display: block;
	}
	

	
	.paper {
		background:url(../images/blue/paper_peq_peq.png) !important;
		width:100%;
		padding:10px;
		max-height:200px !important;
		overflow: hidden; 
		position:relative;
		margin:0 0 0 -175px;
		
		/*left:50%;*/
		/*margin:0 0 0 -100%;*/
		/*font: 14px/24px Roboto Condensed;*/
		/*margin: 0 0 0 100px !important;*/
		
	}

	#envelope.active .paper {
		/*margin: 0 0 0 -60%;
		transition-delay:1s;*/
		transition:0.3s all ease-out;
				max-height:200px;

	}	



#envelope:not(.active) .paper .content {
  opacity: 0;
  transition-delay: 2s;
  transition-timing-function: ease-in-out;
  transition-duration: 1s;
}

	
	#envelope:not(.active) .paper {
				box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.5);

		margin: 0 0 0 0 !important;
		width:100% !important;
		left:0% !important;
		/*height:200px !important;
		max-height:200px !important;*/
		/*height:600px;*/
		/*max-height:700px !important;*/
		
		overflow: hidden;
		/*overflow: visible !important; */
		transition-delay:1s;
		transition-timing-function: ease-in-out;
		transition-duration: 1s;
	}	
	
	.envelope_back {
		width:348px !important; /* mod 06-11-2023 */
		height:217px !important; /* mod 06-11-2023 */
		margin-left:-54% !important;
		background:url(../images/blue/env_back_peq_peq.png) !important;
	}	
	.env_top {
		width:350px !important;
		height:121px !important;
		background: url(../images/blue/env_top_peq_peq.png) !important;
		margin:-35% 0 0 0 !important;


	}
	
	.env_top_top {
		width:350px !important;
		height:124px !important;
		/*background: url(../images/blue/env_top_top_peq_peq.png) !important;*/
		-webkit-mask-image: url(../images/blue/env_top_top_peq_peq.svg);
		
		
			/*left:78%;*/ /*Mod 23-10-2023  -- comentado*/
			left:0%; /*Mod 23-10-2023  -- comentado*/
			/*margin:0 0 0 -305px;*/  /*Mod 23-10-2023  -- comentado*/	
			margin:0 0 0 -1em;  /*Mod 23-10-2023  -- añadido*/	


	}
	.envelope_front {
		width:350px !important;
		height:217px !important;
		margin-left:-54.5% !important;
		/*margin:10px auto 10px auto !important;*/
		/*background:url(../images/blue/envelope_front_peq_peq.png) !important;*/
		-webkit-mask-image: url(../images/blue/envelope_front_peq.svg);		
	}		

	.envelope_front_defff {
		width:350px !important;
		height:217px !important;
		margin-left:-55% !important;
		/*margin:10px auto 10px auto !important;*/
		/*background:url(../images/blue/envelope_front_peq_peq.png) !important;*/
		box-shadow: 100px 10px 10px 10px rgba(0, 0, 0, 0.2);
	}


	.envelope_front_sello {
		width:350px !important;
		height:217px !important;
		margin-left:-55% !important;

	}

	.imagen_top_sobre {
    max-height: 75px; /* Máxima altura permitida */
    max-width: 100px; /* Máximo ancho permitido */
	}
	


	#envelope_front_ruido { /* añadido el 22-10-2023*/
		width:350px;
	}

	#env_top_ruido {
		width:350px;
	}


/*	
	.sello {
		width:100px;
		height:100px;
		background:url(../images/carta/sello_trans3_peq.png) !important;
       -webkit-mask-image: url(../images/carta/sello_peq.svg) !important;
		left:37%;
	}
*/
}


/* ---------------ACORDEÓN MANUALES---------------------------- */
.accordion {
	position: relative;
 transition: 0.4s;
   background-color: #d2dde2;
  color: #333;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  font-size:16px;
 margin-top:7px !important;
 }

.accordion.active, .accordion:hover {
background-color: #ccc;
background-color: #86b1c5; 
}
.pppanel {
padding: 0 18px;
display: none;
/*background-color: white;*/
overflow: hidden;
 }
div.pppanel.show {
    display: block;
}

button.accordion:after {
    content: '+';
    position: absolute;
	font-size:30px;
	left:10px;
   transform: translateY(-10px);
    right: 2%;
	top:18px;
}
button.accordion.active:after {
    content: '-';
    position: absolute;
	font-size:30px;
	left:10px;
    transform: translateY(-10px);
    right: 2%;
	top:18px;
	
}
/* ---------------//ACORDEÓN MANUALES---------------------------- */

.cadainvit {
	/*margin-top:10px;*/
	padding-bottom:16px;
	

}

.inputleft {
	float:left; 
	width:49%;
}
.inputright {
	float:right; 
	width:49%;
}


.cadainvit:focus-within  {
	 background-image: Url('../images/blue/main_back2.jpg');
	
}
.cadainvit:hover  {
	 background-image: Url('../images/blue/main_back2.jpg');
	
}



/* ------------- CABECERA PAGINACIÓN Y BÚSQUEDA TABLAS DATATABLES ---------------------- */
.dataTables_wrapper .dataTables_length {
    float: left;
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}
/* ----------- //CABECERA PAGINACIÓN Y BÚSQUEDA TABLAS DATATABLES ---------------------- */

table #tablainvitados {
	MARGIN-TOP:20px;
}	



/*------------MOSTRAR TEXTO BOTON FLOTANTE------------------ */

/* Invisible texto */
figcaption {
  display:none; 
  transition: all .5s;
   float: left;
  text-align: center;
  z-index: 10 !important; 
}
/* Visible texto */
figure:hover > figcaption {
  display:block;
  transition: all .5s;
}

/*------------//MOSTRAR TEXTO BOTON FLOTANTE------------------ */









/*-----------------------------------------------------  TABLAS ------------------------------------------------------------------------------*/
td.dt-control{background:url("https://www.datatables.net/examples/resources/details_open.png") no-repeat center center;cursor:pointer}tr.dt-hasChild td.dt-control{background:url("https://www.datatables.net/examples/resources/details_close.png") no-repeat center center}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 8px;border-bottom:1px solid #3165ab}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #3165ab}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url("../images/sort_both.png")}table.dataTable thead .sorting_asc{background-image:url("../images/sort_asc.png") !important}table.dataTable thead .sorting_desc{background-image:url("../images/sort_desc.png") !important}table.dataTable thead .sorting_asc_disabled{background-image:url("../images/sort_asc_disabled.png")}table.dataTable thead .sorting_desc_disabled{background-image:url("../images/sort_desc_disabled.png")}table.dataTable tbody tr{background-color:#fff}table.dataTable tbody tr.selected{background-color:#b0bed9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #3165ab}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_length select{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;padding:4px}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;margin-left:3px}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#3165ab !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#3165ab !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, white 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, white 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, white 0%, #dcdcdc 100%);background:-o-linear-gradient(top, white 0%, #dcdcdc 100%);background:linear-gradient(to bottom, white 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #3165ab;background-color:#31708f;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #31708f), color-stop(100%, #3165ab));background:-webkit-linear-gradient(top, #31708f 0%, #3165ab 100%);background:-moz-linear-gradient(top, #31708f 0%, #3165ab 100%);background:-ms-linear-gradient(top, #31708f 0%, #3165ab 100%);background:-o-linear-gradient(top, #31708f 0%, #3165ab 100%);background:linear-gradient(to bottom, #31708f 0%, #3165ab 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0a3a52));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0a3a52 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0a3a52 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0a3a52 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0a3a52 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0a3a52 100%);box-shadow:inset 0 0 3px #3165ab}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));background:-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:-o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#3165ab}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #3165ab}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:.5em}}
/*-----------------------------------------------------//  TABLAS ------------------------------------------------------------------------------*/

/*-----------------------------------------------------  TABLAS ¿Responsive?------------------------------------------------------------------------------*/
table.dataTable.fixedHeader-floating,table.dataTable.fixedHeader-locked{background-color:white;margin-top:0 !important;margin-bottom:0 !important}table.dataTable.fixedHeader-locked{position:absolute !important}@media print{table.fixedHeader-floating{display:none}}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;left:5px;height:1em;width:1em;margin-top:-9px;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#337ab7}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{content:"-";background-color:#d33333}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control:before{left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:.8em;width:.8em;margin-top:-0.5em;margin-left:-0.5em;display:block;position:absolute;color:white;border:.15em solid white;border-radius:1em;box-shadow:0 0 .2em #444;box-sizing:content-box;text-align:center;text-indent:0 !important;font-family:"Courier New",Courier,monospace;line-height:1em;content:"+";background-color:#337ab7}table.dataTable.dtr-column>tbody>tr.parent td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:"-";background-color:#d33333}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top:none}
/*----------------------------------------------------- // TABLAS ¿Responsive?------------------------------------------------------------------------------*/



//------------------------------------- para mover columnas tabla ----------------------------------------//

main {
    display: grid;
    place-items: center;
    height: 100%;
    table {
        border-collapse: collapse;
        box-sizing: border-box;
        tr {
            background-color: #1f2327;
            color: white;
            font-size: 19.5px;
            text-align: start;
            &:nth-child(2n+1) {
                background-color: #25333d;
            }
            td {
                padding: 8px 16px;
                text-align: start;
            }
        }
        thead {
            tr {
                th {
                    padding: 8px 16px;
                    text-align: start;
                    font-weight: 700;
                    min-width: 120px;
                    &:hover {
                        cursor: pointer;
                    }
                    &.drag-hovered {
                        border-left: 4px solid white;
                    }
                }
            }
        }
    }
}

//-----------------------------------//  para mover columnas tabla ----------------------------------------//














@keyframes dtb-spinner{100%{transform:rotate(360deg)}}@-o-keyframes dtb-spinner{100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes dtb-spinner{100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dtb-spinner{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes dtb-spinner{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}div.dataTables_wrapper{position:relative}div.dt-buttons{position:initial}div.dt-buttons .dt-button{overflow:hidden;text-overflow:ellipsis}div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border:2px solid #111;box-shadow:3px 4px 10px 1px rgba(0, 0, 0, 0.3);border-radius:3px;text-align:center;z-index:21}div.dt-button-info h2{padding:.5em;margin:0;font-weight:normal;border-bottom:1px solid #ddd;background-color:#f3f3f3}div.dt-button-info>div{padding:1em}div.dtb-popover-close{position:absolute;top:10px;right:10px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:2003}button.dtb-hide-drop{display:none !important}div.dt-button-collection-title{text-align:center;padding:.3em 0 .5em;margin-left:.5em;margin-right:.5em;font-size:.9em}div.dt-button-collection-title:empty{display:none}span.dt-button-spacer{display:inline-block;margin:.5em;white-space:nowrap}span.dt-button-spacer.bar{border-left:1px solid rgba(0, 0, 0, 0.3);vertical-align:middle;padding-left:.5em}span.dt-button-spacer.bar:empty{height:1em;width:1px;padding-left:0}div.dt-button-collection span.dt-button-spacer{width:100%;font-size:.9em;text-align:center;margin:.5em 0}div.dt-button-collection span.dt-button-spacer:empty{height:0;width:100%}div.dt-button-collection span.dt-button-spacer.bar{border-left:none;border-bottom:1px solid rgba(0, 0, 0, 0.3);padding-left:0}button.dt-button,div.dt-button,a.dt-button,input.dt-button{position:relative;display:inline-block;box-sizing:border-box;margin-left:.167em;margin-right:.167em;margin-bottom:.333em;padding:.5em 1em;border:1px solid rgba(0, 0, 0, 0.3);border-radius:2px;cursor:pointer;font-size:.88em;line-height:1.6em;color:black;white-space:nowrap;overflow:hidden;background-color:rgba(0, 0, 0, 0.1);background:linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(230, 230, 230, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;outline:none;text-overflow:ellipsis}button.dt-button:first-child,div.dt-button:first-child,a.dt-button:first-child,input.dt-button:first-child{margin-left:0}button.dt-button.disabled,div.dt-button.disabled,a.dt-button.disabled,input.dt-button.disabled{cursor:default;opacity:.4}button.dt-button.active:not(.disabled),div.dt-button.active:not(.disabled),a.dt-button.active:not(.disabled),input.dt-button.active:not(.disabled){background-color:rgba(0, 0, 0, 0.1);background:linear-gradient(to bottom, rgba(179, 179, 179, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(179, 179, 179, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");box-shadow:inset 1px 1px 3px #999}button.dt-button.active:not(.disabled):hover:not(.disabled),div.dt-button.active:not(.disabled):hover:not(.disabled),a.dt-button.active:not(.disabled):hover:not(.disabled),input.dt-button.active:not(.disabled):hover:not(.disabled){box-shadow:inset 1px 1px 3px #999;background-color:rgba(0, 0, 0, 0.1);background:linear-gradient(to bottom, rgba(128, 128, 128, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(128, 128, 128, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)")}button.dt-button:hover,div.dt-button:hover,a.dt-button:hover,input.dt-button:hover{text-decoration:none}button.dt-button:hover:not(.disabled),div.dt-button:hover:not(.disabled),a.dt-button:hover:not(.disabled),input.dt-button:hover:not(.disabled){border:1px solid #666;background-color:rgba(0, 0, 0, 0.1);background:linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(153, 153, 153, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)")}button.dt-button:focus:not(.disabled),div.dt-button:focus:not(.disabled),a.dt-button:focus:not(.disabled),input.dt-button:focus:not(.disabled){border:1px solid #426c9e;text-shadow:0 1px 0 #c4def1;outline:none;background-color:rgb(121, 172, 233);background:linear-gradient(to bottom, #d1e2f7 0%, rgb(121, 172, 233) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#d1e2f7", EndColorStr="rgb(121, 172, 233)")}button.dt-button.active:focus:not(.disabled),div.dt-button.active:focus:not(.disabled),a.dt-button.active:focus:not(.disabled),input.dt-button.active:focus:not(.disabled){background:linear-gradient(to bottom, #d1e2f7 0%, rgb(121, 172, 233) 100%) !important}button.dt-button span.dt-down-arrow,div.dt-button span.dt-down-arrow,a.dt-button span.dt-down-arrow,input.dt-button span.dt-down-arrow{position:relative;top:-2px;color:rgba(70, 70, 70, 0.75);font-size:8px;padding-left:10px;line-height:1em}.dt-button embed{outline:none}div.dt-buttons{float:left}div.dt-buttons.buttons-right{float:right}div.dataTables_layout_cell div.dt-buttons{float:none}div.dataTables_layout_cell div.dt-buttons.buttons-right{float:none}div.dt-btn-split-wrapper{display:inline-block}div.dt-button-collection{position:absolute;top:0;left:0;width:200px;margin-top:3px;margin-bottom:3px;padding:4px 4px 2px 4px;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.4);background-color:white;overflow:hidden;z-index:2002;border-radius:5px;box-shadow:3px 4px 10px 1px rgba(0, 0, 0, 0.3);box-sizing:border-box}div.dt-button-collection button.dt-button,div.dt-button-collection div.dt-button,div.dt-button-collection a.dt-button{position:relative;left:0;right:0;width:100%;display:block;float:none;margin:4px 0 2px 0}div.dt-button-collection button.dt-button:active:not(.disabled),div.dt-button-collection button.dt-button.active:not(.disabled),div.dt-button-collection div.dt-button:active:not(.disabled),div.dt-button-collection div.dt-button.active:not(.disabled),div.dt-button-collection a.dt-button:active:not(.disabled),div.dt-button-collection a.dt-button.active:not(.disabled){background-color:#dadada;background:linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada");box-shadow:inset 1px 1px 3px #666}div.dt-button-collection button.dt-button:first-child,div.dt-button-collection div.dt-button:first-child,div.dt-button-collection a.dt-button:first-child{margin-top:0;border-top-left-radius:3px;border-top-right-radius:3px}div.dt-button-collection button.dt-button:last-child,div.dt-button-collection div.dt-button:last-child,div.dt-button-collection a.dt-button:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}div.dt-button-collection div.dt-btn-split-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:stretch;margin:4px 0 2px 0}div.dt-button-collection div.dt-btn-split-wrapper button.dt-button{margin:0;display:inline-block;width:0;flex-grow:1;flex-shrink:0;flex-basis:50px;border-radius:0}div.dt-button-collection div.dt-btn-split-wrapper button.dt-btn-split-drop{min-width:20px;flex-grow:0;flex-shrink:0;flex-basis:0}div.dt-button-collection div.dt-btn-split-wrapper:first-child{margin-top:0}div.dt-button-collection div.dt-btn-split-wrapper:first-child button.dt-button{border-top-left-radius:3px}div.dt-button-collection div.dt-btn-split-wrapper:first-child button.dt-btn-split-drop{border-top-right-radius:3px}div.dt-button-collection div.dt-btn-split-wrapper:last-child button.dt-button{border-bottom-left-radius:3px}div.dt-button-collection div.dt-btn-split-wrapper:last-child button.dt-btn-split-drop{border-bottom-right-radius:3px}div.dt-button-collection div.dt-btn-split-wrapper:active:not(.disabled) button.dt-button,div.dt-button-collection div.dt-btn-split-wrapper.active:not(.disabled) button.dt-button{background-color:#dadada;background:linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#f0f0f0", EndColorStr="#dadada");box-shadow:inset 0px 0px 4px #666}div.dt-button-collection div.dt-btn-split-wrapper:active:not(.disabled) button.dt-btn-split-drop,div.dt-button-collection div.dt-btn-split-wrapper.active:not(.disabled) button.dt-btn-split-drop{box-shadow:none}div.dt-button-collection.fixed .dt-button:first-child{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}div.dt-button-collection.fixed .dt-button:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0}div.dt-button-collection.fixed{position:fixed;display:block;top:50%;left:50%;margin-left:-75px;border-radius:5px;background-color:white}div.dt-button-collection.fixed.two-column{margin-left:-200px}div.dt-button-collection.fixed.three-column{margin-left:-225px}div.dt-button-collection.fixed.four-column{margin-left:-300px}div.dt-button-collection.fixed.columns{margin-left:-409px}@media screen and (max-width: 1024px){div.dt-button-collection.fixed.columns{margin-left:-308px}}@media screen and (max-width: 640px){div.dt-button-collection.fixed.columns{margin-left:-203px}}@media screen and (max-width: 460px){div.dt-button-collection.fixed.columns{margin-left:-100px}}div.dt-button-collection.fixed>:last-child{max-height:100vh;overflow:auto}div.dt-button-collection.two-column>:last-child,div.dt-button-collection.three-column>:last-child,div.dt-button-collection.four-column>:last-child{display:block !important;-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}div.dt-button-collection.two-column>:last-child>*,div.dt-button-collection.three-column>:last-child>*,div.dt-button-collection.four-column>:last-child>*{-webkit-column-break-inside:avoid;break-inside:avoid}div.dt-button-collection.two-column{width:400px}div.dt-button-collection.two-column>:last-child{padding-bottom:1px;column-count:2}div.dt-button-collection.three-column{width:450px}div.dt-button-collection.three-column>:last-child{padding-bottom:1px;column-count:3}div.dt-button-collection.four-column{width:600px}div.dt-button-collection.four-column>:last-child{padding-bottom:1px;column-count:4}div.dt-button-collection .dt-button{border-radius:0}div.dt-button-collection.columns{width:auto}div.dt-button-collection.columns>:last-child{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:6px;width:818px;padding-bottom:1px}div.dt-button-collection.columns>:last-child .dt-button{min-width:200px;flex:0 1;margin:0}div.dt-button-collection.columns.dtb-b3>:last-child,div.dt-button-collection.columns.dtb-b2>:last-child,div.dt-button-collection.columns.dtb-b1>:last-child{justify-content:space-between}div.dt-button-collection.columns.dtb-b3 .dt-button{flex:1 1 32%}div.dt-button-collection.columns.dtb-b2 .dt-button{flex:1 1 48%}div.dt-button-collection.columns.dtb-b1 .dt-button{flex:1 1 100%}@media screen and (max-width: 1024px){div.dt-button-collection.columns>:last-child{width:612px}}@media screen and (max-width: 640px){div.dt-button-collection.columns>:last-child{width:406px}div.dt-button-collection.columns.dtb-b3 .dt-button{flex:0 1 32%}}@media screen and (max-width: 460px){div.dt-button-collection.columns>:last-child{width:200px}}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);background:radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);z-index:2001}@media screen and (max-width: 640px){div.dt-buttons{float:none !important;text-align:center}}button.dt-button.processing,div.dt-button.processing,a.dt-button.processing{color:rgba(0, 0, 0, 0.2)}button.dt-button.processing:after,div.dt-button.processing:after,a.dt-button.processing:after{position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;box-sizing:border-box;display:block;content:" ";border:2px solid rgb(40, 40, 40);border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:dtb-spinner 1500ms infinite linear;-o-animation:dtb-spinner 1500ms infinite linear;-ms-animation:dtb-spinner 1500ms infinite linear;-webkit-animation:dtb-spinner 1500ms infinite linear;-moz-animation:dtb-spinner 1500ms infinite linear}button.dt-btn-split-drop{margin-left:calc(-1px - .333em);padding-bottom:calc(.5em - 1px);border-radius:0px 1px 1px 0px;color:rgba(70, 70, 70, 0.9);border-left:none}button.dt-btn-split-drop span.dt-btn-split-drop-arrow{position:relative;top:-1px;left:-2px;font-size:8px}button.dt-btn-split-drop:hover{z-index:2}button.buttons-split{border-right:1px solid rgba(70, 70, 70, 0);border-radius:1px 0px 0px 1px}button.dt-btn-split-drop-button{background-color:rgb(255, 255, 255)}button.dt-btn-split-drop-button:hover{background-color:rgb(255, 255, 255)}

.anchototal {
	width:100% !important;
}

.anchonormal {
	max-width:970px !important;
}
.form-control::-moz-placeholder {
  color: #AAA !important;
  opacity: 0.5;
}
.form-control:-ms-input-placeholder {
  color: #AAA !important;
}
.form-control::-webkit-input-placeholder {
  color: #AAA !important;
}



div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) {
            background-color: #dadada;
            background-image: -webkit-linear-gradient(top, #3165ab 0%, #dadada 100%);
            background-image: -moz-linear-gradient(top, #3165ab 0%, #dadada 100%);
            background-image: -ms-linear-gradient(top, #3165ab 0%, #dadada 100%);
            background-image: -o-linear-gradient(top, #3165ab 0%, #dadada 100%);
            background-image: linear-gradient(to bottom, #3165ab 0%, #dadada 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0', EndColorStr='#dadada');
            box-shadow: inset 1px 1px 3px #666;
            font-family: 'Trebuchet MS',sans-serif;
            font-size: 12px;
        }

.buttons-colvis{
	background-color: #3165ab !important;
	color:white !important;
	font-weight: bold !important;
}
.buttons-colvis span{
	color:white !important;
}


.resumenpagos {
	text-align: center;
}

/* mod -- 24-10-2023  -- */
@media (max-width:360px){	
	.marginderpeq {
		margin:0 0 0 2% !important;
	}
		
	.marginderpeq2 {
		margin:0 0 0 -48% !important;
	}
}
/* fin mod -- 24-10-2023  -- */