/* COODETRANS V3.0 - Compatibilidad local.
   Objetivo: eliminar dependencias directas de CSS de Weebly/EditMySite. */

/* Se conserva la estética sans-serif usando tipografías locales ya incluidas
   en la exportación del tema. No se descarga ninguna fuente externa. */
@font-face {
  font-family: 'Montserrat';
  src: url('../theme/files/fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../theme/files/fonts/63a74598-733c-4d0c-bd91-b01bffcd6e69.ttf') format('truetype');
  font-weight: 500 700;
  font-style: normal;
  font-display: swap;
}

.wsite-elements,
.wsite-section-wrap,
.wsite-section,
.wsite-section-content,
.wsite-section-elements {
  position: relative;
  box-sizing: border-box;
}
.wsite-section-wrap { width: 100%; }
.wsite-section-bg-image {
  background-size: cover;
  background-repeat: no-repeat;
}
.wsite-spacer { clear: both; width: 100%; }
.wsite-content-title,
.paragraph,
div.paragraph { overflow-wrap: break-word; }

.wsite-image { box-sizing: border-box; }
.wsite-image img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
}
.wsite-image-border-none img { border: 0; }
.wsite-image-border-thin img { border: 1px solid rgba(0,0,0,.15); }
.wsite-image-border-hairline img { border: 1px solid rgba(0,0,0,.08); }

/* Estructura multicolumna exportada. Las anchuras específicas continúan
   definidas inline en cada celda del HTML. */
.wsite-multicol { position: relative; }
.wsite-multicol-table-wrap { width: auto; overflow: visible; }
.wsite-multicol-table {
  width: 100%;
  position: relative;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
  border: 0;
}
.wsite-multicol-tbody,
.wsite-multicol-tr,
.wsite-multicol-col { border: 0; }
.wsite-multicol-col {
  vertical-align: top;
  box-sizing: border-box;
}

/* Compatibilidad local del formulario */
.formlist { list-style: none; margin: 0; padding: 0; }
.wsite-form-container { width: 100%; }
.wsite-form-field,
.wsite-form-input-container { box-sizing: border-box; width: 100%; }
.wsite-input-width-370px {
  width: 100%;
  max-width: 370px;
  box-sizing: border-box;
}
.wsite-form-left,
.wsite-form-right { box-sizing: border-box; }
.wsite-form-left { float: left; width: 49%; }
.wsite-form-right { float: right; width: 49%; }
.wsite-form-field:after {
  content: "";
  display: table;
  clear: both;
}
.form-required { color: #c00; }
.wsite-form-instructions { font-size: 12px; }

/* Botones */
.wsite-button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}
.wsite-button-inner { cursor: pointer; }

/* Iconos sociales locales. Se conservan los enlaces reales a Facebook,
   Instagram y Contacto; solo se reemplaza la hoja de iconos del CDN. */
.wsite-social {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.wsite-social-item {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0 !important;
  border-radius: 50%;
  text-decoration: none !important;
  color: inherit;
  font-family: Arial, sans-serif;
  font-size: 16px !important;
  line-height: 1;
  box-sizing: border-box;
}
.wsite-social-item-inner { display: none; }
.wsite-social-facebook::before { content: "f"; font-weight: 700; }
.wsite-social-instagram::before { content: "◎"; font-size: 19px; }
.wsite-social-mail::before { content: "✉"; font-size: 16px; }

/* Reemplazo local del pequeño icono RSS heredado en Noticias. */
.local-rss-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 5px;
  border-radius: 3px;
  font: 700 11px/1 Arial, sans-serif;
  background: #f58220;
  color: #fff;
}

@media (max-width: 767px) {
  .wsite-form-left,
  .wsite-form-right {
    float: none;
    width: 100%;
  }
  .wsite-input-width-370px { max-width: 100%; }
  .wsite-multicol-table-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}