/*
Theme Name: Tíndalos  bootstrap
Theme URI: https://tindalos.es/
Author: Tindalos
Author URI: https://tindalos.es/
Description: Un tema de WordPress basado en Bootstrap.
Version: 1.0
Text Domain: tindalos
*/
.entry-header, .entry-content > *:not(.alignfull):not(.alignwide){
    max-width:1200px;
    margin:auto;
    padding-left:20px;
    padding-right:20px;
}
/* Cuando el admin bar está activo y el header es fixed */
body.admin-bar header.fixed {
    top: 32px !important;
}
/*que los grupos esten centrados aunque esten hijos de  un align full*/
.alignfull  .wp-block-column > .wp-block-group {
    /*max-width: var(--wp--style--global--content-size);*/
	max-width: 640px;
    margin-inline: auto;
}
/* Para móviles (admin bar más alta) */
@media screen and (max-width: 782px) {
    body.admin-bar header.fixed {
        top: 46px !important;
    }
}
.nav-item.dropdown .dropdown-menu {    display: block;}
@media (min-width: 992px){

    .navbar .dropdown:hover > .dropdown-menu{
        display:block;
        margin-top:0;
    }
.nav-item.dropdown .dropdown-menu {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}
}
.nav-item.dropdown .dropdown-menu {    /*background: rgba(40, 40, 40, .9);*/ background:#2577b2d6}
.dropdown-menu {
    pointer-events:auto;
}
.dropdown-menu{margin: -2px 0;}
/* Móviles por defecto: una sola columna */
.archive #left-area,
.blog #left-area {    width: 100%;    padding: 0;    display: grid;    grid-template-columns: 1fr; /* una columna */
    grid-gap: 20px; /* si quieres menos separación en móvil */
}

/* A partir de 468px: dos columnas */
@media (min-width: 468px) {
    .archive #left-area,    .blog #left-area {        grid-template-columns: 1fr 1fr;        grid-gap: 40px;    }
}
h2.entry-title {     margin: 20px 0;}
.wp-block-cover {padding: 60px 0;}
#main.container>div>div {/*padding:0!important;*/ max-width:100%; }
 @media screen and (max-width: 960px) {
	 #main.container {padding:0!important; overflow:hidden; }
 }
/*.container .col-md-12>div {  padding-left:40px!important;  padding-right:40px!important;}*/
#menu-top-bar { /*   list-style: none;    margin: 0;    padding: 0;  */  display: flex;  flex-direction: row;	  /*gap: 15px;  */  }
/*#menu-top-bar li {	    display: inline-block;}
#menu-top-bar li { margin:0}*/
#menu-top-bar li a {    text-decoration: none;  }
header.fixed .nav-link {   padding: 0;}
.aligncenter {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.navbar-toggler-icon {    display: block !important;
    margin-bottom: 5px !important;
    width: 1.5em !important;
    height: 5px !important;
    vertical-align: middle !important;
    content: "" !important;}
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
}
.navbar-brand {text-transform:uppercase; font-weight:bold;}
.navbar-nav li {margin:0 10px;}
#menu-top-bar.navbar-nav li {margin: 0 3px;}
.navbar-brand    { font-size: 1.6rem;}
h1{margin-bottom:40px!important;}
#main {min-height: calc(100vh - 220px);}
#menu-top-bar.navbar-nav .dropdown-menu {position:absolute}



