/*
Theme Name: Indexdesign Child
Author: Indexdesign
Author URI: http://www.indexdesign.com.ar/
Description: Este es un Child Theme de Indexdesign, se recomienda no realizar cambios en esta sección ya que pueden dañar tu sitio web.
Version: 25.12.23
Template: dt-the7
*/

:root {
  --color-primario: #e7b735;
  --color-secundario: #4a4747;
  --color-degrade1: #e7b735;
  --color-degrade2: #ebca71;

  /* Footer: Degradado pie de Pagina":*/
  --color-footer_dg-top: #333333;
  --color-footer_dg-bottom: #333333;



  /* Footer: Social */
  --social-color-fondo: #ffffff00;
  --social-color-icono: #e7b735;
  --social-color-fondo-hover: #ff660000;
  --social-color-icono-hover: #fff !important;

  --social-icon-size: 32px;
  --social-icon-font-size: 30px;
  --social-icon-dimension: 50px;
  --social-icon-gap: 10px;
  --social-icon-radius: 100px;

}


.degrade {
  background-color: var(--color-degrade1);
  background: var(--color-degrade1);
  background: -webkit-linear-gradient(left, var(--color-degrade1) 0%, var(--color-degrade1) 43%, var(--color-degrade1) 74%);
  background: linear-gradient(left, var(--color-degrade1) 0%, var(--color-degrade1) 43%, var(--color-degrade1) 74%);
  height: 3px;
}

.degrade2 {
  background-color: var(--color-degrade2);
  background: var(--color-degrade2);
  background: -webkit-linear-gradient(left, var(--color-degrade2) 0%, var(--color-degrade2) 43%, var(--color-degrade2) 74%);
  background: linear-gradient(left, var(--color-degrade2) 0%, var(--color-degrade2) 43%, var(--color-degrade2) 74%);
  height: 1px;
}


a {
  text-decoration: none !important;
}

.imagen-redondeada img {
  border-radius: 60px 60px 60px 60px !important;
  overflow: hidden;
}


/***********/
/* FOOTER  */
/***********/


/*
 * Bloque: Footer – Degradado pie de Pagina":
 * variables:
 * var(--color-footer_dg-top)  // Color Superior
 * var(--color-footer_dg-bottom)  // Color Inferior
 */

#footer.footer.solid-bg {

  background-color: var(--color-footer_dg-bottom);
  background-image: -webkit-linear-gradient(top,
      var(--color-footer_dg-top) 0%,
      var(--color-footer_dg-bottom) 55%);
  background-image: linear-gradient(to bottom,
      var(--color-footer_dg-top) 0%,
      var(--color-footer_dg-bottom) 55%);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}


/* Footer: Información */

.footer_ubicacion {
  text-decoration: none;
}

.footer .widget,
.footer_comollego {
  font-size: 14px;
  line-height: 25px;
}

.footer_comollego:hover,
.footer_comollego:hover i {
  color: var(--color-primario) !important;
}

/* Footer: Logos */
.footer_aviso {
  text-align: center
}

.footer_fiscal {
  padding-top: 10px;
  display: table-cell;
  float: left;
  padding-right: 10px;
}

/*.footer .widget-title {color: #ff5f00; font-weight: 600; font-size: 15px; font: normal 15px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;}*/


/* Footer: Links */
.custom-menu li {
  margin: 0;
  padding: 0;
}

#bottom-bar a {
  color: #333;
}

#bottom-bar a:hover {
  text-decoration: none;
  color: var(--color-primario)
}

/*
 * Footer – Iconos Sociales:
 *
 * Variables personalizadas:
 * 
 * Colores:
 *   --social-color-fondo:         #333333;  Fondo de los íconos (normal)
 *   --social-color-icono:         #ffffff;  Color del ícono (normal)
 *   --social-color-fondo-hover:   #ff6600;  Fondo de los íconos (hover)
 *   --social-color-icono-hover:   #ffffff;  Color del ícono (hover)
 * 
 * Tamaños:
 *   --social-icon-size:           32px;     Tamaño del ícono
 *   --social-icon-font-size:      30px;     Tamaño del texto del ícono
 *   --social-icon-dimension:      50px;     Ancho/alto del ícono
 *   --social-icon-gap:            10px;     Espacio entre íconos
 *   --social-icon-radius:         100px;    Borde redondeado (círculo)
 */

