.elementor-111 .elementor-element.elementor-element-5c7e2fe{--display:flex;}.elementor-111 .elementor-element.elementor-element-5c7e2fe:not(.elementor-motion-effects-element-type-background), .elementor-111 .elementor-element.elementor-element-5c7e2fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://panipan.es/wp-content/uploads/2025/09/Fon1.png");background-position:center center;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-111 .elementor-element.elementor-element-5c7e2fe:not(.elementor-motion-effects-element-type-background), .elementor-111 .elementor-element.elementor-element-5c7e2fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for shortcode, class: .elementor-element-275477b *//* ===== Woo — My Account / Login — «бумажные» карточки и фирменные элементы ===== */
:root{
  /* подстраховка, если глобальные переменные не заданы */
  --bg: var(--bg, #FFF8EE);
  --paper: var(--paper, #FFFFFF);
  --ink: var(--ink, #3B2A1C);
  --gold: var(--gold, #D1A154);
  --caramel: var(--caramel, #A8702F);
}

/* Общий цвет текста */
.woocommerce-account, .woocommerce{ color:var(--ink); }

/* =========== Страница входа/регистрации =========== */
/* Две колонки-«карточки» */
.woocommerce-account .u-columns .u-column1,
.woocommerce-account .u-columns .u-column2{
  background:var(--paper);
  border:1px solid rgba(209,161,84,.22);
  border-radius:22px;
  padding:22px;
  box-shadow:0 8px 24px rgba(59,42,28,.08);
  position:relative; overflow:hidden;
}
.woocommerce-account .u-columns .u-column1::before,
.woocommerce-account .u-columns .u-column2::before{
  content:""; position:absolute; right:-36px; top:-36px;
  width:200px; height:200px;
  background:radial-gradient(closest-side, rgba(255,248,238,.95), rgba(255,248,238,0));
  pointer-events:none;
}

/* Заголовки форм */
.woocommerce-account h2{
  margin:.1em 0 .6em;
  font-family:"Cormorant Garamond", serif;
  font-weight:700; line-height:1.06;
  font-size:clamp(22px,3.4vw,32px);
}

/* Поля ввода */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  width:100%;
  height:46px;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  padding:0 14px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.05);
}
.woocommerce form .form-row textarea{ height:auto; min-height:110px; padding:12px 14px; }
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{
  outline:0; border-color:rgba(209,161,84,.55);
  box-shadow:0 0 0 3px rgba(209,161,84,.15);
}

/* Ремембер/ссылки */
.woocommerce-LostPassword a{ color:var(--caramel); }
.woocommerce-LostPassword a:hover{ text-decoration:underline; }

/* Кнопки — как .btn-gold */
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register__submit{
  background:linear-gradient(180deg,#E9C27C,#D1A154 56%,#A8702F);
  color:#fff !important;
  border:0; border-radius:12px;
  padding:12px 18px; font-weight:700;
  box-shadow:0 6px 18px rgba(59,42,28,.12);
  transition:transform .12s ease, box-shadow .12s ease, filter .12s;
}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(59,42,28,.16);
  filter:saturate(1.06);
}

/* Уведомления Woo (ошибки, инфо, сообщения) */
.woocommerce-error, .woocommerce-info, .woocommerce-message{
  background:#fff; color:var(--ink);
  border-left:4px solid var(--gold);
  border-radius:14px; box-shadow:0 6px 18px rgba(59,42,28,.10);
}
.woocommerce-error{ border-left-color:#d95c5c; }
.woocommerce-info{ border-left-color:var(--gold); }
.woocommerce-message{ border-left-color:#6fb96f; }

/* =========== Внутри личного кабинета =========== */
/* Навигация-«таблетки» */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none; margin:0 0 16px; padding:0;
  display:flex; gap:10px; flex-wrap:wrap;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
  display:inline-block; padding:10px 16px; border-radius:999px;
  background:#fff4e4; color:var(--caramel);
  font-weight:700; text-decoration:none;
  box-shadow:inset 0 0 0 1px rgba(209,161,84,.35);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{
  background:linear-gradient(180deg,#E9C27C,#D1A154 56%,#A8702F);
  color:#fff;
  box-shadow:0 6px 18px rgba(59,42,28,.12);
}

/* Контент кабинета — карточка */
.woocommerce-account .woocommerce-MyAccount-content{
  background:var(--paper);
  border:1px solid rgba(209,161,84,.22);
  border-radius:22px;
  padding:22px;
  box-shadow:0 8px 24px rgba(59,42,28,.08);
  position:relative; overflow:hidden;
}
.woocommerce-account .woocommerce-MyAccount-content::before{
  width:200px; height:200px;
  background:radial-gradient(closest-side, rgba(255,248,238,.95), rgba(255,248,238,0));
  pointer-events:none;
}

/* Таблицы заказов и адреса */
.woocommerce-account table.shop_table{
  background:#fff; border-radius:14px; overflow:hidden;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 6px 16px rgba(59,42,28,.08);
}
.woocommerce-account table.shop_table th{
  background:#fff8ee; color:var(--ink);
}
.woocommerce-account table.shop_table td, 
.woocommerce-account table.shop_table th{
  padding:12px 14px;
}
.woocommerce-account a{ color:var(--caramel); }
.woocommerce-account a:hover{ text-decoration:underline; }

/* Адаптив — колонкам побольше воздуха на узких экранах */
@media (max-width: 980px){
  .woocommerce-account .u-columns .u-column1,
  .woocommerce-account .u-columns .u-column2{
    padding:18px;
  }
}
/* ===== My Account — общий каркас ===== */
.woocommerce-account .u-columns.col2-set{
  display:grid; gap:28px;
  grid-template-columns:1fr 1fr;
}
@media (max-width:980px){
  .woocommerce-account .u-columns.col2-set{ grid-template-columns:1fr; }
}

/* Карточки для колонок Acceder / Registrarse */
.woocommerce-account .u-columns .u-column1,
.woocommerce-account .u-columns .u-column2{
  background:var(--paper, #fff);
  border:1px solid rgba(209,161,84,.22);
  border-radius:22px;
  box-shadow:0 18px 40px rgba(59,42,28,.12);
  overflow:hidden;
}
.woocommerce-account .u-columns .u-column1::before,
.woocommerce-account .u-columns .u-column2::before{
  content:""; width:200px; height:200px;
  background:radial-gradient(closest-side, rgba(255,248,238,.95), rgba(255,248,238,0));
  pointer-events:none;
}

/* Заголовки внутри карточек */
.woocommerce-account .u-columns h2{
  font-family:"Cormorant Garamond", serif;
  font-weight:700;
  font-size:clamp(26px,3.4vw,40px);
  line-height:1.08;
  margin:0 0 12px;
  color:var(--ink, #3B2A1C);
}

/* Поля и подписи */
.woocommerce-account .u-columns .form-row label{ color:#6f5238; opacity:.95; }
.woocommerce-account .u-columns .input-text,
.woocommerce-account .u-columns input[type="password"],
.woocommerce-account .u-columns select,
.woocommerce-account .u-columns textarea{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.05);
  padding:10px 14px;
}

/* Кнопки — «золотые», как в общем стиле */
.woocommerce-account .u-columns .button,
.woocommerce-account .u-columns .woocommerce-Button{
  display:inline-block; padding:12px 18px; border-radius:12px;
  background:linear-gradient(180deg,#E9C27C,#D1A154 56%,#A8702F);
  color:#fff !important; font-weight:700; border:0;
  box-shadow:0 6px 18px rgba(59,42,28,.12);
  transition:transform .12s ease, box-shadow .12s ease, filter .12s;
}
.woocommerce-account .u-columns .button:hover,
.woocommerce-account .u-columns .woocommerce-Button:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(59,42,28,.16);
  filter:saturate(1.06);
}

/* Ссылка «¿Olvidaste la contraseña?» и подобные */
.woocommerce-account .lost_password a{ color:var(--caramel,#A8702F); font-weight:700; }

/* ===== Адреса: «Las siguientes direcciones…» — сделать плашкой ===== */
/* Безопасно оформим первый параграф внутри контента: он и есть это сообщение
   (а на дашборде «Hola, …» тоже будет аккуратной плашкой — читаемость +) */
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type{
  background:var(--paper,#fff);
  border:1px solid rgba(209,161,84,.22);
  border-radius:22px;
  box-shadow:0 18px 40px rgba(59,42,28,.12);
  padding:16px 18px; margin:0 0 18px;
  color:var(--ink,#3B2A1C);
  position:relative; overflow:hidden;
}
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type::before{
  content:""; height:160px;
  background:radial-gradient(closest-side, rgba(255,248,238,.95), rgba(255,248,238,0));
  pointer-events:none;
}

/* Немного дыхания навигации (слева) — если используешь её */
.woocommerce-account .woocommerce-MyAccount-navigation{ margin-bottom:18px; }
/* === FIX: выровнять Acceder / Registrarse в одну линию === */
.woocommerce-account #customer_login.u-columns {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(320px, 520px));
  column-gap: 32px;
  row-gap: 32px;                 /* запас на мобилке */
  align-items: start;
  justify-content: center;       /* центрируем всю пару карточек */
}

/* отменяем наследованные float/width/clear у колонок Woo */
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2,
.woocommerce-account .u-columns .u-column1,
.woocommerce-account .u-columns .u-column2{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  clear: none !important;
}

/* на узких экранах — в столбик */
@media (max-width: 980px){
  .woocommerce-account #customer_login.u-columns{
    grid-template-columns: 1fr;
  }
}

/* доп. косметика: уберём возможные псевдо-элементы обёртки,
   которые некоторые темы используют для clearfix */
.woocommerce-account #customer_login.u-columns::before,
.woocommerce-account #customer_login.u-columns::after{
  content:none !important;
}
/* === Woo — Direcciones (Billing / Shipping) — сетка и карточки === */

/* Делаем нормальную сетку из двух колонок */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
.woocommerce-account .woocommerce-MyAccount-content .addresses .u-columns,
.woocommerce-account .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(320px, 1fr));
  gap: 28px;
  align-items: start;
}

/* Сбрасываем float/width/clear у стандартных колонок Woo */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column1,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2,
.woocommerce-account .woocommerce-MyAccount-content .addresses .col-1,
.woocommerce-account .woocommerce-MyAccount-content .addresses .col-2{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  clear: none !important;
}

/* Оформление каждой карточки адреса */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address{
  background: var(--paper,#fff);
  border: 1px solid rgba(209,161,84,.22);
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(59,42,28,.12);
  padding: 22px;
  position: relative;
  overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address::before{
  content:"";
  position:absolute; right:-36px; top:-36px;
  width:200px; height:200px;
  background:radial-gradient(closest-side, rgba(255,248,238,.95), rgba(255,248,238,0));
  pointer-events:none;
}

/* Заголовок и «Añadir…» */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .title h3{
  margin: 0 0 .35em;
  font-family:"Cormorant Garamond", serif;
  font-weight:700;
  font-size: clamp(22px, 2.8vw, 36px);
  line-height:1.08;
  color: var(--ink,#3B2A1C);
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .title .edit{
  display:inline-block;
  padding: 8px 12px;
  border-radius: 12px;
  border: 2px solid var(--gold,#D1A154);
  color: var(--ink,#3B2A1C);
  text-decoration: none;
  font-weight: 700;
  margin-top: .25em;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .title .edit:hover{
  background:#fff4e4;
}

/* Текст адреса */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address{
  margin: 0;
  color: #6f5238;
  line-height: 1.55;
}

/* Адаптив — одна колонка */
@media (max-width: 960px){
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
  .woocommerce-account .woocommerce-MyAccount-content .addresses .u-columns{
    grid-template-columns: 1fr;
  }
}
/* === Direcciones — фикс раскладки по двум колонкам === */

/* Контейнер адресов: два одинаковых столбца, без сюрпризов */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
  display: grid !important;
  grid-template-columns: minmax(340px, 1fr) minmax(340px, 1fr);
  gap: 28px;
  align-items: start;
}

/* Полностью убираем флоаты/фикс-ширины, которые ломают грид */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column1,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .col-1,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .col-2 {
  float: none !important;
  width: auto !important;
  clear: none !important;
  margin: 0 !important;
  display: block !important;
  align-self: start;
}

/* Явно укажем, в какую колонку что становится */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column1,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .col-1 { grid-column: 1 !important; }

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .col-2 { grid-column: 2 !important; }

/* Карточке — 100% высоты грид-ячейки, чтобы обе смотрелись ровно */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address {
  height: 100%;
}

/* Мобильная версия — одна колонка */
@media (max-width: 960px){
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
    grid-template-columns: 1fr;
  }
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column1,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .col-1,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .col-2 {
    grid-column: 1 !important;
  }
}/* End custom CSS */