/*CUSTOMIZER*/
.menuinline li {display:inline; margin: 0 20px;}
/*GUTEMBERG*/
 @media screen and (min-width: 960px) {
        .alignwide, .alignfull {
           /* width: 100vw;*/
		           width: 99.6vw;
            max-width: 100vw;
            margin-left: calc(50% - 50vw);
        }
				.wp-block-cover__inner-container{	max-width: 1170px;}
	/*	.wp-block-columns {	max-width: 1170px; margin:0 auto;}*/

    }
	.sectheader{display:flex; padding: 20px 4px 4px;background:#000 url(https://tindalos.es/wp-content/themes/galaxy/img/bg_page_title.jpg)}
	.sectheader .container {max-width: 1140px; margin: 0 auto; width: 100%; color:#FFF; text-align:center;}
/*.breadcrumbs a {text-decoration:underline;}*/
.breadcrumbs>a {color:#FFF!important; font-weight:bold!important;}
.breadcrumbs a:after {
    content: '/'; text-decoration:none!important;
    color: inherit;
    padding: 0 18px;
}
#menu-principal li{    margin: 0 10px;}
/*
button, .wp-element-button {background: #464d52; border:0; color:#FFF!important; text-decoration:none!important;
padding: 14px 37px 16px;
  margin: 0 auto;
  text-transform: uppercase;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  border-radius: 5px;
  transition: background-color 400ms;
  -webkit-transition: background-color 400ms;
  -moz-transition: background-color 400ms;
  -o-transition: background-color 400ms;
}*/
/*button:hover, .wp-element-button:hover {  background-color: #6C4794!important;}*/
button.category-filter {padding: 8px 20px!important;	  }


/*CONTACT FORM 7 */ 
input[type="checkbox"] {
    -webkit-appearance: auto!important;
}
.wpcf7-form-control-wrap[data-name="your-consent"] { border:0!important}

.input-text,.input-textarea{    border: 1px solid #E2E2E2;    background-color: rgba(255, 255, 255, .2);}

.wpcf7-form-control-wrap {display: block !important;}
.wpcf7-form-control-wrap select,.wpcf7-form-control-wrap input[type="tel"],.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="text"],.input-text input[type="text"], .wpcf7-form-control-wrap textarea,.input-textarea textarea {   /* border-bottom:1px solid #000!important;*/ }
/*.wpcf7-form-control-wrap label:not(.labelselect) {font-size:0}*/

.wpcf7-form-control-wrap select,.wpcf7-form-control-wrap input[type="tel"],.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="text"],.input-text input[type="text"]{	/*background-color:transparent !important;	border:0;
	color: #000;	*/height:38px;	width:98%;	padding:0 2%;
}
.wpcf7-form-control-wrap select,.wpcf7-form-control-wrap input[type="tel"],.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="text"]{    font-size:17px;    line-height:17px;}

.wpcf7-form-control-wrap textarea,.input-textarea textarea{/*	background-color:transparent !important;
	border:0;*/	padding:10px 1%;	/*color:#000;*/	width:98%;	max-width: 98%;	min-width: 98%;}

.wpcf7-form-control-wrap textarea {    /*text-align:center; */   height:75px;    font-size:17px;    line-height:17px;}
.wpcf7-form-control-wrap p {margin:0; padding:0;}
/* Footer CF7 Style */
#mail , #name , #subject {    width: 32%;    float: left;}

#mail, #subject {	margin-left:2%;}

#comment-text {
	float:left;
	width:100%;
	margin-top:40px;
}
div:not(.et-fb-modal) input[type="submit"]