/* Contenedor centrado y espaciamiento 
.dt-shortcode-soc-icons {
  display: flex;
  justify-content: left;
  align-items: left;
  flex-wrap: wrap;
  text-align: left;
  margin: 0 auto;
  width: fit-content;
  gap: var(--social-icon-gap, 10px);
}
*/


/* Enlaces base */
#page .dt-shortcode-soc-icons a {
  text-decoration: none;
  height: calc(var(--social-icon-dimension, 50px) - 15px);
  width: calc(var(--social-icon-dimension, 50px) - 15px);
  margin: 5px;
}

/* Ícono – estado normal */
.dt-shortcode-soc-icons a .soc-font-icon,
#main .dt-team-shortcode .soc-ico a .soc-font-icon {
  color: var(--social-color-icono, #ffffff);
  font-size: var(--social-icon-size, 32px);
}

/* Ícono – hover */
.dt-shortcode-soc-icons a:hover .soc-font-icon,
#main .dt-team-shortcode .soc-ico a:hover .soc-font-icon {
  color: var(--social-color-icono-hover, #ffffff);
  font-size: var(--social-icon-size, 32px);
}

/* Estilos circulares */
.dt-shortcode-soc-icons a.single-soc-icon-footer {
  min-width: var(--social-icon-dimension, 50px);
  min-height: var(--social-icon-dimension, 50px);
  font-size: var(--social-icon-font-size, 30px);
  border-radius: var(--social-icon-radius, 100px);
}

.dt-shortcode-soc-icons a.single-soc-icon-footer:last-child {
  margin-right: 0;
}

.dt-shortcode-soc-icons a.single-soc-icon-footer:before,
.dt-shortcode-soc-icons a.single-soc-icon-footer:after {
  min-width: var(--social-icon-dimension, 50px);
  min-height: var(--social-icon-dimension, 50px);
  padding: inherit;
}

/* Fondo – estado normal */
#page .dt-shortcode-soc-icons a.single-soc-icon-footer.dt-icon-bg-on:before,
#phantom .dt-shortcode-soc-icons a.single-soc-icon-footer.dt-icon-bg-on:before {
  background: var(--social-color-fondo, #333333);
}

/* Fondo – hover */
.dt-shortcode-soc-icons a.single-soc-icon-footer:hover.dt-icon-bg-on:before {
  background: var(--social-color-fondo-hover, #ff6600);
}

/* Bordes */
.dt-shortcode-soc-icons a.single-soc-icon-footer.dt-icon-border-on:before {
  border: 1px solid var(--social-color-fondo, #333333);
}

.dt-shortcode-soc-icons a.single-soc-icon-footer.dt-icon-hover-border-on:after {
  border: 1px solid var(--social-color-fondo-hover, #ff6600);
}

/* Hover mantiene tamaño */
.dt-shortcode-soc-icons a.single-soc-icon-footer:hover {
  font-size: var(--social-icon-font-size, 30px);
}

/* Boton ir arriba */
.scroll-top.on {
  display: none;
}

/* Captcha */
.grecaptcha-badge {
  opacity: 0
}


/***********/
/* PLUGINS  */
/***********/

/*Formulario de Contacto */
.wpcf7-form textarea {
  width: 100%;
  height: 120px;
  color: #333;
  font-size: 16px !important;
}

.wpcf7-form input[type="text"],
.content input[type="email"],
.wpcf7-select {
  color: #333;
  font-size: 16px !important;
}

.wpcf7-form input[type="submit"] {
  width: 100% !important;
  font-size: 16px !important;
  height: 60px !important;
}

.wpcf7-form textarea,
.content .wpcf7-select,
.wpcf7-form input[type="text"],
.content input[type="url"],
.wpcf7-form input[type=email] {
  border: 1px solid #3333331f;
  /*border-radius: 50px;
    padding: 25px;*/
}