/* Contenedor principal de los comentarios */
.comments-area { background: #f8f9fa; padding: 2rem; border-radius: 10px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); margin-top: 3rem; }

/* Título de la sección de comentarios */
.comments-title { font-size: 1.8rem; font-weight: bold; margin-bottom: 1.5rem; /*color: #6C4794;*/ }

/* Cada comentario individual */
.comment-list { list-style: none; padding: 0; }
.comment-list li { background: white; padding: 1.5rem; border-radius: 8px; margin-bottom: 1rem; border-left: 4px solid #6C4794; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); }

.comment-author { font-weight: bold; color: #333; display: flex; align-items: center; margin-bottom: 0.5rem; }
.comment-author img { border-radius: 50%; width: 40px; height: 40px; margin-right: 10px; }

.comment-meta { font-size: 0.9rem; color: #777; }
.comment-content { margin-top: 0.5rem; font-size: 1rem; line-height: 1.6; }

/* Formulario de respuesta */
.comment-respond { margin-top: 2rem; background: white; padding: 1.5rem; border-radius: 8px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05); }
.comment-reply-title { font-size: 1.5rem; margin-bottom: 1rem; /*color: #6C4794;*/ }

.comment-form input, .comment-form textarea { width: 100%; padding: 10px; margin-bottom: 1rem; border: 1px solid #ddd; border-radius: 5px; font-size: 1rem; }
.comment-form textarea { height: 150px; resize: vertical; }

/* Respuestas a comentarios */
.children { margin-left: 2rem; }

/* content form 7 Place holder  */
#comment-text textarea::-webkit-input-placeholder  , #comment-text textarea:-moz-placeholder ,#comment-text textarea:-ms-input-placeholder  {
   color:#df3030;
   opacity:  1;
}

#name input::-webkit-input-placeholder ,#name input:-moz-placeholder , #name input:-ms-input-placeholder {
    color:#bfbfbf !important;
}

.wpcf7-form-control-wrap textarea::-webkit-input-placeholder {
    color:#000 !important;
}

.wpcf7-form-control-wrap input::-webkit-input-placeholder {
    color:#000 !important;
}

.wpcf7-form-control-wrap textarea:-moz-placeholder {
    color:#000;
    opacity:1;
}

span.wpcf7-not-valid-tip-no-ajax{	position: absolute;	top:50%;	right:1%;	color: #ff4c2f;	width:13px;
	height:20px;	display: block;	overflow: hidden;	margin-top:-10px;
}

span.wpcf7-not-valid-tip {	position: absolute;
	top: 10px;	right: 12px;	left:auto;
	text-indent: -9999px;	z-index: 5;
	/*background: transparent url(../img/form_error.png) no-repeat center center;*/
	height:14px;	width:14px;	border: none !important;
	font-size: 10pt;	padding: 2px;
}

/*.wpcf7-not-valid-tip-no-ajax:before{	font-family: 'icomoon';	content:"\e0c5";*/
}

div.wpcf7-validation-errors{	color: #ff4c2f;	border: none !important;	font-size: 14px;	font-weight: 400;	text-indent: -9999px;}

div.wpcf7-response-output{	margin:0;	padding:10px 0;}

div.wpcf7-mail-sent-ng {	border: none;    color:#000;    font-weight:700;}
.textopeqRGPD p{font-size:.8rem; margin:0; padding:0 }
/*.wpcf7 label {width:100%} .wpcf7 label {font-size:0; margin-bottom: 20px;}*/
    form label span {        font-size: 1rem;    }
/*}*/

/*lo siguiente  deberia de aplicarse al admin pero no funciona */

/* Estilo para resaltar el bloque de grupo */
.editor-block-list__block[data-type="core/group"] {
    border: 2px solid #ff5733; /* Borde naranja para grupos */
    padding: 10px;
    background-color: #f8f8f8; /* Fondo suave */
}

/* Estilo para resaltar las columnas */
.editor-block-list__block[data-type="core/columns"] {
    border: 2px solid #33c3ff; /* Borde azul para columnas */
    padding: 10px;
    background-color: #f1faff; /* Fondo suave */
}

/* Estilo para resaltar los bloques individuales */
.editor-block-list__block {
    border: 2px solid #4caf50; /* Borde verde para todos los bloques */
    padding: 5px;
    background-color: #e8f5e9; /* Fondo suave */
}

/* Estilo para los bloques dentro de columnas (esto solo afecta a los bloques dentro de columnas, no las columnas mismas) */
.editor-block-list__block[data-type]:not([data-type="core/columns"]) {
    border: 1px solid #9c27b0; /* Borde morado para los bloques dentro de columnas */
}

/* Ocultar en móvil */
@media (max-width: 767px){
    .hide-mobile{
        display:none !important;
    }
}

/* Ocultar en tablet */
@media (min-width:768px) and (max-width:1024px){
    .hide-tablet{
        display:none !important;
    }
}

/* Ocultar en escritorio */
@media (min-width:1025px){
    .hide-desktop{
        display:none !important;
    }
}